create-stitchkit 0.6.7 → 0.6.8

package/CHANGELOG.md

@@ -12,6 +12,24 @@ step is overwritten by the next release.
 
 ## [Unreleased]
 
+## [0.6.8] — 2026-09-28
+
+### Changed
+
+- Generated projects track Stitchkit `^0.100.1`. The catalog stayed on
+  `^0.96.1` while 0.97.0–0.100.1 shipped, and on 0.x a caret never crosses a
+  minor, so a new project started four minors behind. The generated code needs
+  no change; what a project that grows past the new defaults must know — the
+  finite watch capacities of 0.100.0 among them — is in Stitchkit's
+  `docs/guide/upgrading.md`.
+
+### Fixed
+
+- The board keeps a note typed before the page hydrated. The text reached the
+  input but not React's state, so Post stayed disabled over a filled field — a
+  slow browser's end-to-end run timed out on it, and a person typing early saw
+  the same.
+
 ## [0.6.7] — 2026-09-24
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-stitchkit",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "description": "Create a production-shaped Stitchkit application",
   "license": "MIT",
   "author": "Max Listov <maxlistov@gmail.com>",
@@ -84,7 +84,7 @@
     "@types/react": "^19.3.0",
     "ai": "^7.0.111",
     "react": "^19.3.0",
