@synopackageland/cli 0.8.0 → 0.9.0

package/templates/native-go-vue/frontend/src/nas/i18n/files/zh-TW.json

@@ -1,41 +0,0 @@
-{
-  "title": "NAS 資料夾 — File Station",
-  "ownPermissions": "操作使用你自己的 DSM 工作階段與 File Station 即時權限。",
-  "choose": "選擇資料夾",
-  "confirm": "確認選取",
-  "refresh": "重新整理資料夾",
-  "loading": "載入中…",
-  "emptyFolder": "此資料夾是空的。",
-  "roots": "資料夾",
-  "back": "返回",
-  "select": "選取 {name}",
-  "open": "開啟 {name}",
-  "selected": "已選取：{name}",
-  "cancel": "取消",
-  "close": "關閉",
-  "loadMore": "載入更多",
-  "errorSession": "DSM 工作階段已失效。請重新登入 DSM，再重新整理資料夾。",
-  "errorDenied": "沒有權限存取此檔案或資料夾。請選擇其他資料夾。",
-  "errorNotFound": "檔案或資料夾已不存在。請重新整理清單。",
-  "errorConflict": "已有同名檔案或資料夾。請使用其他名稱。",
-  "errorUncertain": "操作可能已完成。請重新整理選取或目的資料夾並確認結果，再決定是否重新送出。",
-  "errorInvalid": "資料夾、檔名或請求無效。請檢查輸入後重試。",
-  "errorUnavailable": "File Station 無法使用，或此套件未提供工作階段 adapter。請稍後重新整理。",
-  "errorCanceled": "請求已取消。請重新整理後繼續。",
-  "errorTimeout": "請求逾時。請重新整理清單後繼續。",
-  "metadata": "資訊",
-  "fileKind": "檔案",
-  "directoryKind": "資料夾",
-  "nameColumn": "名稱",
-  "kindColumn": "類型",
-  "sizeColumn": "位元組",
-  "selectAction": "選取",
-  "chooseFile": "選擇檔案",
-  "expand": "展開 {name}",
-  "collapse": "收合 {name}",
-  "upload": "上傳",
-  "download": "下載",
-  "uploaded": "檔案已上傳。",
-  "errorDSM": "請在同一主機名稱登入 DSM，以存取 NAS 檔案。只有 App 登入無法使用 File Station。",
-  "errorUploadSize": "請選擇一個不超過 16 GB 的檔案。"
-}

package/templates/native-go-vue/frontend/src/nas/i18n.ts

@@ -1,2 +0,0 @@
-/** Substitute the single display value in localized picker copy. */
-export function format(template:string,value:string|number):string{return template.replace('{name}',String(value))}

package/templates/native-go-vue/frontend/src/nas/locale.ts

@@ -1,24 +0,0 @@
-import type {UiLocale} from '@synopackageland/ui'
-import en from './i18n/files/en.json'
-import zhTW from './i18n/files/zh-TW.json'
-import zhCN from './i18n/files/zh-CN.json'
-import ja from './i18n/files/ja.json'
-import ko from './i18n/files/ko.json'
-import de from './i18n/files/de.json'
-import fr from './i18n/files/fr.json'
-import es from './i18n/files/es.json'
-import it from './i18n/files/it.json'
-export type NasCopy=typeof en
-export const nasCatalogs:Record<string,NasCopy>={en,'zh-TW':zhTW,'zh-CN':zhCN,ja,ko,de,fr,es,it}
-const aliases:Record<string,string>={enu:'en',cht:'zh-TW',chs:'zh-CN',jpn:'ja',krn:'ko',ger:'de',fre:'fr',spn:'es',ita:'it'}
-/** The built-in UI locale (shared by these catalogs and the UI's own text) for a DSM or BCP-47 language tag. */
-export function uiLocale(locale:string):UiLocale{
- const normalized=locale.replaceAll('_','-')
- return ([aliases[normalized]??normalized,normalized.split('-')[0]!].find(key=>key in nasCatalogs)??'en') as UiLocale
-}
-export function nasCopy(locale:string):NasCopy{return nasCatalogs[uiLocale(locale)]!}
-export function nasErrorCopy(error:unknown,copy:NasCopy):string{
- const code=(error as {code?:string})?.code
- const keys:Record<string,keyof NasCopy>={session_required:'errorSession',dsm_session_required:'errorDSM',upload_size_required:'errorUploadSize',denied:'errorDenied',not_found:'errorNotFound',conflict:'errorConflict','commit-uncertain':'errorUncertain','invalid-request':'errorInvalid',canceled:'errorCanceled',timeout:'errorTimeout'}
- return copy[keys[code??'']??'errorUnavailable']
-}

package/templates/native-go-vue/frontend/src/nas/provider.ts

