@owlmeans/create-app 0.1.18-rc.5 → 0.1.18-rc.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owlmeans/create-app",
-  "version": "0.1.18-rc.5",
+  "version": "0.1.18-rc.7",
   "license": "MIT",
   "description": "Scaffold a minimal fullstack OwlMeans Common app — common + api + web workspaces, shadcn UI navigation/layout, no auth, and a session-scoped in-memory resource. Deploys agent skills via @owlmeans/agent-skills by default.",
   "type": "module",
@@ -29,7 +29,7 @@
     "template"
   ],
   "dependencies": {
-    "@owlmeans/agent-skills": "^0.1.18-rc.5"
+    "@owlmeans/agent-skills": "^0.1.18-rc.6"
   },
   "devDependencies": {
     "@owlmeans/dep-config": "workspace:*",

package/template/sources/api/package.json

@@ -11,12 +11,12 @@
     "typecheck": "tsc -b"
   },
   "dependencies": {
-    "@owlmeans/server-app": "^0.1.16",
-    "@owlmeans/static-resource": "^0.1.16",
+    "@owlmeans/server-app": "^0.1.18-rc.0",
+    "@owlmeans/static-resource": "^0.1.18-rc.0",
     "__APP_SLUG__-common": "workspace:^"
   },
   "devDependencies": {
-    "@owlmeans/dep-config": "^0.1.16",
+    "@owlmeans/dep-config": "^0.1.18-rc.0",
     "@types/node": "^24.10.1",
     "typescript": "^7.0.2"
   }

package/template/sources/api/src/context.ts

@@ -10,5 +10,9 @@ export const makeContext = <C extends Config, T extends Context<C>>(cfg: C): T =
   // data lives in process memory and is cleared when the api restarts.
   appendStaticResource<C, T>(context, SESSION_ITEMS)
 
+  // A child context has to inherit THIS factory, not the layer's — otherwise a derived context
+  // is built without the resource registered above and every lookup on it throws.
+  context.makeContext = makeContext as typeof context.makeContext
+
   return context
 }

package/template/sources/common/package.json

@@ -19,15 +19,15 @@
     "typecheck": "tsc -b"
   },
   "dependencies": {
-    "@owlmeans/config": "^0.1.16",
-    "@owlmeans/entrypoint": "^0.1.16",
-    "@owlmeans/error": "^0.1.16",
-    "@owlmeans/resource": "^0.1.16",
-    "@owlmeans/route": "^0.1.16",
+    "@owlmeans/config": "^0.1.18-rc.0",
+    "@owlmeans/entrypoint": "^0.1.18-rc.0",
+    "@owlmeans/error": "^0.1.18-rc.0",
+    "@owlmeans/resource": "^0.1.18-rc.0",
+    "@owlmeans/route": "^0.1.18-rc.0",
     "ajv": "^8.17.1"
   },
   "devDependencies": {
-    "@owlmeans/dep-config": "^0.1.16",
+    "@owlmeans/dep-config": "^0.1.18-rc.0",
     "@types/node": "^24.10.1",
     "typescript": "^7.0.2"
   }

package/template/sources/web/package.json

@@ -11,19 +11,20 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@owlmeans/client": "^0.1.16",
-    "@owlmeans/client-config": "^0.1.16",
-    "@owlmeans/client-context": "^0.1.16",
-    "@owlmeans/client-entrypoint": "^0.1.16",
-    "@owlmeans/client-i18n": "^0.1.16",
-    "@owlmeans/entrypoint": "^0.1.16",
-    "@owlmeans/route": "^0.1.16",
-    "@owlmeans/web-client": "^0.1.16",
-    "@owlmeans/web-panel": "^0.1.16",
-    "__APP_SLUG__-common": "workspace:^",
+    "@owlmeans/client": "^0.1.18-rc.0",
+    "@owlmeans/client-config": "^0.1.18-rc.0",
+    "@owlmeans/client-context": "^0.1.18-rc.0",
+    "@owlmeans/client-entrypoint": "^0.1.18-rc.0",
+    "@owlmeans/client-i18n": "^0.1.18-rc.0",
+    "@owlmeans/entrypoint": "^0.1.18-rc.0",
+    "@owlmeans/route": "^0.1.18-rc.0",
+    "@owlmeans/state": "^0.1.18-rc.0",
+    "@owlmeans/web-client": "^0.1.18-rc.0",
+    "@owlmeans/web-panel": "^0.1.18-rc.0",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-progress": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "__APP_SLUG__-common": "workspace:^",
     "ajv": "^8.17.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