-    "stitchkit": "0.96.1",
+    "stitchkit": "0.100.1",
     "typescript": "^7.0.2"
   },
   "engines": {

package/template/bun.lock

@@ -145,7 +145,7 @@
     "zod": "4.6.5",
   },
   "catalog": {
-    "stitchkit": "^0.96.1",
+    "stitchkit": "^0.100.1",
   },
   "packages": {
     "@ai-sdk/gateway": ["@ai-sdk/gateway@4.0.89", "", { "dependencies": { "@ai-sdk/provider": "4.0.17", "@ai-sdk/provider-utils": "5.0.45", "@vercel/oidc": "3.2.0" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-n0Q88UUASYQBGK3Ogs9pCe8h3ZXeTHFSuGOLBJAyH73MVGNKUv9w8EJX2f340WUF3eDWWOV305gO7YBpSCPblA=="],
@@ -1128,7 +1128,7 @@
 
     "std-env": ["std-env@3.10.0", "", {}, "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg=="],
 
-    "stitchkit": ["stitchkit@0.96.1", "", { "dependencies": { "ky": "^2.1.0" }, "peerDependencies": { "@modelcontextprotocol/ext-apps": "^1.7.2 || ^2.0.0", "@modelcontextprotocol/server": "^2.0.0", "@openrouter/ai-sdk-provider": "^3.1.0", "@opentelemetry/api": "^1.9.0", "@socket.io/bun-engine": "^0.1.2", "@socket.io/component-emitter": "^3.1.2", "@tanstack/react-query": ">=5", "@types/bun": "^1.4.2", "ai": "^7.0.107", "google-auth-library": "^11.1.0", "grammy": "^1.46.0", "maxmind": "^5.0.7", "react": ">=18", "react-query-kit": "^3.3.3", "socket.io": "^4.8.3", "socket.io-client": "^4.8.3", "srvx": "^0.12.5 || ^1.0.5", "zod": "^4.6.5" }, "optionalPeers": ["@modelcontextprotocol/ext-apps", "@modelcontextprotocol/server", "@openrouter/ai-sdk-provider", "@opentelemetry/api", "@socket.io/bun-engine", "@socket.io/component-emitter", "@tanstack/react-query", "@types/bun", "ai", "google-auth-library", "grammy", "maxmind", "react", "react-query-kit", "socket.io", "socket.io-client", "srvx"], "bin": { "stitchkit": "dist/entrypoints/bin/upgrade-cli.js" } }, "sha512-Jdd3OAXBVvfNR0v7Hgv46THObNQMl+4a3LaIdr4127eHSjZiW2n8Y/ujmFlhD1V57TFiDv4FkUT9FrTdjkqszQ=="],
+    "stitchkit": ["stitchkit@0.100.1", "", { "dependencies": { "ky": "^2.1.0" }, "peerDependencies": { "@modelcontextprotocol/ext-apps": "^1.7.2 || ^2.0.0", "@modelcontextprotocol/server": "^2.0.0", "@openrouter/ai-sdk-provider": "^3.1.0", "@opentelemetry/api": "^1.9.0", "@socket.io/bun-engine": "^0.1.2", "@socket.io/component-emitter": "^3.1.2", "@tanstack/react-query": ">=5", "@types/bun": "^1.4.2", "ai": "^7.0.107", "google-auth-library": "^11.1.0", "grammy": "^1.46.0", "maxmind": "^5.0.7", "react": ">=18", "react-query-kit": "^3.3.3", "socket.io": "^4.8.3", "socket.io-client": "^4.8.3", "srvx": "^0.12.5 || ^1.0.5", "zod": "^4.6.5" }, "optionalPeers": ["@modelcontextprotocol/ext-apps", "@modelcontextprotocol/server", "@openrouter/ai-sdk-provider", "@opentelemetry/api", "@socket.io/bun-engine", "@socket.io/component-emitter", "@tanstack/react-query", "@types/bun", "ai", "google-auth-library", "grammy", "maxmind", "react", "react-query-kit", "socket.io", "socket.io-client", "srvx"], "bin": { "stitchkit": "dist/entrypoints/bin/upgrade-cli.js" } }, "sha512-zpJEfRl2xe/2JzxyIuxuZrFBe/i2mtEZTa3p+wZNbN6L3wFlP7GfK2ak6MLwikuLYtbmB2N4qGKEcA7qTEMA/Q=="],
 
     "stringify-entities": ["stringify-entities@4.0.4", "", { "dependencies": { "character-entities-html4": "^2.0.0", "character-entities-legacy": "^3.0.0" } }, "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg=="],
 

package/template/e2e/starter.spec.ts

@@ -45,7 +45,8 @@ test('a note posted in one tab reaches another through the web origin and the so
   const writer = await browser.newPage();
   const reader = await browser.newPage();
   await Promise.all([writer.goto('/en'), reader.goto('/en')]);
-  const note = `note ${Date.now()}`;
+  // Browser projects share the backend and can post in the same millisecond.
+  const note = `note ${crypto.randomUUID()}`;
   await writer.getByRole('textbox', { name: 'Note' }).fill(note);
   await writer.getByRole('button', { name: 'Post' }).click();
   await expect(writer.getByText(note)).toBeVisible();

package/template/package.json

@@ -7,7 +7,7 @@
     "packages/*"
   ],
   "catalog": {
-    "stitchkit": "^0.96.1"
+    "stitchkit": "^0.100.1"
   },
   "overrides": {
     "@playwright/test": "1.63.0",

package/template/packages/frontend/src/features/board/board-panel.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import type { Board } from '@app/shared';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import type { WatchStateFrame } from 'stitchkit/live';
 import {
   Button,
@@ -27,6 +27,14 @@ export function BoardPanel({ realtimeOrigin }: { realtimeOrigin?: string }) {
   const [state, setState] = useState<WatchStateFrame>();
   const [draft, setDraft] = useState('');
   const [posting, setPosting] = useState(false);
+  const draftInput = useRef<HTMLInputElement>(null);
+
+  // Text typed before hydration is in the input but not in state, which would
+  // leave Post disabled over a filled field. Take it once, on mount.
+  useEffect(() => {
+    const typed = draftInput.current?.value;
+    if (typed) setDraft(typed);
+  }, []);
 
   useEffect(() => {
     const watch = watchBoard(setBoard, setState, realtimeOrigin);
@@ -60,6 +68,7 @@ export function BoardPanel({ realtimeOrigin }: { realtimeOrigin?: string }) {
             maxLength={140}
             onChange={(event) => setDraft(event.target.value)}
             placeholder='Say something, then open a second tab'
+            ref={draftInput}
             value={draft}
           />
           <Button disabled={posting || draft.trim().length === 0} type='submit'>