@synopackageland/templates 0.9.2 → 0.9.4

package/README.md

@@ -21,7 +21,7 @@ An overlay may replace `internal/app/*_none.go` (the CLI deletes the matching
 The placeholders `__PACKAGE__` (also the Go module path), `__DISPLAY_NAME__` and
 `__BACKGROUND_ENABLED__` are substituted by `init`.
 
-`backend/go.mod` requires `github.com/synopackageland/syno-pkg-land-sdk v0.9.3`; that line is
+`backend/go.mod` requires `github.com/synopackageland/syno-pkg-land-sdk v0.9.5`; that line is
 the single source of the SDK version and `frontend/package.json` pins
 `@synopackageland/sdk` to the same version.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/templates",
-  "version": "0.9.2",
+  "version": "0.9.4",
   "description": "Project templates for synopkgland init: native-go (plain or Vue, with jobs, delegate and root-ops overlays), binary and compose.",
   "license": "MIT",
   "repository": {"type": "git", "url": "git+https://github.com/synopackageland/syno-pkg-land-templates.git"},

package/templates/native-go/backend/THIRD_PARTY_NOTICES.txt

@@ -1,6 +1,6 @@
 Native Go package build dependencies
 
-github.com/synopackageland/syno-pkg-land-sdk v0.9.3 (MIT)
+github.com/synopackageland/syno-pkg-land-sdk v0.9.5 (MIT)
 
 Copyright (c) 2026 synopkgland
 

package/templates/native-go/backend/go.mod

@@ -4,6 +4,6 @@ go 1.25.0
 
 toolchain go1.26.9
 
-require github.com/synopackageland/syno-pkg-land-sdk v0.9.3
+require github.com/synopackageland/syno-pkg-land-sdk v0.9.5
 
 require golang.org/x/sys v0.44.0 // indirect

package/templates/native-go/backend/go.sum

@@ -1,4 +1,4 @@
-github.com/synopackageland/syno-pkg-land-sdk v0.9.3 h1:lr0OREzdTKGHLoIgN4nCL1PdXriD756AuaDCpUXvdNw=
-github.com/synopackageland/syno-pkg-land-sdk v0.9.3/go.mod h1:JNoqISvR4biA9IuLi0CFe4c272tsKzCN9Nyj71nrXsQ=
+github.com/synopackageland/syno-pkg-land-sdk v0.9.5 h1:Kab3TVny+Zqqy7tzp5YqT1ZdcUhzVtH0uL3uu58wPXo=
+github.com/synopackageland/syno-pkg-land-sdk v0.9.5/go.mod h1:JNoqISvR4biA9IuLi0CFe4c272tsKzCN9Nyj71nrXsQ=
 golang.org/x/sys v0.44.0 h1:ildZl3J4uzeKP07r2F++Op7E9B29JRUy+a27EibtBTQ=
 golang.org/x/sys v0.44.0/go.mod h1:4GL1E5IUh+htKOUEOaiffhrAeqysfVGipDYzABqnCmw=

package/templates/native-go-vue/README.md

@@ -37,6 +37,10 @@ Use the installed `@synopackageland/ui`; package.json pins its version.
 `AppLayout wide-layout="window"` keeps the DSM shell in window mode even when
 maximized. Only whole-page web/Portal apps should opt into document scope or
 `wide-layout="web"`. The DSM host sets the 700px minimum window width.
+In a DSM window (`ctx.host.platform().host === 'dsm'`) `AppRoot` takes
+`dialog-bounds="viewport"`, so Dialogs can be dragged out of the window, and
+its `activate` event calls `ctx.host.activateWindow()` to bring the window to
+the front. Elsewhere Dialogs stay inside the App.
 Import `themes/dsm7-embedded.css` and assign each mount a unique
 `app.config.idPrefix` before mounting.
 

package/templates/native-go-vue/frontend/DESIGN.md

@@ -36,6 +36,8 @@ editor; the root overlay adds its existing fixed-operation authorization gate.
 Use the installed `@synopackageland/ui` controls and `themes/dsm7-embedded.css`.
 The theme owns colors, typography, spacing and dialogs. Keep per-app modal scope,
 a unique Vue ID prefix and vertical scrolling at the DSM minimum window size.
+In a DSM window, Dialogs may leave the window (`dialog-bounds="viewport"`) and a
+press on one brings the window to the front; below 600px they are bottom sheets.
 
 Refresh and save expose busy state and localized errors. Reopen refreshes status.
 Each mount owns its state; unmount unsubscribes from host events and ignores late

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

@@ -7,7 +7,7 @@
       "name": "native-dsm-vue-app",
       "dependencies": {
         "@lucide/vue": "1.48.0",
-        "@synopackageland/sdk": "0.9.3",
+        "@synopackageland/sdk": "0.9.5",
         "@synopackageland/ui": "0.9.1",
         "vue": "3.5.43"
       },
@@ -1148,9 +1148,9 @@
       }
     },
     "node_modules/@synopackageland/sdk": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/@synopackageland/sdk/-/sdk-0.9.3.tgz",
