Bump deps to latest (core 0.7.11, fundamentals 0.10.0)

.claude/rules/anti-patterns.md

@@ -12,6 +12,12 @@
 - **Never** call `signal(value)` to set — use `signal.set(value)` or `signal.update(fn)`
 - **Never** forget to call signal as function to read: use `count()` not `count`
 
+## JSX attribute casing
+- **Always** use camelCase for JSX attributes: `onClick`, `onMouseEnter`, `onTouchStart`, `onLoad`
+- **Never** use lowercase DOM event names: `onclick`, `onmouseenter`, `ontouchstart`, `onload`
+- **Always** use `srcSet` not `srcset`, `fetchPriority` not `fetchpriority`
+- **Always** use `className` → `class`, `htmlFor` → `for` (Pyreon uses HTML names, not React names)
+
 ## JSX reactive expressions
 - **Never** use bare signal reads in JSX text — wrap in arrow: `{() => count()}` not `{count()}`
 - **Never** return `undefined` from reactive JSX attributes — return empty string `''` instead

package.json

@@ -18,7 +18,7 @@
     "@changesets/cli": "^2.30.0",
     "@clack/core": "^1.1.0",
     "@clack/prompts": "^1.1.0",
-    "@pyreon/typescript": "^0.7.5",
+    "@pyreon/typescript": "^0.7.11",
     "@types/bun": "^1.3.11",
     "@types/node": "^25.5.0",
     "@vitus-labs/tools-lint": "^1.15.4",

packages/cli/package.json

@@ -27,9 +27,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@pyreon/cli": "^0.7.5",
+    "@pyreon/cli": "^0.7.11",
     "@pyreon/create-zero": "workspace:^",
-    "@pyreon/server": "^0.7.5",
+    "@pyreon/server": "^0.7.11",
     "@pyreon/zero": "workspace:^",
     "cac": "^7.0.0",
     "vite": "^8.0.0"

packages/create-zero/src/index.ts

