@talex-touch/utils 1.0.42 → 1.0.45

package/renderer/shared/components/SharedPluginDetailMetaList.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { SharedPluginMetaItem } from '../plugin-detail'
+import { computed } from 'vue'
+
+interface Props {
+  items?: SharedPluginMetaItem[]
+  title?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  title: ''
+})
+
+const hasItems = computed(() => (props.items?.length ?? 0) > 0)
+</script>
+
+<template>
+  <section v-if="hasItems" class="space-y-3">
+    <h3 v-if="title" class="text-sm font-semibold uppercase tracking-wide text-black/70">
+      {{ title }}
+    </h3>
+    <div class="flex flex-col gap-3">
+      <div
+        v-for="item in items"
+        :key="item.label"
+        class="rounded-xl border border-black/5 bg-white/80 p-3 text-sm text-black/70"
+        :class="item.highlight ? `highlight-${item.highlight}` : ''"
+      >
+        <div class="flex items-center gap-2 text-xs uppercase tracking-wide text-black/50">
+          <i v-if="item.icon" :class="item.icon" />
+          <span>{{ item.label }}</span>
+        </div>
+        <div class="mt-1 text-sm font-semibold text-black">
+          {{ item.value }}
+        </div>
+      </div>
+    </div>
+  </section>
+</template>

package/renderer/shared/components/SharedPluginDetailReadme.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import type { SharedPluginReadme } from '../plugin-detail'
+import { marked } from 'marked'
+import { computed } from 'vue'
+
+interface Props {
+  readme?: SharedPluginReadme
+  title?: string
+  emptyText?: string
+  renderMarkdown?: (markdown: string) => string
+  contentClass?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  title: 'README',
+  emptyText: 'No README'
+})
+
+marked.setOptions({
+  breaks: true,
+  gfm: true
+})
+
+const renderedReadme = computed(() => {
+  const markdown = props.readme?.markdown?.trim()
+  if (!markdown) return ''
+  // NOTE: Markdown is not sanitized; caller should ensure content is trusted or provide a safe renderer.
+  return props.renderMarkdown ? props.renderMarkdown(markdown) : marked.parse(markdown)
+})
+</script>
+
+<template>
+  <section class="space-y-3">
+    <h3 v-if="title" class="text-sm font-semibold uppercase tracking-wide text-black/70">
+      {{ title }}
+    </h3>
+    <div v-if="renderedReadme" class="prose prose-sm max-w-none" :class="[contentClass]">
+      <!-- eslint-disable-next-line vue/no-v-html -->
+      <div v-html="renderedReadme" />
+    </div>
+    <p v-else class="text-sm text-black/60">
+      {{ emptyText }}
+    </p>
+  </section>
+</template>

package/renderer/shared/components/SharedPluginDetailVersions.vue

@@ -0,0 +1,98 @@
+<script setup lang="ts">
+import type { SharedPluginVersion } from '../plugin-detail'
+import { computed } from 'vue'
+
+interface Props {
+  versions?: SharedPluginVersion[]
+  title?: string
+  emptyText?: string
+  downloadText?: string
+  formatDate?: (value: string | number | Date) => string
+  formatSize?: (value: number) => string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  title: 'Versions',
+  emptyText: 'No versions',
+  downloadText: 'Download'
+})
+
+const emit = defineEmits<{
+  (e: 'download', version: SharedPluginVersion): void
+}>()
+
+const hasVersions = computed(() => (props.versions?.length ?? 0) > 0)
+
+const formatBytes = (value: number): string => {
+  if (props.formatSize) return props.formatSize(value)
+  if (value >= 1024 * 1024) return `${(value / 1024 / 1024).toFixed(1)} MB`
+  if (value >= 1024) return `${(value / 1024).toFixed(1)} KB`
+  return `${value} B`
+}
+
+const formatTime = (value: string | number | Date): string => {
+  if (props.formatDate) return props.formatDate(value)
+  const date = new Date(value as any)
+  return Number.isNaN(date.valueOf()) ? `${value}` : date.toLocaleDateString()
+}
+
+const signatureText = (signature?: string) => {
+  if (!signature) return ''
+  return signature.length > 12 ? `${signature.slice(0, 12)}…` : signature
+}
+</script>
+
+<template>
+  <section class="space-y-3">
+    <h3 v-if="title" class="text-sm font-semibold uppercase tracking-wide text-black/70">
+      {{ title }}
+    </h3>
+    <div v-if="hasVersions" class="space-y-3">
+      <article
+        v-for="version in versions"
+        :key="version.id ?? version.version"
+        class="rounded-2xl border border-black/5 bg-white/80 p-4 text-sm text-black/70"
+      >
+        <div class="flex flex-wrap items-center justify-between gap-2">
+          <div class="flex items-center gap-2 text-black font-semibold">
+            <span>v{{ version.version }}</span>
+            <span
+              v-if="version.channel"
+              class="inline-flex items-center rounded-full bg-black/5 px-2 py-0.5 text-xs text-black/70"
+            >
+              {{ version.channel }}
+            </span>
+          </div>
+          <span class="text-xs text-black/50">
+            <span v-if="version.createdAt">{{ formatTime(version.createdAt) }}</span>
+            <span v-if="version.packageSize"> · {{ formatBytes(version.packageSize) }}</span>
+          </span>
+        </div>
+        <p v-if="version.changelog" class="mt-2 text-sm leading-relaxed text-black/70">
+          {{ version.changelog }}
+        </p>
+        <div class="mt-3 flex flex-wrap items-center gap-2 text-xs">
+          <a
+            v-if="version.packageUrl"
+            :href="version.packageUrl"
+            target="_blank"
+            rel="noopener"
+            class="inline-flex items-center rounded-full bg-black text-white px-3 py-1"
+            @click="emit('download', version)"
+          >
+            {{ downloadText }}
+          </a>
+          <span
+            v-if="version.signature"
+            class="inline-flex items-center rounded-full bg-black/5 px-2 py-0.5 text-xs text-black/70"
+          >
+            {{ signatureText(version.signature) }}
+          </span>
+        </div>
+      </article>
+    </div>
+    <p v-else class="text-sm text-black/60">
+      {{ emptyText }}
+    </p>
+  </section>
+</template>