-      "integrity": "sha512-imKU1EPg2oqa2aGvDQ2ceJMhphq+9mPlaKLIf+yUpKKDhJ2JZs6QPf0RMjLN9n267S0/TKzYcxM7hW8EZfBXQQ==",
+      "version": "0.9.5",
+      "resolved": "https://registry.npmjs.org/@synopackageland/sdk/-/sdk-0.9.5.tgz",
+      "integrity": "sha512-ikBQthpwj9EvpagykdY2WVCjrN1yXBgReQzrnljfggdsOqd8TRk9eUMF2rgY62oARZx0P1fxIRAzkSUBGS1Qgw==",
       "license": "MIT",
       "peerDependencies": {
         "@lucide/vue": "^1.48.0",

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

@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@lucide/vue": "1.48.0",
-    "@synopackageland/sdk": "0.9.3",
+    "@synopackageland/sdk": "0.9.5",
     "@synopackageland/ui": "0.9.1",
     "vue": "3.5.43"
   },

package/templates/native-go-vue/frontend/src/App.vue

@@ -17,6 +17,10 @@ let disposed = false
 let unsubscribe: (() => void) | undefined
 // The CLI substitutes this only for a declared package-account background worker.
 const backgroundEnabled = (('__BACKGROUND_ENABLED__') as string) === 'true'
+// In a DSM window, dialogs may leave the window as DSM's own do; a press on one
+// does not reach the window, so it brings the window to the front itself.
+const inDsmWindow = props.ctx.host?.platform().host === 'dsm'
+function toFront() {props.ctx.host.activateWindow()}
 const page = ref<ShellPage>('status')
 const pages = computed(() => shellPages({background:backgroundEnabled}))
 const subtitle = computed(() => app.value ? `${app.value.package} · ${app.value.user} · ${app.value.version}` : undefined)
@@ -64,7 +68,7 @@ onUnmounted(()=>{disposed=true;unsubscribe?.();login.dispose();text.value=''})
 </script>
 
 <template>
- <AppRoot modal-scope="app" style="height: 100%">
+ <AppRoot modal-scope="app" :dialog-bounds="inDsmWindow ? 'viewport' : 'app'" style="height: 100%" @activate="toFront">
   <ConfigProvider :locale="uiLocale(ctx.locale)">
   <LoginPage v-if="login.ready.value && login.enabled.value && !login.subject.value" :session="login" :locale="ctx.locale" />
   <AppShell v-else v-model="page" :locale="ctx.locale" :pages="pages" :description="subtitle">

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

@@ -92,3 +92,40 @@ test('a status request that raced the session check is retried once the session
   expect(root.textContent).toContain('Raced · admin · 1')
  }finally{app.unmount();root.remove()}
 })
+function hosted(host?:'dsm'|'standalone-web'){
+ const call=vi.fn(async(method:string)=>{
+  if(method==='app.status')return {package:'Hosted',version:'1',user:'admin',admin:false}
+  throw {code:'unknown_method'}
+ })
+ const activateWindow=vi.fn(()=>({status:'requested'}))
+ const ctx={locale:'en',call,reopen(){return ()=>{}},...(host?{host:{platform:()=>({host}),activateWindow}}:{})} as unknown as Context
+ const root=document.createElement('div');document.body.append(root)
+ const app=mount(root,ctx)
+ return {activateWindow,close(){app.unmount();root.remove()}}
+}
+test('in a DSM window dialogs may leave the window, and pressing one brings the window to the front',async()=>{
+ const f=hosted('dsm')
+ try{
+  await settle()
+  const floating=document.querySelector<HTMLElement>('[data-ui-floating]')
+  expect(floating).not.toBeNull()
+  floating!.dispatchEvent(new Event('pointerdown'))
+  expect(f.activateWindow).toHaveBeenCalledOnce()
+ }finally{f.close()}
+ expect(document.querySelector('[data-ui-floating]')).toBeNull()
+})
+test('on a narrow viewport the floating dialogs become sheets that stay on screen',async()=>{
+ const width=window.innerWidth
+ Object.defineProperty(window,'innerWidth',{configurable:true,value:390})
+ const f=hosted('dsm')
+ try{
+  await settle()
+  expect(document.querySelector('[data-ui-floating]')?.getAttribute('data-ui-presentation')).toBe('mobile')
+ }finally{f.close();Object.defineProperty(window,'innerWidth',{configurable:true,value:width})}
+})
+test('outside a DSM window dialogs stay inside the app',async()=>{
+ for(const host of [undefined,'standalone-web'] as const){
+  const f=hosted(host)
+  try{await settle();expect(document.querySelector('[data-ui-floating]')).toBeNull()}finally{f.close()}
+ }
+})