@@ -306,12 +306,12 @@ async function scaffold(config: ProjectConfig) {
 function pyreonVersion(pkg: string): string {
   // Core packages
   const core = ['core', 'reactivity', 'runtime-dom', 'runtime-server', 'server', 'head', 'router', 'vite-plugin', 'compiler', 'cli', 'mcp']
-  if (core.some((c) => pkg === `@pyreon/${c}`)) return '^0.7.5'
+  if (core.some((c) => pkg === `@pyreon/${c}`)) return '^0.7.11'
   // Zero framework packages
   if (pkg === '@pyreon/zero' || pkg === '@pyreon/meta' || pkg === '@pyreon/zero-cli' || pkg === '@pyreon/create-zero') return '^0.3.0'
   // Fundamentals
   const fundamentals = ['store', 'form', 'validation', 'query', 'table', 'virtual', 'i18n', 'feature', 'machine', 'permissions', 'flow', 'code']
-  if (fundamentals.some((f) => pkg === `@pyreon/${f}`)) return '^0.9.0'
+  if (fundamentals.some((f) => pkg === `@pyreon/${f}`)) return '^0.10.0'
   // UI system
   return '^0.3.0'
 }

packages/create-zero/templates/default/CLAUDE.md

@@ -15,10 +15,12 @@ This project uses Pyreon Zero, a signal-based full-stack meta-framework. Do NOT
 
 - Use `class=` not `className`
 - Use `for=` not `htmlFor`
+- Use camelCase events: `onClick`, `onMouseEnter`, `onLoad` (not `onclick`, `onmouseenter`)
+- Use `srcSet` not `srcset`, `fetchPriority` not `fetchpriority`
 - Reactive text: `{() => count()}`
 - Conditional: `{() => show() ? <A /> : null}`
 - Lists: `{() => items().map(item => <Item />)}`
-- Events: `onClick={() => ...}` (standard DOM events)
+- Events: `onClick={() => ...}`
 - JSX import source is `@pyreon/core` (auto-configured, no manual import needed)
 
 ## File-Based Routing

packages/create-zero/templates/default/src/routes/(admin)/dashboard.tsx

@@ -110,7 +110,7 @@ export default function Dashboard() {
         <button
           type="button"
           class="btn btn-secondary"
-          onclick={() => {
+          onClick={() => {
             localStorage.removeItem('zero-demo-auth')
             window.location.href = '/about'
           }}

packages/create-zero/templates/default/src/routes/counter.tsx

@@ -31,21 +31,21 @@ export default function Counter() {
           <button
             type="button"
             class="btn btn-secondary"
-            onclick={() => count.update((n) => n - 1)}
+            onClick={() => count.update((n) => n - 1)}
           >
             -
           </button>
           <button
             type="button"
             class="btn btn-primary"
-            onclick={() => count.set(0)}
+            onClick={() => count.set(0)}
           >
             Reset
           </button>
           <button
             type="button"
             class="btn btn-secondary"
-            onclick={() => count.update((n) => n + 1)}
+            onClick={() => count.update((n) => n + 1)}
           >
             +
           </button>

packages/meta/package.json

@@ -34,22 +34,22 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@pyreon/charts": "^0.9.0",
-    "@pyreon/code": "^0.9.0",
-    "@pyreon/feature": "^0.9.0",
-    "@pyreon/flow": "^0.9.0",
-    "@pyreon/form": "^0.9.0",
-    "@pyreon/hotkeys": "^0.9.0",
-    "@pyreon/i18n": "^0.9.0",
-    "@pyreon/machine": "^0.9.0",
-    "@pyreon/permissions": "^0.9.0",
-    "@pyreon/query": "^0.9.0",
-    "@pyreon/state-tree": "^0.9.0",
-    "@pyreon/storage": "^0.9.0",
-    "@pyreon/store": "^0.9.0",
-    "@pyreon/table": "^0.9.0",
-    "@pyreon/validation": "^0.9.0",
-    "@pyreon/virtual": "^0.9.0",
+    "@pyreon/charts": "^0.10.0",
+    "@pyreon/code": "^0.10.0",
+    "@pyreon/feature": "^0.10.0",
+    "@pyreon/flow": "^0.10.0",
+    "@pyreon/form": "^0.10.0",
+    "@pyreon/hotkeys": "^0.10.0",
+    "@pyreon/i18n": "^0.10.0",
+    "@pyreon/machine": "^0.10.0",
+    "@pyreon/permissions": "^0.10.0",
+    "@pyreon/query": "^0.10.0",
+    "@pyreon/state-tree": "^0.10.0",
+    "@pyreon/storage": "^0.10.0",
+    "@pyreon/store": "^0.10.0",
+    "@pyreon/table": "^0.10.0",
+    "@pyreon/validation": "^0.10.0",
+    "@pyreon/virtual": "^0.10.0",
     "@pyreon/attrs": "^0.2.0",
     "@pyreon/coolgrid": "^0.2.0",
     "@pyreon/elements": "^0.2.0",
@@ -62,6 +62,6 @@
     "@pyreon/unistyle": "^0.2.0"
   },
   "peerDependencies": {
-    "@pyreon/reactivity": "^0.7.5"
+    "@pyreon/reactivity": "^0.7.11"
   }
 }

packages/zero/package.json

@@ -115,17 +115,17 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@pyreon/core": "^0.7.5",
-    "@pyreon/head": "^0.7.5",
+    "@pyreon/core": "^0.7.11",
+    "@pyreon/head": "^0.7.11",
     "@pyreon/meta": "workspace:^",
-    "@pyreon/router": "^0.7.5",
-    "@pyreon/runtime-dom": "^0.7.5",
-    "@pyreon/runtime-server": "^0.7.5",
-    "@pyreon/server": "^0.7.5",
-    "@pyreon/vite-plugin": "^0.7.5",
+    "@pyreon/router": "^0.7.11",
+    "@pyreon/runtime-dom": "^0.7.11",
+    "@pyreon/runtime-server": "^0.7.11",
+    "@pyreon/server": "^0.7.11",
+    "@pyreon/vite-plugin": "^0.7.11",
     "vite": "^8.0.0"
   },
   "peerDependencies": {
-    "@pyreon/reactivity": "^0.7.5"
+    "@pyreon/reactivity": "^0.7.11"
   }
 }

packages/zero/src/image.tsx

@@ -31,7 +31,7 @@ export interface ImageProps {
   formats?: FormatSource[]
   /** Loading strategy. "lazy" uses IntersectionObserver, "eager" loads immediately. Default: "lazy" */
   loading?: 'lazy' | 'eager'
-  /** Mark as priority (LCP image). Disables lazy loading, adds fetchpriority="high". */
+  /** Mark as priority (LCP image). Disables lazy loading, adds fetchPriority="high". */
   priority?: boolean
   /** Low-quality placeholder image URL or base64 data URI for blur-up effect. */
   placeholder?: string
@@ -102,7 +102,7 @@ export function Image(props: ImageProps): VNodeChild {
   const imgEl = (
     <img
       src={() => (inView() ? props.src : '')}
-      srcset={() =>
+      srcSet={
         !hasFormats && inView() && resolvedSrcset ? resolvedSrcset : ''
       }
       sizes={resolvedSrcset ? sizes : undefined}
@@ -111,8 +111,8 @@ export function Image(props: ImageProps): VNodeChild {
       height={props.height}
       loading={isEager ? 'eager' : 'lazy'}
       decoding={props.decoding ?? 'async'}
-      fetchpriority={props.priority ? 'high' : undefined}
-      onload={() => loaded.set(true)}
+      fetchPriority={props.priority ? 'high' : undefined}
+      onLoad={() => loaded.set(true)}
       style={() =>
         [
           'display: block',
@@ -154,7 +154,7 @@ export function Image(props: ImageProps): VNodeChild {
           {props.formats?.map((fmt) => (
             <source
               type={fmt.type}
-              srcset={() => (inView() ? fmt.srcset : undefined)}
+              srcSet={inView() ? fmt.srcset ?? "" : ""}
               sizes={sizes}
             />
           ))}

packages/zero/src/link.tsx

@@ -100,7 +100,7 @@ function doPrefetch(href: string) {
  * function MyLink(props: LinkProps) {
  *   const link = useLink(props)
  *   return (
- *     <button ref={link.ref} class={link.classes()} onclick={link.handleClick}>
+ *     <button ref={link.ref} class={link.classes()} onClick={link.handleClick}>
  *       {props.children}
  *     </button>
  *   )
@@ -191,8 +191,8 @@ export function useLink(props: LinkProps): UseLinkReturn {
  *   <button
  *     ref={props.ref}
  *     class={props.class}
- *     onclick={props.onClick}
- *     onmouseenter={props.onMouseEnter}
+ *     onClick={props.onClick}
+ *     onMouseEnter={props.onMouseEnter}
  *   >
  *     {props.children}
  *   </button>
@@ -203,8 +203,8 @@ export function useLink(props: LinkProps): UseLinkReturn {
  *   <div
  *     ref={props.ref}
  *     class={`card ${props.isActive() ? "card--active" : ""}`}
- *     onclick={props.onClick}
- *     onmouseenter={props.onMouseEnter}
+ *     onClick={props.onClick}
+ *     onMouseEnter={props.onMouseEnter}
  *   >
  *     {props.children}
  *   </div>
@@ -256,9 +256,9 @@ export const Link = createLink((props: LinkRenderProps) => (
     {...(props.rel ? { rel: props.rel } : {})}
     {...(props['aria-label'] ? { 'aria-label': props['aria-label'] } : {})}
     {...(props.isExactActive() ? { 'aria-current': 'page' as const } : {})}
-    onclick={props.onClick}
-    onmouseenter={props.onMouseEnter}
-    ontouchstart={props.onTouchStart}
+    onClick={props.onClick}
+    onMouseEnter={props.onMouseEnter}
+    onTouchStart={props.onTouchStart}
   >
     {props.children}
   </a>

packages/zero/src/theme.tsx

@@ -101,7 +101,7 @@ export function ThemeToggle(props: { class?: string; style?: string }): VNodeChi
     <button
       class={props.class}
       style={props.style}
-      onclick={toggleTheme}
+      onClick={toggleTheme}
       aria-label="Toggle theme"
       title="Toggle theme"
       type="button"