package/renderer/shared/components/index.ts

@@ -0,0 +1,5 @@
+export { default as SharedPluginDetailContent } from './SharedPluginDetailContent.vue'
+export { default as SharedPluginDetailHeader } from './SharedPluginDetailHeader.vue'
+export { default as SharedPluginDetailMetaList } from './SharedPluginDetailMetaList.vue'
+export { default as SharedPluginDetailReadme } from './SharedPluginDetailReadme.vue'
+export { default as SharedPluginDetailVersions } from './SharedPluginDetailVersions.vue'

package/renderer/shared/components/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<Record<string, never>, Record<string, never>, unknown>
+  export default component
+}

package/renderer/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './plugin-detail'
+export * from './components'

package/renderer/shared/plugin-detail.ts

@@ -0,0 +1,62 @@
+export type SharedPluginTrustLevel = 'official' | 'verified' | 'unverified'
+
+export interface SharedPluginAuthor {
+  name: string
+  avatarUrl?: string
+  avatarColor?: string
+}
+
+export interface SharedPluginCategory {
+  id?: string
+  label?: string
+}
+
+export interface SharedPluginVersion {
+  id?: string
+  version: string
+  channel?: string
+  createdAt?: string | number | Date
+  packageSize?: number
+  changelog?: string | null
+  packageUrl?: string
+  signature?: string
+  readmeMarkdown?: string | null
+}
+
+export interface SharedPluginReadme {
+  markdown?: string | null
+  url?: string
+}
+
+export interface SharedPluginMetaItem {
+  label: string
+  value: string
+  icon?: string
+  highlight?: 'upgrade' | 'installed' | 'info'
+}
+
+export interface SharedPluginProvider {
+  id?: string
+  name?: string
+  type?: string
+}
+
+export interface SharedPluginDetail {
+  id: string
+  name: string
+  summary?: string
+  author?: SharedPluginAuthor
+  category?: SharedPluginCategory
+  badges?: string[]
+  installs?: number
+  official?: boolean
+  trustLevel?: SharedPluginTrustLevel
+  icon?: string
+  iconUrl?: string | null
+  latestVersion?: SharedPluginVersion
+  versions?: SharedPluginVersion[]
+  readme?: SharedPluginReadme
+  metaItems?: SharedPluginMetaItem[]
+  provider?: SharedPluginProvider
+  updatedAt?: string | number | Date
+}

package/renderer/storage/app-settings.ts

@@ -1,6 +1,6 @@
 import type { AppSetting } from '../..'
 import { appSettingOriginData, StorageList } from '../..'
-import { createStorageProxy, TouchStorage } from './base-storage'
+import { createStorageDataProxy, createStorageProxy, TouchStorage } from './base-storage'
 
 /**
  * Application settings storage manager
@@ -42,3 +42,5 @@ export const appSettings = createStorageProxy<AppSettingsStorage>(
   APP_SETTINGS_SINGLETON_KEY,
   () => new AppSettingsStorage(),
 )
+
+export const appSettingsData = createStorageDataProxy(appSettings)