@@ -1,50 +0,0 @@
-import {createFileTransfers} from '../files/transfers'
-import type {Context} from '../context'
-import type {NasEntry,NasPage,NasProvider} from './contract'
-
-function refuse(code='unavailable'):never{throw {code}}
-function record(v:unknown):Record<string,unknown>{if(!v||typeof v!=='object'||Array.isArray(v))refuse();return v as Record<string,unknown>}
-const integer=(v:unknown):v is number=>typeof v==='number'&&Number.isSafeInteger(v)&&v>=0
-function entry(value:unknown):NasEntry{
- const v=record(value),additional=record(v.additional??{})
- if(typeof v.name!=='string'||typeof v.path!=='string'||typeof v.isdir!=='boolean'||(additional.size!==undefined&&!integer(additional.size)))refuse()
- // Display DSM's response without guessing permissions from path prefixes.
- return {name:v.name,path:v.path,isDir:v.isdir,...(additional.size===undefined?{}:{bytes:additional.size as number})}
-}
-function page(value:unknown,offset:number,limit:number):NasPage{
- const v=record(value),raw=v.shares??v.files
- if(!Array.isArray(raw)||raw.length>limit||!integer(v.total)||v.offset!==offset||offset+raw.length>v.total)refuse()
- const entries=raw.map(entry),next=offset+entries.length
- if(next<v.total&&!entries.length)refuse()
- return {entries,total:v.total,offset,...(next<v.total?{nextOffset:next}:{})}
-}
-export function createNasProvider(ctx:Pick<Context,'call'|'files'>):NasProvider{
- let disposed=false
- const life=new AbortController()
- const transfers=ctx.files?createFileTransfers(ctx.files):undefined
- async function request(method:string,params:Record<string,unknown>,signal:AbortSignal,mutation=false):Promise<unknown>{
-  if(disposed||signal.aborted)refuse('canceled')
-  let cleanup=()=>{}
-  const stop=new Promise<never>((_,reject)=>{
-   const abort=()=>reject({code:mutation?'commit-uncertain':'canceled'})
-   const timer=setTimeout(()=>reject({code:mutation?'commit-uncertain':'timeout'}),22000)
-   signal.addEventListener('abort',abort,{once:true});life.signal.addEventListener('abort',abort,{once:true})
-   cleanup=()=>{clearTimeout(timer);signal.removeEventListener('abort',abort);life.signal.removeEventListener('abort',abort)}
-  })
-  try{return await Promise.race([ctx.call(method,params),stop])}
-  catch(e){
-   const code=(e as {code?:unknown})?.code
-   if([407,408,'407','408','denied'].includes(code as string|number))refuse('denied')
-   const allowed=['session_required','dsm_session_required','auth_unavailable','denied','not_found','conflict','invalid-request','unavailable','unknown_method','unsupported','commit-uncertain','canceled','timeout']
-   refuse(typeof code==='string'&&allowed.includes(code)?code:mutation?'commit-uncertain':'unavailable')
-  }finally{cleanup()}
- }
- return {
-  ...(transfers?{upload:transfers.upload,download:transfers.download}:{}),
-  async shares(offset,signal){return page(await request('nas.files.shares',{offset},signal),offset,100)},
-  async list(path,options,signal){const offset=options.offset??0,limit=options.limit??100;return page(await request('nas.files.list',{path,...options,offset,limit},signal),offset,limit)},
-  async info(path,signal){return entry(await request('nas.files.info',{path},signal))},
-  async createFolder(parent,name,signal){const v=record(await request('nas.files.create_folder',{parent,name},signal,true));if(v.created!==true)refuse('commit-uncertain')},
-  dispose(){disposed=true;life.abort();transfers?.dispose()},
- }
-}

package/templates/native-go-vue/frontend/src/nas/use-request.ts

@@ -1,18 +0,0 @@
-import {onBeforeUnmount,ref} from 'vue'
-
-// The provider owns the 22 s bound (backend handlers are bounded to 20 s).
-// Local cancellation suppresses late display updates, never promises rollback.
-export function useNasRequest(){
- const busy=ref(false),error=ref<unknown>()
- let disposed=false,generation=0,active:AbortController|undefined
- function cancel(){generation++;active?.abort();active=undefined;busy.value=false;error.value=undefined}
- async function run<T>(fn:(signal:AbortSignal)=>Promise<T>):Promise<T|undefined>{
-  if(disposed||busy.value)return
-  const version=++generation,controller=new AbortController();active=controller;busy.value=true;error.value=undefined
-  try{const value=await fn(controller.signal);return !disposed&&version===generation?value:undefined}
-  catch(e){if(!disposed&&version===generation)error.value=e;return undefined}
-  finally{if(!disposed&&version===generation){busy.value=false;active=undefined}}
- }
- onBeforeUnmount(()=>{disposed=true;cancel()})
- return {busy,error,run,cancel}
-}

