tauri-plugin-ota-self-update 0.2.1

Self-hosted OTA updates for Tauri v2 web assets.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

<script setup lang="ts">
import { computed, ref } from 'vue'
import hljs from 'highlight.js/lib/core'
import bash from 'highlight.js/lib/languages/bash'
import json from 'highlight.js/lib/languages/json'
import rust from 'highlight.js/lib/languages/rust'
import shell from 'highlight.js/lib/languages/shell'
import typescript from 'highlight.js/lib/languages/typescript'
import yaml from 'highlight.js/lib/languages/yaml'

hljs.registerLanguage('bash', bash)
hljs.registerLanguage('sh', shell)
hljs.registerLanguage('json', json)
hljs.registerLanguage('yaml', yaml)
hljs.registerLanguage('yml', yaml)
hljs.registerLanguage('ts', typescript)
hljs.registerLanguage('typescript', typescript)
hljs.registerLanguage('rust', rust)
hljs.registerLanguage('rs', rust)

const props = defineProps<{
  title?: string
  language: string
  value: string
}>()

const copied = ref(false)
const wrap = ref(false)

const highlighted = computed(() => {
  const lang = props.language.toLowerCase()
  try {
    if (hljs.getLanguage(lang)) {
      return hljs.highlight(props.value, { language: lang, ignoreIllegals: true }).value
    }
  } catch {
    // fallback below
  }
  return hljs.highlightAuto(props.value).value
})

async function copyCode() {
  await navigator.clipboard.writeText(props.value)
  copied.value = true
  setTimeout(() => {
    copied.value = false
  }, 1200)
}
</script>

<template>
  <figure class="code-frame">
    <figcaption class="code-frame-head">
      <div class="code-frame-meta">
        <span v-if="title" class="code-title">{{ title }}</span>
        <span class="code-lang">{{ language }}</span>
      </div>
      <div class="code-frame-actions">
        <button class="code-btn" type="button" @click="wrap = !wrap">{{ wrap ? 'No wrap' : 'Wrap' }}</button>
        <button class="code-btn" type="button" @click="copyCode">{{ copied ? 'Copied' : 'Copy' }}</button>
      </div>
    </figcaption>
    <pre :class="['code-scroll', { 'code-wrap': wrap }]"><code class="hljs" v-html="highlighted" /></pre>
  </figure>
</template>