@solidrt/cli 0.0.13 → 0.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidrt/cli",
-  "version": "0.0.13",
+  "version": "0.0.16",
   "license": "MIT",
   "author": "Antoine van Wel",
   "type": "module",
@@ -14,19 +14,20 @@
     "AGENTS.md"
   ],
   "dependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "babel-preset-solid": "2.0.0-beta.14",
+    "@babel/core": "^8.0.1",
+    "@babel/plugin-syntax-jsx": "^8.0.1",
+    "@babel/preset-typescript": "^8.0.1",
+    "babel-preset-solid": "2.0.0-beta.15",
     "bonjour-service": "^1.4.0",
     "qrcode-generator": "^2.0.4"
   },
   "optionalDependencies": {
-    "@solidrt/darwin-arm64": "0.0.13",
-    "@solidrt/linux-x64-gnu": "0.0.13",
-    "@solidrt/win32-x64-msvc": "0.0.13"
+    "@solidrt/darwin-arm64": "0.0.0",
+    "@solidrt/linux-x64-gnu": "0.0.0",
+    "@solidrt/win32-x64-msvc": "0.0.0"
   },
   "peerDependencies": {
-    "@solidrt/core": "0.0.13",
+    "@solidrt/core": "0.0.0",
     "typescript": "^6"
   },
   "devDependencies": {

package/scaffold/AGENTS.md

@@ -5,23 +5,25 @@ runtime. No DOM, no HTML, no CSS cascade. If you are an AI assistant, read this
 before writing or editing code here.
 
 Authoritative references ship inside the installed packages - read them:
+- node_modules/solid-js/CHEATSHEET.md     - SolidJS 2.0 reactivity/control-flow model
 - node_modules/@solidrt/core/AGENTS.md   - element/prop/reactivity model
+- node_modules/@solidrt/core/examples/   - single-concept usage patterns to copy (see its README.md index)
 - node_modules/@solidrt/cli/AGENTS.md    - running, bundling, headless verify
 - node_modules/@solidrt/core/src/types.d.ts and jsx-runtime.d.ts - source of truth
 
 <!-- Claude Code auto-imports these; other tools read the paths above. -->
+@./node_modules/solid-js/CHEATSHEET.md
 @./node_modules/@solidrt/core/AGENTS.md
 @./node_modules/@solidrt/cli/AGENTS.md
 
 ## The things assistants get wrong (this is not React/DOM)
 
-1. SolidJS 2.0, not React (and not Solid 1.x). Primitives come from
-   @solidjs/signals; no hooks, no virtual DOM, the component body runs once.
-   createEffect has the 2.0 two-function shape - a TRACKED compute that reads
-   signals and returns a value, then an UNTRACKED effect that receives it:
-     createEffect(() => count(), (c) => console.log(c))
-   The Solid 1.x single-callback form, createEffect(() => console.log(count())),
-   does NOT track in 2.0.
+1. This is SolidJS 2.0 (see CHEATSHEET.md for the reactivity/control-flow
+   model), rendering through a custom Rust runtime instead of the DOM. Import
+   the whole authoring surface from @solidrt/core - it re-exports the
+   substrate so you do not have to know which package a symbol lives in:
+   render plus the window/paint/event APIs alongside the standard reactive
+   primitives and control-flow components.
 2. Host elements are lowercase intrinsics: window, view, text, rect, oval, path,
    texture, audio (+ d- variants). No div/span/img/button.
 3. render(() => <App/>) once, top level. The root MUST be <window> or it throws.
@@ -32,12 +34,30 @@ Authoritative references ship inside the installed packages - read them:
 6. No onClick/onPress. A button is a <view>/<rect> with onPointerDown.
 7. d- prefix = detached from layout: a plain element is laid out by Taffy, a
    d-element you position with x/y (omit to fill the parent = how backgrounds
-   work).
-8. Per-frame work: onFrame((tick, frame) => {}), or the standard
-   requestAnimationFrame(t => {}) for animations. Also onResize, onLayout.
-9. Device/GPU via subpath imports: @solidrt/core/camera, /microphone, /gpu.
-10. tsconfig needs jsx:"preserve" + jsxImportSource:"@solidrt/core". Solid peer
+   work). A detached node cannot have attached (regular, Taffy-laid-out)
+   children - everything under a d-element must itself be detached. Nesting a
+   plain <view>/<text> inside a d-element is an error.
+8. Per-frame animation: onFrame((tick, frame) => {}) is the native hook
+   (runtime-paced, auto-cleans). requestAnimationFrame(t => {}) exists as a
+   web-standard one-shot but is not the preferred animation driver.
+9. Reactive window state: prefer the accessors windowSize(), safeArea(),
+   displayScale(), windowFocused(), keyboardHeight() from @solidrt/core over the
+   onResize / onLayout callbacks for reading layout and window state.
+10. Device/GPU via subpath imports: @solidrt/core/camera, /microphone, /gpu.
+    Images: createImage(src) from @solidrt/core (reactive load -> texture id);
+    raw decodeImage + createTexture (from /gpu) are the primitives underneath.
+11. tsconfig needs jsx:"preserve" + jsxImportSource:"@solidrt/core". Solid peer
     deps are pinned betas - do not bump them casually.
+12. Use ASCII characters whenever possible in code and text - for example, no
+    em-dashes (use a hyphen), no smart/curly quotes, no unicode symbols.
+13. Mind the safe area. safeArea() from @solidrt/core is a reactive accessor
+    returning { top, left, right, bottom } insets (like CSS
+    env(safe-area-inset-*)). It is fine to place content outside the safe-area
+    zone (e.g. full-bleed backgrounds), just be aware it may not be visible and
+    cannot be interacted with (touch gestures). Keep interactive or essential
+    content inside the safe area by padding the edges.
+14. Prefer let over const. Use const only for real constants - a single fixed
+    string or number value - and name those in ALL_CAPS.
 
 ## Run / verify
 

package/src/bundler.ts

@@ -1,4 +1,5 @@
 import { transformAsync } from "@babel/core"
+import jsx from "@babel/plugin-syntax-jsx"
 import ts from "@babel/preset-typescript"
 import solid from "babel-preset-solid"
 import { type BunPlugin } from "bun"
@@ -17,6 +18,7 @@ function solidPlugin(): BunPlugin {
         let transforms = await transformAsync(code, {
           filename: args.path,
           presets: [[solid, { moduleName: "@solidrt/core", generate: "universal" }], [ts]],
+          plugins: [jsx],
         })
         return { contents: transforms?.code ?? "", loader: "js" }
       })