package/templates/native-go-vue/frontend/src/portal/PortalSettings.vue

@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import {onBeforeUnmount,onMounted,ref} from 'vue'
-import {Button,Callout,Form,FormActions,FormItem,Input,Link,SettingsSection} from '@synopackageland/ui'
-import type {PortalAccess,PortalStatus} from '../context'
-// SDK text in DSM's language comes with ctx.portal; DSM decides who may change the alias.
-const props=defineProps<{portal:PortalAccess}>()
-const m=props.portal.messages
-const status=ref<PortalStatus>(),alias=ref(''),busy=ref(false),error=ref('')
-let disposed=false
-function show(next:PortalStatus){if(disposed)return;status.value=next;alias.value=next.alias||next.defaultAlias}
-async function run(change:()=>Promise<PortalStatus>){
- if(busy.value)return
- busy.value=true;error.value=''
- try{show(await change())}
- catch(e){if(!disposed)error.value=m[(e as {code?:string})?.code||'']||m.portal_unavailable}
- finally{if(!disposed)busy.value=false}
-}
-onMounted(()=>void props.portal.status().then(show))
-onBeforeUnmount(()=>{disposed=true})
-</script>
-<template>
- <SettingsSection v-if="status" :title="m.title" :collapsible="false" :aria-busy="busy">
-  <p v-if="status.state==='active'">{{ m.link }} <Link :href="status.url" external>{{ status.url }}</Link></p>
-  <template v-if="status.canManage">
-   <p v-if="status.state!=='active'">{{ m.inactive }}</p>
-   <Form @submit.prevent="run(()=>portal.apply(alias))">
-    <FormItem :label="m.alias" label-for="portal-alias"><Input id="portal-alias" v-model="alias" maxlength="64" autocomplete="off" :disabled="busy" /></FormItem>
-    <FormActions>
-     <Button type="submit" variant="primary" :disabled="busy">{{ m.apply }}</Button>
-     <Button v-if="status.state==='active'" variant="secondary" :disabled="busy" @click="run(()=>portal.disable())">{{ m.disable }}</Button>
-    </FormActions>
-   </Form>
-   <Button variant="secondary" @click="portal.openControlPanel()">{{ m.advanced }}</Button>
-  </template>
-  <Button v-else-if="status.controlPanel" variant="secondary" @click="portal.openControlPanel()">{{ m.controlPanel }}</Button>
-  <p v-else-if="status.state!=='active'">{{ m.askAdmin }}</p>
-  <Callout v-if="error" tone="danger"><span role="alert">{{ error }}</span></Callout>
- </SettingsSection>
-</template>