@@ -37,7 +38,7 @@
     "tailwindcss": "^4.1.13"
   },
   "devDependencies": {
-    "@owlmeans/dep-config": "^0.1.16",
+    "@owlmeans/dep-config": "^0.1.18-rc.0",
     "@tailwindcss/vite": "^4.1.13",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",

package/template/sources/web/src/context.ts

@@ -1,7 +1,23 @@
 import { makeContext as makeBasicContext, useContext as useBasicContext } from '@owlmeans/web-panel'
+import { appendStateResource } from '@owlmeans/state'
 import type { Config, Context } from './types.js'
 
+/** The alias the session items are stored under. Screens address the store by it, never by path. */
+export const SESSION_STATE = 'session-items'
+
 export const useContext = (): Context => useBasicContext<Config, Context>()
 
-export const makeContext = <C extends Config, T extends Context<C>>(cfg: C): T =>
-  makeBasicContext<C, T>(cfg)
+export const makeContext = <C extends Config, T extends Context<C>>(cfg: C): T => {
+  const context = makeBasicContext<C, T>(cfg)
+
+  // The framework's client store. A state resource lives ON the context, so a screen, a guard and
+  // a service all reach the same records — which is what separates it from a store held beside
+  // the app in a module of its own.
+  appendStateResource<C, T>(context, SESSION_STATE)
+
+  // A child context has to inherit THIS factory, not the layer's. Without the line, a derived
+  // context is built without the resource registered above and every lookup on it throws.
+  context.makeContext = makeContext as typeof context.makeContext
+
+  return context
+}

package/template/sources/web/src/screens/session.tsx

@@ -1,7 +1,8 @@
 import { useEffect, useState, type FC } from 'react'
 import type { ClientEntrypoint } from '@owlmeans/client-entrypoint'
+import { useStoreList } from '@owlmeans/client'
 import { session, type SessionItem } from '__APP_SLUG__-common'
-import { useContext } from '../context.js'
+import { SESSION_STATE, useContext } from '../context.js'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
@@ -20,15 +21,27 @@ const sessionId = (): string => {
 export const SessionScreen: FC = () => {
   const ctx = useContext()
   const sid = sessionId()
-  const [items, setItems] = useState<SessionItem[]>([])
   const [text, setText] = useState('')
   const [busy, setBusy] = useState(false)
 
+  const store = ctx.getStateResource<SessionItem>(SESSION_STATE)
+
+  /**
+   * The list is a live subscription to the state resource, not a piece of component state.
+   * Anything that writes a record — this screen or another one — re-renders it, so adding and
+   * removing never re-fetch to stay in step. `{}` matches every record; a real filter goes here.
+   */
+  const items = useStoreList<SessionItem>({ query: {}, resource: SESSION_STATE })
+
+  // The server is the source of truth; the store is what the screen reads. Fetch once, write
+  // what came back into the store, and let the subscription render it.
   const load = async () => {
     const [data] = await ctx
       .entrypoint<ClientEntrypoint<SessionItem[]>>(session.list)
       .call({ params: { sid } })
-    setItems(data ?? [])
+    for (const item of data ?? []) {
+      await store.save(item)
+    }
   }
 
   useEffect(() => { void load() }, [])
@@ -37,11 +50,13 @@ export const SessionScreen: FC = () => {
     if (text.trim() === '') return
     setBusy(true)
     try {
-      await ctx
+      const [item] = await ctx
         .entrypoint<ClientEntrypoint<SessionItem>>(session.add)
         .call({ params: { sid }, body: { text } })
       setText('')
-      await load()
+      if (item != null) {
+        await store.save(item)
+      }
     } finally {
       setBusy(false)
     }
@@ -51,7 +66,7 @@ export const SessionScreen: FC = () => {
     await ctx
       .entrypoint<ClientEntrypoint<{ removed: boolean }>>(session.remove)
       .call({ params: { sid, id } })
-    await load()
+    await store.delete(id)
   }
 
   return (
@@ -75,11 +90,11 @@ export const SessionScreen: FC = () => {
         <ul className="flex flex-col gap-2">
           {items.map(item => (
             <li
-              key={item.id}
+              key={item.record.id}
               className="flex items-center justify-between rounded-md border px-3 py-2"
             >
-              <span>{item.text}</span>
-              <Button variant="ghost" size="sm" onClick={() => void remove(item.id)}>
+              <span>{item.record.text}</span>
+              <Button variant="ghost" size="sm" onClick={() => void remove(item.record.id)}>
                 Remove
               </Button>
             </li>