@alchemy.run/sigil 0.0.0-alpha.10 → 0.0.0-alpha.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alchemy.run/sigil",
-  "version": "0.0.0-alpha.10",
+  "version": "0.0.0-alpha.11",
   "description": "React for CLIs. A self-contained fork of Ink with an integrated TypeScript Yoga layout engine.",
   "keywords": [
     "cli",
@@ -75,21 +75,37 @@
       "import": "./dist/terminal.js",
       "types": "./dist/terminal.d.ts",
       "default": "./dist/terminal.js"
+    },
+    "./react": {
+      "import": "./dist/react.js",
+      "types": "./dist/react.d.ts",
+      "default": "./dist/react.js"
+    },
+    "./jsx-runtime": {
+      "import": "./dist/jsx-runtime.js",
+      "types": "./dist/jsx-runtime.d.ts",
+      "default": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "import": "./dist/jsx-dev-runtime.js",
+      "types": "./dist/jsx-dev-runtime.d.ts",
+      "default": "./dist/jsx-dev-runtime.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "react-reconciler": "^0.33.0",
-    "scheduler": "^0.27.0"
+    "react": "^19.3.0",
+    "react-reconciler": "^0.34.0",
+    "scheduler": "^0.28.0"
   },
   "devDependencies": {
     "@slopus/ghostty-wasm": "^1.3.6",
     "@types/node": "^25.5.2",
-    "@types/react": "^19.2.18",
+    "@types/react": "^19.3.0",
     "@types/react-reconciler": "^0.33.0",
-    "@types/scheduler": "^0.26.0",
+    "@types/scheduler": "^0.28.0",
     "@vitest/ui": "^4.1.11",
     "@xterm/addon-clipboard": "^0.2.0",
     "@xterm/addon-fit": "^0.11.0",
@@ -99,8 +115,7 @@
     "@xterm/addon-webgl": "^0.19.0",
     "@xterm/headless": "^6.0.0",
     "@xterm/xterm": "^6.0.0",
-    "react": "^19.2.8",
-    "react-devtools-core": "^7.0.1",
+    "react-devtools-core": "^8.0.0",
     "tsx": "^4.21.0",
     "typescript": "^7.0.2",
     "vite": "npm:@voidzero-dev/vite-plus-core@^0.2.9",
@@ -110,7 +125,6 @@
   },
   "peerDependencies": {
     "@types/react": ">=19.2.0",
-    "react": ">=19.2.0",
     "react-devtools-core": ">=6.1.2"
   },
   "peerDependenciesMeta": {

package/src/ansi/strip.ts

@@ -5,8 +5,8 @@ import { stripVTControlCharacters } from "node:util";
 // `\u001B[38:2::255:100:0m` — which Sigil deliberately preserves in output
 // (see sanitize-ansi.ts) — would leave `:2::255:100:0m` behind. Remove those
 // first, then let Node handle everything else.
-// https://github.com/nodejs/node/pull/65379 fixes this upstream; this wrapper
-// can go once the minimum supported Node version ships it.
+// https://github.com/nodejs/node/pull/65379 fixed this upstream (Node 24.21+);
+// this wrapper can go once the minimum supported Node version ships it.
 const colonSgrRegex = /(?:\u001B\[|\u009B)[\d;]*:[\d;:]*m/g;
 
 export const stripAnsi = (input: string): string =>

package/src/jsx-dev-runtime.ts

@@ -0,0 +1,3 @@
+// See jsx-runtime.ts for why the names are enumerated.
+export { Fragment, jsxDEV } from "react/jsx-dev-runtime";
+export type { JSX } from "react/jsx-dev-runtime";

package/src/jsx-runtime.ts

@@ -0,0 +1,6 @@
+// `react/jsx-runtime` is CommonJS; a star re-export carries no static names
+// through the bundler, so the automatic-runtime surface is spelled out.
+export { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// `jsxImportSource` looks up the `JSX` namespace on this module to type
+// elements and props. Type-only, so the bundle is unaffected.
+export type { JSX } from "react/jsx-runtime";

package/src/react.ts

@@ -0,0 +1,53 @@
+// Sigil ships its own React. Consumers reach React's runtime through this
+// entry (and `jsxImportSource: "@alchemy.run/sigil"`) so the hooks a component
+// calls and the dispatcher the reconciler installs share one module identity.
+//
+// `@types/react` is an `export =` module, so `export *` is rejected at the type
+// level; the runtime surface is enumerated instead. Types stay type-only
+// imports from `react` (erased at runtime, so no identity concern).
+export {
+  Activity,
+  Children,
+  Component,
+  Fragment,
+  Profiler,
+  PureComponent,
+  StrictMode,
+  Suspense,
+  ViewTransition,
+  act,
+  addTransitionType,
+  cache,
+  cacheSignal,
+  captureOwnerStack,
+  cloneElement,
+  createContext,
+  createElement,
+  createRef,
+  forwardRef,
+  isValidElement,
+  lazy,
+  memo,
+  startTransition,
+  use,
+  useActionState,
+  useCallback,
+  useContext,
+  useDebugValue,
+  useDeferredValue,
+  useEffect,
+  useEffectEvent,
+  useId,
+  useImperativeHandle,
+  useInsertionEffect,
+  useLayoutEffect,
+  useMemo,
+  useOptimistic,
+  useReducer,
+  useRef,
+  useState,
+  useSyncExternalStore,
+  useTransition,
+  version,
+} from "react";
+export { default } from "react";

package/src/reconciler.ts

@@ -132,6 +132,56 @@ type HostContext = {
 
 let currentUpdatePriority = NoEventPriority;
 
+/**
+ * Host hooks react-reconciler 0.34 (React 19.3) added for View Transitions
+ * and Fragment refs. `@types/react-reconciler` (0.33) does not declare them
+ * yet, so they are spread in rather than written inline (excess-property
+ * checks would reject them on the literal).
+ *
+ * A terminal has no view transitions, so a `<ViewTransition>` commits like
+ * any other update: `startViewTransition` mirrors react-dom's fallback when
+ * the document can't animate — run the commit phases synchronously and
+ * return no transition handle. `suspendOnActiveViewTransition` is on the
+ * hot path: the reconciler calls it for every transition-lane commit, so
+ * without it `startTransition` / `useTransition` updates never land.
+ */
+const viewTransitionHostConfig = {
+  suspendOnActiveViewTransition() {},
+  startViewTransition(
+    _suspendedState: unknown,
+    _rootContainer: DOMElement,
+    _transitionTypes: unknown,
+    mutationCallback: () => void,
+    layoutCallback: () => void,
+    _afterMutationCallback: () => void,
+    spawnedWorkCallback: () => void,
+    _passiveCallback: () => void,
+    _errorCallback: (error: unknown) => void,
+    _blockedCallback: (reason: string) => void,
+    finishedAnimation: () => void,
+  ): null {
+    mutationCallback();
+    layoutCallback();
+    finishedAnimation();
+    spawnedWorkCallback();
+    return null;
+  },
+  stopViewTransition() {},
+  createViewTransitionInstance: (name: string) => ({ name }),
+  measureInstance: () => null,
+  measureClonedInstance: () => null,
+  wasInstanceInViewport: () => false,
+  hasInstanceChanged: () => false,
+  hasInstanceAffectedParent: () => false,
+  applyViewTransitionName() {},
+  restoreViewTransitionName() {},
+  cancelViewTransitionName() {},
+  cancelRootViewTransitionName() {},
+  restoreRootViewTransitionName() {},
+  createFragmentInstance: (fiber: unknown) => ({ fiber }),
+  updateFragmentInstanceFiber() {},
+};
+
 export const reconciler = createReconciler<
   ElementNames,
   Props,
@@ -422,4 +472,5 @@ export const reconciler = createReconciler<
   },
   rendererPackageName: pkg.name,
   rendererVersion: pkg.version,
+  ...viewTransitionHostConfig,
 });