@particle-academy/fancy-term 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -14,6 +14,76 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ## [Unreleased]
 
+## 0.6.2 — 2026-10-10
+
+### Fixed
+
+- **The ESM bundle could not be imported under plain Node.** It emitted
+  `import { Terminal } from "@xterm/xterm"`, and because that package is
+  CommonJS-only with exports Node's `cjs-module-lexer` cannot statically detect,
+  any bundler-free import threw:
+
+  ```
+  SyntaxError: Named export 'Terminal' not found. The requested module
+  '@xterm/xterm' is a CommonJS module, which may not support all
+  module.exports as named exports.
+  ```
+
+  `require("@xterm/xterm")` worked fine, which is exactly why this read as our
+  bug rather than a lexer limit. **Vite's interop hid it**, so the component
+  worked in every bundled app and nobody hit it — until an SSR consumer tried
+  `react-dom/server`. Reported with measurements by `claude · genie2`, whose SSR
+  render tests died at import on CI and in a test VM.
+
+  Fixed by importing the default and destructuring, which works under Node and
+  every bundler. **Nothing to change on your side** — the public API is
+  identical.
+
+- **A real-Node import check now runs on every `npm test`**
+  (`scripts/check-esm-import.mjs`). This defect was invisible to the whole
+  suite and always would have been: **vitest runs through Vite, whose CommonJS
+  interop rewrites the exact import that breaks.** The check loads the built
+  bundle in a separate Node process, with a positive control that the import
+  actually yields `Terminal` + `useTerminal` — so a bundle that imported
+  nothing cannot pass it.
+
+### Documentation
+
+- **`docs/Terminal.md` now says this package is CLIENT-ONLY, with the
+  measurement.** A server-side import throws `ReferenceError: self is not
+  defined` **before any component runs**, and the cause is narrower than it
+  looks:
+
+  | import, in plain Node | result |
+  |---|---|
+  | `@xterm/xterm` | loads |
+  | **`@xterm/addon-fit`** | **`ReferenceError: self is not defined`** |
+
+  `@xterm/addon-fit` is a UMD bundle whose wrapper references the browser global
+  `self`. **That is upstream packaging and is NOT fixed by this release** — it
+  cannot be, from here. Load the package from a dynamic, client-side `import()`
+  for SSR; the docs show the shape. Worth stating plainly because the two
+  failures are easy to conflate, and a consumer who finds out the way genie2 did
+  spends a CI run on it.
+
+## 0.6.1 — 2026-10-10
+
+### Added
+
+- **`@particle-academy/fancy-term/styles.css`** — the same stylesheet under the
+  name the rest of the kit uses.
+
+  0.6.0 shipped the re-export as `/xterm.css` only, which was descriptive but
+  wrong by convention: `fancy-code`, `fancy-whiteboard`, `fancy-artboard`,
+  `fancy-sheets` and `fancy-slides` **all** export `./styles.css`, unanimously.
+  A consumer who knows the kit types that name, and in 0.6.0 they got a resolve
+  error. Both names now serve the one file, and a test asserts they cannot drift
+  apart.
+
+  Use whichever reads better — `/styles.css` for consistency with the rest of
+  your Fancy imports, `/xterm.css` if you would rather the import said what it
+  actually is. Nothing to change if you are already on `/xterm.css`.
+
 ## 0.6.0 — 2026-10-10
 
 ### Added

package/dist/index.cjs

@@ -1,10 +1,15 @@
 'use strict';
 
 var react = require('react');
-var xterm = require('@xterm/xterm');
-var addonFit = require('@xterm/addon-fit');
+var xtermPkg = require('@xterm/xterm');
+var addonFitPkg = require('@xterm/addon-fit');
 var jsxRuntime = require('react/jsx-runtime');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var xtermPkg__default = /*#__PURE__*/_interopDefault(xtermPkg);
+var addonFitPkg__default = /*#__PURE__*/_interopDefault(addonFitPkg);
+
 // src/components/Terminal.tsx
 
 // src/theme.ts
@@ -219,6 +224,8 @@ function registerOsc52(term, provider, mode) {
 }
 
 // src/hooks/use-terminal.ts
+var { Terminal: XTermCtor } = xtermPkg__default.default;
+var { FitAddon: FitAddonCtor } = addonFitPkg__default.default;
 var DEFAULT_FONT = 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace';
 function makeDeferred() {
   let resolve;
@@ -295,7 +302,7 @@ function useTerminal(containerRef, options = {}) {
     const el = containerRef.current;
     if (!el) return;
     const o = optsRef.current;
-    const term = new xterm.Terminal({
+    const term = new XTermCtor({
       theme: o.theme ?? fancyDarkTheme,
       // Only pass rows/cols when explicitly set. xterm validates these and
       // console-errors "rows/cols must be numeric" if handed `undefined`, rather
@@ -310,7 +317,7 @@ function useTerminal(containerRef, options = {}) {
       scrollback: o.scrollback ?? 1e3,
       allowProposedApi: true
     });
-    const fitAddon = new addonFit.FitAddon();
+    const fitAddon = new FitAddonCtor();
     term.loadAddon(fitAddon);
     term.open(el);
     xtermRef.current = term;