package/templates/native-go-vue/frontend/src/shell/AppShell.vue

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-// DSM-style shell: a fixed left navigation and one right-hand page with a
-// header. Pages stay mounted (v-show) so provider leases and job polling keep
-// running while the user moves between them.
-import {computed, type Component} from 'vue'
-import {AppLayout, AppSidebar, PageContent, PageHeader, type AppSidebarGroup} from '@synopackageland/ui'
-import {Info, Timer} from '@lucide/vue'
-import {shellCopy} from './i18n'
-import type {ShellPage} from './pages'
-
-const props = defineProps<{
-  locale: string
-  modelValue: ShellPage
-  pages: readonly ShellPage[]
-  description?: string
-}>()
-const emit = defineEmits<{'update:modelValue': [value: ShellPage]}>()
-const copy = computed(() => shellCopy(props.locale))
-const icons: Record<ShellPage, Component> = {status:Info,background:Timer}
-const groups = computed<AppSidebarGroup[]>(() => [{
-  items: props.pages.map(page => ({key:page,label:copy.value[page],icon:icons[page]})),
-}])
-const title = computed(() => copy.value[props.modelValue] ?? copy.value.status)
-</script>
-
-<template>
-  <AppLayout class="app-shell" min-height="0" wide-layout="window">
-    <template #sidebar>
-      <AppSidebar :model-value="modelValue" :groups="groups" @update:model-value="emit('update:modelValue', $event as ShellPage)" />
-    </template>
-    <PageContent class="app-page">
-      <PageHeader :title="title" :description="description">
-        <template #actions><slot name="actions" /></template>
-      </PageHeader>
-      <div class="app-page-content"><slot /></div>
-    </PageContent>
-  </AppLayout>
-</template>
-
-<style scoped>
-/* The library clips AppLayout at window height; the page body scrolls while
-   the sidebar keeps its own height. Modeled on syno-reclaim's AppShell. */
-.app-shell { height: 100%; min-width: 0; grid-template-rows: minmax(0, 1fr); }
-.app-shell :deep(> div) { min-height: 0; }
-.app-shell :deep(main) { display: flex; flex-direction: column; overflow: hidden; }
-.app-page { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
-.app-page-content { padding-bottom: var(--ui-space-6, 24px); }
-</style>

package/templates/native-go-vue/frontend/src/shell/i18n/de.json

@@ -1,4 +0,0 @@
-{
-  "status": "Status",
-  "background": "Hintergrundaufträge"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/en.json

@@ -1,4 +0,0 @@
-{
-  "status": "Status",
-  "background": "Background jobs"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/es.json

@@ -1,4 +0,0 @@
-{
-  "status": "Estado",
-  "background": "Tareas en segundo plano"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/fr.json

@@ -1,4 +0,0 @@
-{
-  "status": "Statut",
-  "background": "Tâches en arrière-plan"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/it.json

@@ -1,4 +0,0 @@
-{
-  "status": "Stato",
-  "background": "Attività in background"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/ja.json

@@ -1,4 +0,0 @@
-{
-  "status": "状態",
-  "background": "バックグラウンドジョブ"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/ko.json

@@ -1,4 +0,0 @@
-{
-  "status": "상태",
-  "background": "백그라운드 작업"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/zh-CN.json

@@ -1,4 +0,0 @@
-{
-  "status": "状态",
-  "background": "后台工作"
-}

package/templates/native-go-vue/frontend/src/shell/i18n/zh-TW.json

@@ -1,4 +0,0 @@
-{
-  "status": "狀態",
-  "background": "背景工作"
-}

package/templates/native-go-vue/frontend/src/shell/i18n.ts

@@ -1,17 +0,0 @@
-import en from './i18n/en.json'
-import zhTW from './i18n/zh-TW.json'
-import zhCN from './i18n/zh-CN.json'
-import ja from './i18n/ja.json'
-import ko from './i18n/ko.json'
-import de from './i18n/de.json'
-import fr from './i18n/fr.json'
-import es from './i18n/es.json'
-import it from './i18n/it.json'
-
-export type ShellCopy = typeof en
-export const shellCatalogs: Record<string, ShellCopy> = {en,'zh-TW':zhTW,'zh-CN':zhCN,ja,ko,de,fr,es,it}
-const aliases: Record<string,string> = {enu:'en',cht:'zh-TW',chs:'zh-CN',jpn:'ja',krn:'ko',ger:'de',fre:'fr',spn:'es',ita:'it'}
-export function shellCopy(locale: string): ShellCopy {
-  const normalized = locale.replaceAll('_','-')
-  return shellCatalogs[aliases[normalized] ?? normalized] ?? shellCatalogs[normalized.split('-')[0]!] ?? en
-}

package/templates/native-go-vue/frontend/src/shell/pages.ts

@@ -1,15 +0,0 @@
-// The DSM-style shell shows one sidebar entry per feature that this build
-// actually provides. The manifest is resolved at build time, so the entries
-// here are driven by runtime feature flags rather than by the YAML itself.
-export type ShellPage = 'status' | 'background'
-export interface ShellFeatureFlags {background?: boolean}
-const ORDER: readonly ShellPage[] = ['status','background']
-
-export function shellPages(features: ShellFeatureFlags): ShellPage[] {
-  return ORDER.filter(page => page === 'status' || features[page] === true)
-}
-
-/** Keeps a selection that still exists; otherwise the first page wins. */
-export function activePage(current: ShellPage | undefined, pages: readonly ShellPage[]): ShellPage {
-  return current !== undefined && pages.includes(current) ? current : (pages[0] ?? 'status')
-}

package/templates/native-go-vue/frontend/src/style.css

@@ -1,27 +0,0 @@
-.dsmapp-vue-root {height: 100%; min-height: 0; width: 100%; overflow: hidden;}
-[data-ui-app] .integration-app {padding: 0 var(--ui-page-padding-x, 16px); color: var(--ui-text); font-family: var(--ui-font-sans); font-size: 13px; line-height: 1.5;}
-[data-ui-app] .integration-app section {margin-top: var(--ui-space-4, 16px);}
-[data-ui-app] .integration-status h2 {font-size: 15px; font-weight: 600; margin: 0;}
-[data-ui-app] .integration-status p {margin: 6px 0;}
-[data-ui-app] .integration-status dl {display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 12px 0;}
-[data-ui-app] .integration-status dt, [data-ui-app] .integration-help {color: var(--ui-text);}
-[data-ui-app] .integration-status dd {margin: 0;}
-[data-ui-app] .integration-actions {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
-[data-ui-app] .integration-notice {color: var(--ui-text);}
-[data-ui-app] .nas-summary {display: grid; grid-template-columns: minmax(6ch, max-content) minmax(0, 1fr); gap: var(--ui-space-2, 8px) var(--ui-space-4, 16px);}
-[data-ui-app] .nas-summary dd {margin: 0; overflow-wrap: anywhere;}
-[data-ui-app] .nas-breadcrumb {display: flex; flex-wrap: wrap; gap: var(--ui-space-2, 8px); margin-block: var(--ui-space-3, 12px);}
-[data-ui-app] .nas-browser {display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-space-3, 12px);}
-[data-ui-app] .nas-tree {display: none;}
-[data-ui-app] .nas-folder-list {min-width: 0; overflow: auto;}
-[data-ui-app] .nas-folder-name {white-space: normal; overflow-wrap: anywhere; text-align: start;}
-[data-ui-app] .nas-folder-action {white-space: normal; max-width: 100%;}
-[data-ui-app] .nas-picker {max-height: 55vh; overflow: auto; overflow-wrap: anywhere;}
-[data-ui-app] .nas-grants {list-style: none; padding: 0;}
-[data-ui-app] .nas-grants > li {padding-block: var(--ui-space-4, 16px); border-bottom: 1px solid var(--ui-border);}
-[data-ui-app] .nas-grant-heading {display: flex; align-items: start; justify-content: space-between; gap: var(--ui-space-3, 12px);}
-[data-ui-app] .nas-grant-heading strong {overflow-wrap: anywhere;}
-@media (min-width: 960px) {
- [data-ui-app] .nas-browser {grid-template-columns: minmax(8ch, 1fr) minmax(0, 3fr);}
- [data-ui-app] .nas-tree {display: block; overflow: auto;}
-}

package/templates/native-go-vue/frontend/test/apps.test.ts

@@ -1,57 +0,0 @@
-// @vitest-environment jsdom
-import {expect,test,vi} from 'vitest'
-import {nextTick} from 'vue'
-import {mount} from '../src/main'
-import type {Context} from '../src/context'
-async function settle(){for(let i=0;i<16;i++){await Promise.resolve();await nextTick()}}
-function fixture(id:string){
- const reopen:Array<()=>void>=[]
- const call=vi.fn(async(method:string)=>{
-  if(method==='app.status')return {package:id,version:'1',user:'admin',admin:true}
-  if(method==='greeting.get')return {text:'Hello '+id}
-  if(method==='greeting.set')return {}
-  throw {code:'unknown_method'}
- })
- const ctx={locale:'en',call,reopen(fn:()=>void){reopen.push(fn);return ()=>{}}} as Context
- const root=document.createElement('div');document.body.append(root)
- const app=mount(root,ctx)
- return {root,app,call,reopen,ctx,close(){app.unmount();root.remove()}}
-}
-test('independent mounts load and save their own package greeting',async()=>{
- const a=fixture('Alpha'),b=fixture('Beta')
- try{
-  await settle()
-  expect(a.root.textContent).toContain('Alpha');expect(a.root.textContent).not.toContain('Beta')
-  expect((a.root.querySelector('textarea') as HTMLTextAreaElement).value).toBe('Hello Alpha')
-  ;[...a.root.querySelectorAll('button')].find(n=>n.textContent==='Save')!.click();await settle()
-  expect(a.call).toHaveBeenCalledWith('greeting.set',{text:'Hello Alpha'})
-  expect(b.call.mock.calls.some(([method])=>method==='greeting.set')).toBe(false)
-  const count=b.call.mock.calls.length;a.reopen.forEach(fn=>fn());await settle()
-  expect(b.call.mock.calls).toHaveLength(count)
-  a.app.unmount();const stopped=a.call.mock.calls.length;a.reopen.forEach(fn=>fn());await settle()
-  expect(a.call.mock.calls).toHaveLength(stopped)
- }finally{a.close();b.close()}
-})
-test('failed status loading offers a retry and releases the mounting class',async()=>{
- const f=fixture('Failure')
- try{
-  await settle();f.call.mockRejectedValue({code:'auth_unavailable'});f.reopen.forEach(fn=>fn());await settle()
-  expect(f.root.textContent).toContain('DSM authentication is unavailable')
-  expect(f.root.querySelector('button')?.disabled).toBe(false)
-  f.app.unmount();expect(f.root.classList.contains('dsmapp-vue-root')).toBe(false)
- }finally{f.close()}
-})
-test('a portal app shows the Application Portal section on the status page',async()=>{
- const without=fixture('Plain')
- const f=fixture('Portal')
- try{
-  await settle();expect(without.root.textContent).not.toContain('Application Portal')
-  f.app.unmount()
-  const status={state:'active',alias:'portal',url:'https://nas.example/portal/',canManage:false,controlPanel:false,defaultAlias:'portal'} as const
-  f.ctx.portal={messages:{title:'Application Portal',link:'Direct link:'},status:vi.fn(async()=>status),apply:vi.fn(),disable:vi.fn(),openControlPanel:vi.fn(),mountPanel:vi.fn()}
-  const app=mount(f.root,f.ctx);await settle()
-  expect(f.root.textContent).toContain('Application Portal')
-  expect(f.root.querySelector('a[href="https://nas.example/portal/"]')).not.toBeNull()
-  app.unmount()
- }finally{without.close();f.root.remove()}
-})

package/templates/native-go-vue/frontend/test/native-controls.test.ts

@@ -1,27 +0,0 @@
-import {readdirSync,readFileSync} from 'node:fs'
-import {join} from 'node:path'
-import {expect,test} from 'vitest'
-const root=join(__dirname,'../src')
-const sources=(dir:string):string[]=>readdirSync(dir,{withFileTypes:true}).flatMap(e=>e.isDirectory()?sources(join(dir,e.name)):e.name.endsWith('.vue')?[join(dir,e.name)]:[])
-const template=(file:string)=>readFileSync(file,'utf8').replace(/<script[\s\S]*?<\/script>/g,'').replace(/<style[\s\S]*?<\/style>/g,'')
-const uses=(file:string,tag:string)=>new RegExp(`<${tag}[\\s>/]`).test(template(file))
-// The template ships @synopackageland/ui controls only; a native form control
-// means a missing UI component, which is a UI gap to report, not to paper over.
-test.each(['select','option','textarea','label','input','a'])('no vue template renders a native <%s>',tag=>{
- expect(sources(root).filter(file=>uses(file,tag))).toEqual([])
-})
-// Form direction and the control id come from the UI: `direction="auto"` stacks labels in a
-// narrow package window, and a control inside a FormItem binds its id/ARIA by itself.
-test('FormItem controls rely on the UI auto layout and id binding',()=>{
- const items=sources(root).filter(file=>uses(file,'FormItem'))
- expect(items.length).toBeGreaterThan(0)
- expect(items.filter(file=>/direction="vertical"|field\.controlId|#default="\{field\}"/.test(template(file)))).toEqual([])
-})
-// UI built-in text follows the Provider locale (nine locales), so every app root sets it once and no
-// component repeats a per-control locale or download label.
-test('app roots set the UI locale once and components do not translate UI text themselves',()=>{
- const roots=sources(root).filter(file=>uses(file,'AppRoot'))
- expect(roots.length).toBeGreaterThan(0)
- expect(roots.filter(file=>!uses(file,'ConfigProvider'))).toEqual([])
- expect(sources(root).filter(file=>/download-label|external-label|<FilePicker[^>]*:locale=/.test(template(file)))).toEqual([])
-})

package/templates/native-go-vue/frontend/test/portal-settings.test.ts

@@ -1,71 +0,0 @@
-// @vitest-environment jsdom
-import {expect,test,vi} from 'vitest'
-import {createApp,h,nextTick} from 'vue'
-import {AppRoot} from '@synopackageland/ui'
-import PortalSettings from '../src/portal/PortalSettings.vue'
-import type {PortalAccess,PortalStatus} from '../src/context'
-
-const messages={title:'Application Portal',link:'Direct link:',inactive:'Not active.',askAdmin:'Ask an administrator',alias:'Alias',apply:'Apply',disable:'Turn off',advanced:'Advanced',controlPanel:'Open Control Panel',portal_alias_in_use:'Alias in use',portal_unavailable:'DSM refused'}
-const base:PortalStatus={state:'inactive',canManage:false,controlPanel:false,defaultAlias:'my-app'}
-function access(status:PortalStatus,overrides:Partial<PortalAccess>={}):PortalAccess{
- return {messages,status:vi.fn(async()=>status),apply:vi.fn(async()=>status),disable:vi.fn(async()=>status),openControlPanel:vi.fn(),mountPanel:vi.fn(),...overrides}
-}
-async function mount(portal:PortalAccess){
- const root=document.createElement('div');document.body.append(root)
- const app=createApp({render:()=>h(AppRoot,{},()=>h(PortalSettings,{portal}))})
- app.mount(root);await nextTick();await nextTick();await new Promise(r=>setTimeout(r));await nextTick()
- return {root,unmount(){app.unmount();root.remove()}}
-}
-const buttons=(root:HTMLElement)=>[...root.querySelectorAll('button')].map(b=>b.textContent?.trim())
-
-test('an ordinary user sees the active link and nothing to change',async()=>{
- const {root,unmount}=await mount(access({...base,state:'active',alias:'my-app',url:'https://nas.example/my-app/'}))
- try{
-  expect(root.querySelector('a')?.getAttribute('href')).toBe('https://nas.example/my-app/')
-  expect(root.querySelector('input')).toBeNull();expect(root.querySelector('button')).toBeNull()
- }finally{unmount()}
-})
-
-test('an ordinary user without an active alias is asked to contact an administrator',async()=>{
- const {root,unmount}=await mount(access({...base,state:'unavailable'}))
- try{
-  expect(root.textContent).toContain('Ask an administrator')
-  expect(root.querySelector('a,input,button')).toBeNull()
- }finally{unmount()}
-})
-
-test('an administrator applies the prefilled alias and sees DSM refusals as portal text',async()=>{
- const apply=vi.fn(async()=>Promise.reject({code:'portal_alias_in_use'}))
- const portal=access({...base,canManage:true},{apply})
- const {root,unmount}=await mount(portal)
- try{
-  const input=root.querySelector('input')!
-  expect(input.value).toBe('my-app')
-  root.querySelector('form')!.dispatchEvent(new Event('submit',{cancelable:true}))
-  await new Promise(r=>setTimeout(r));await nextTick()
-  expect(apply).toHaveBeenCalledWith('my-app')
-  expect(root.querySelector('[role="alert"]')?.textContent).toContain('Alias in use')
-  ;[...root.querySelectorAll('button')].find(b=>b.textContent?.includes('Advanced'))!.click()
-  expect(portal.openControlPanel).toHaveBeenCalled()
- }finally{unmount()}
-})
-
-test('an administrator turns an active alias off',async()=>{
- const portal=access({...base,state:'active',alias:'my-app',url:'https://nas.example/my-app/',canManage:true})
- const {root,unmount}=await mount(portal)
- try{
-  expect(root.querySelector('a')?.getAttribute('href')).toBe('https://nas.example/my-app/')
-  ;[...root.querySelectorAll('button')].find(b=>b.textContent?.includes('Turn off'))!.click()
-  await nextTick()
-  expect(portal.disable).toHaveBeenCalled()
- }finally{unmount()}
-})
-
-test('an administrator without DSM portal support gets only the Control Panel shortcut',async()=>{
- const portal=access({...base,state:'unavailable',controlPanel:true})
- const {root,unmount}=await mount(portal)
- try{
-  expect(root.querySelector('input')).toBeNull()
-  expect(buttons(root)).toEqual(['Open Control Panel'])
- }finally{unmount()}
-})

package/templates/native-go-vue/frontend/test/shell-i18n.test.ts

@@ -1,50 +0,0 @@
-// @vitest-environment jsdom
-// @vitest-environment-options {"url":"https://nas.test"}
-import {expect,test,vi} from 'vitest'
-import {nextTick} from 'vue'
-import {mount} from '../src/main'
-import type {Context} from '../src/context'
-import {appCopy} from '../src/i18n'
-import {identityCopy} from '../src/identity/i18n'
-async function settle(){for(let i=0;i<20;i++){await Promise.resolve();await nextTick()}}
-const buttons=(root:HTMLElement)=>[...root.querySelectorAll('button')].map(b=>b.textContent?.trim())
-function start(locale:string,call:(method:string)=>Promise<unknown>){
- const ctx={locale,call:vi.fn(call),reopen(){return ()=>{}}} as unknown as Context
- const root=document.createElement('div');document.body.append(root)
- const app=mount(root,ctx)
- return {root,close(){app.unmount();root.remove()}}
-}
-test('the status page and its errors follow the DSM language',async()=>{
- const copy=appCopy('ger')
- const {root,close}=start('de',async method=>{
-  if(method==='app.status')return {package:'Pkg',version:'1',user:'admin',admin:true}
-  if(method==='greeting.get')throw {code:'admin_required'}
-  throw {code:'unknown_method'}
- })
- try{
-  await settle()
-  expect(buttons(root)).toContain(copy.refresh)
-  expect(root.textContent).toContain(copy.statusTitle)
-  expect(root.textContent).toContain(copy.greeting)
-  expect(root.textContent).toContain(copy.errors.admin_required)
-  expect(root.querySelector('[aria-label]')?.getAttribute('aria-label')).not.toBe('Package settings')
- }finally{close()}
-})
-test('unknown failures name the code in the DSM language',()=>{
- expect(appCopy('ja').errors.request_failed).toContain('{code}')
-})
-test('the sign-in page and its session notices follow the DSM language',async()=>{
- const copy=identityCopy('jpn')
- const {root,close}=start('ja',async method=>{
-  if(method==='identity.status')return {enabled:true}
-  if(method==='identity.session')return {user:'alice',uid:'1',expiresAt:new Date(Date.now()-1000).toISOString()}
-  throw {code:'session_required'}
- })
- try{
-  await settle()
-  expect(root.textContent).toContain(copy.title)
-  expect(buttons(root)).toEqual(expect.arrayContaining([copy.signIn,copy.continueDSM]))
-  expect(root.querySelector('[role="status"]')?.textContent).toBe(copy.notices.expired)
-  expect(root.textContent).not.toMatch(/Sign in|Account|Password|session/)
- }finally{close()}
-})

package/templates/native-go-vue/frontend/test/shell-ui.test.ts

@@ -1,20 +0,0 @@
-// @vitest-environment jsdom
-import {expect,test,vi} from 'vitest'
-import {createApp,h,nextTick,ref} from 'vue'
-import {AppRoot} from '@synopackageland/ui'
-import AppShell from '../src/shell/AppShell.vue'
-import type {ShellPage} from '../src/shell/pages'
-test('enabled pages use keyboard buttons and share the page header boundary',async()=>{
- const selected=ref<ShellPage>('status')
- const root=document.createElement('div');document.body.append(root)
- const app=createApp({render:()=>h(AppRoot,{},()=>h(AppShell,{locale:'cht',modelValue:selected.value,pages:['status','background'], 'onUpdate:modelValue':(value:ShellPage)=>selected.value=value},()=>h('div',{'data-content':true},'Content')))})
- try{
-  app.mount(root);await nextTick()
-  const nav=[...root.querySelectorAll<HTMLButtonElement>('[data-nav-item]')]
-  expect(nav).toHaveLength(2);expect(nav.every(n=>n.tagName==='BUTTON')).toBe(true)
-  nav[1]!.click();await nextTick();expect(selected.value).toBe('background')
-  const body=root.querySelector('[data-page-content-body]')!
-  expect(body.contains(root.querySelector('h1'))).toBe(true)
-  expect(body.contains(root.querySelector('[data-content]'))).toBe(true)
- }finally{app.unmount();root.remove()}
-})

package/templates/native-go-vue/frontend/test/shell.test.ts

@@ -1,30 +0,0 @@
-// @vitest-environment jsdom
-import {expect,test} from 'vitest'
-import {activePage,shellPages,type ShellFeatureFlags} from '../src/shell/pages'
-import {shellCatalogs,shellCopy} from '../src/shell/i18n'
-
-test('navigation follows the background flag and falls back when unavailable',()=>{
- expect(shellPages({})).toEqual(['status'])
- expect(shellPages({background:true})).toEqual(['status','background'])
- expect(activePage('background',shellPages({}))).toBe('status')
- expect(activePage('background',shellPages({background:true}))).toBe('background')
-})
-
-test('nine navigation catalogs stay complete and resolve DSM locale aliases',()=>{
- expect(Object.keys(shellCatalogs)).toEqual(['en','zh-TW','zh-CN','ja','ko','de','fr','es','it'])
- for(const catalog of Object.values(shellCatalogs)){
-  expect(Object.keys(catalog).sort()).toEqual(Object.keys(shellCatalogs.en).sort())
-  expect(Object.values(catalog).every(value=>typeof value==='string'&&value.trim().length>0)).toBe(true)
- }
- expect(shellCopy('cht')).toEqual(shellCatalogs['zh-TW'])
- expect(shellCopy('zh_CN')).toEqual(shellCatalogs['zh-CN'])
- expect(shellCopy('unknown')).toEqual(shellCatalogs.en)
- expect(Object.values(shellCatalogs).every(catalog=>typeof catalog.background==='string'&&catalog.background.trim().length>0)).toBe(true)
-})
-
-test('navigation labels are unique inside every catalog',()=>{
- for(const catalog of Object.values(shellCatalogs)){
-  const labels=Object.values(catalog).map(value=>value.trim().toLowerCase())
-  expect(new Set(labels).size).toBe(labels.length)
- }
-})

package/templates/native-go-vue/frontend/tsconfig.json

@@ -1 +0,0 @@
-{"compilerOptions":{"target":"ES2022","module":"ESNext","moduleResolution":"Bundler","resolveJsonModule":true,"strict":true,"lib":["ES2022","DOM"],"skipLibCheck":true,"types":["vite/client"]},"include":["src/**/*.ts","src/**/*.vue","vite.config.ts"]}

package/templates/native-go-vue/frontend/vite.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-// @ts-expect-error The shared notice tool is a plain Node module.
-import { writeThirdPartyNotices } from './third-party-notices.mjs'
-export default defineConfig(({command}) => ({
-  plugins: [vue(), {name: 'dependency-notices', closeBundle() {writeThirdPartyNotices('.', 'dist/LICENSES', {ui: true})}}],
-  // Library mode must replace Vue dependency env guards for the DSM browser.
-  define: command === 'build' ? {'process.env.NODE_ENV': JSON.stringify('production')} : {},
-  build: {lib: {entry: 'src/main.ts', formats: ['iife'], name: 'DsmVueApp', fileName: () => 'app.js'}, cssCodeSplit: false, rollupOptions: {output: {assetFileNames: 'app.[ext]'}}},
-}))