@stacksjs/defaults 0.75.253 → 0.75.254

package/ai/skills/stacks-composables/BROWSER.md

@@ -33,6 +33,12 @@ STX 0.2.631 keeps top-level mutable bindings live in template expressions,
 including controllers assigned in `onMount` by imported TypeScript code. Use
 signals for values whose changes should schedule rendering.
 
+Imported modules that create template-facing signals must import `state` from
+`@stacksjs/stx`. The native bundler maps that entry to the page runtime, so
+reads participate in template effects. The `/signals` subpath owns the separate
+module reactive graph and does not schedule browser template updates. Explicit
+module composables retain their documented getter/subscription contracts.
+
 ## Browser and module contracts differ
 
 | Name | STX client runtime | Explicit @stacksjs/composables |

package/ide/vscode/package.json

@@ -2,7 +2,7 @@
   "publisher": "Stacks",
   "name": "vscode-stacks",
   "displayName": "Stacks",
-  "version": "0.75.253",
+  "version": "0.75.254",
   "description": "Stacks, built into VS Code: stx templates, pickier linting and formatting, encrypted env files, the dev server preview and every buddy command. No other extensions required.",
   "license": "MIT",
   "funding": "https://github.com/sponsors/chrisbbreuer",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@stacksjs/defaults",
   "type": "module",
   "sideEffects": false,
-  "version": "0.75.253",
+  "version": "0.75.254",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
@@ -44,8 +44,9 @@
   "dependencies": {
     "@iconify-json/f7": "^1.2.2",
     "@iconify-json/hugeicons": "^1.2.35",
-    "@stacksjs/mobile": "0.75.253",
+    "@stacksjs/mobile": "0.75.254",
     "@stacksjs/sanitizer": "^0.2.534",
+    "@stacksjs/stx": "^0.2.631",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "ts-qr-codes": "^0.1.8"

package/resources/functions/counter.ts

@@ -1,8 +1,7 @@
+import { state } from '@stacksjs/stx'
+
 export const count = state(0)
 
 export function increment(): void {
-  // eslint-disable-next-line no-console
-  console.log('increment() was run')
-
   count.update(value => value + 1)
 }

package/resources/functions/dark.ts

@@ -1,4 +1,22 @@
-// read the documentation for all the auto-imported APIs
-export const isDark = useDark()
-export const toggleDark = useToggle(isDark)
-export const preferredDark = usePreferredDark()
+import { useDark, usePreferredDark } from '@stacksjs/stx/composables'
+import { state } from '@stacksjs/stx'
+
+const dark = useDark()
+const preferred = usePreferredDark()
+const darkValue = state(dark.isDark)
+const preferredValue = state(preferred.matches)
+
+dark.subscribe(value => darkValue.set(value))
+preferred.subscribe(value => preferredValue.set(value))
+
+export function isDark(): boolean {
+  return darkValue()
+}
+
+export function preferredDark(): boolean {
+  return preferredValue()
+}
+
+export function toggleDark(): void {
+  dark.toggle()
+}