@takazudo/zdtp 0.8.4 → 0.8.6

package/CHANGELOG.md

@@ -8,6 +8,32 @@ The format is based on Keep a Changelog, and release notes are generated from th
 
 No unreleased changes yet.
 
+## [0.8.6] - 2026-10-10
+
+### Fixed
+
+- fix(package): own Preact for imperative consumers (03df715)
+- fix(playground): complete published zfb 4.1 migration checks (4695484)
+- fix(playground): isolate development artifacts from deploy output (e602459)
+
+### Other Changes
+
+- ci: allow release-only commits to skip site deployment (dd92459)
+- chore(playground): pin published zfb 4.3.0 without preview uploads (c6a6621)
+- chore(playground): adopt published zfb 4.2 watcher fix (dd23bba)
+- chore(playground): migrate to published zfb 4 with visual parity (28c3ff2)
+- chore(playground): prepare isolated zfb 3 migration (93bda4f)
+
+## [0.8.5] - 2026-09-27
+
+### Fixed
+
+- Stop a fresh panel mount persisting closed state for one flush: the open-state persist effect no longer writes the initial `open=false` over the intent that `showInstance` or a toggle had just stored. A reload or navigation in that window used to restore the panel closed, and a toggle in that window was lost ([#1000](https://github.com/Takazudo/zudo-design-token-panel/issues/1000), [#1001](https://github.com/Takazudo/zudo-design-token-panel/pull/1001)) (fc61431)
+
+### Other Changes
+
+- Move the liveness comment onto the check it explains (f3c9bc7)
+
 ## [0.8.4] - 2026-09-26
 
 ### Fixed

package/PORTABLE-CONTRACT.md

@@ -1389,6 +1389,13 @@ window.zdtp.toggle = () => void | Promise<void>;  // toggle the panel
 
 ## 7. CSS contract
 
+The panel owns Preact as a regular package dependency. Imperative hosts, including
+ZFB 3/4 zudo-react islands, can install only `@takazudo/zdtp`; lazy-load it inside
+activation and keep its mounted tree separate from the host renderer. Public
+Preact declaration imports resolve through that dependency. The Preact dashboard
+renderer remains Preact-specific; a host rendering it directly still owns its JSX
+and server-rendering dependencies. No private Preact copy is bundled.
+
 ### 7.1 Panel-private namespace
 
 The panel ships its own bundled CSS. Panel-private color, font, spacing,

package/README.md

@@ -172,7 +172,7 @@ A Preact-rendered side panel that:
 - Exposes a small console API (`window.<namespace>.showDesignPanel()` etc.) so a developer can pop the panel without it being mounted on every page.
 - Plugs into Astro's view-transition lifecycle (`astro:before-swap` / `astro:page-load`) so soft navigation does not double-mount the panel.
 
-The package builds against Preact (declared as a `peerDependency`) and ships its own bundled CSS scoped under the `--tokentweak-*` namespace. **It does not require Tailwind** in the consumer; see §11.
+The package builds against Preact (installed as its own regular dependency) and ships its own bundled CSS scoped under the `--tokentweak-*` namespace. **It does not require Tailwind** in the consumer; see §11.
 
 > Visual: a screenshot or short capture would go here. Skipped in the v1 README — a placeholder is worse than nothing. See the external example repos linked in §15 for live demos.
 
@@ -182,29 +182,38 @@ The package builds against Preact (declared as a `peerDependency`) and ships its
 
 ## 2. Install
 
-Install from npm. Preact is a peer dependency — bring your own copy so the panel shares one runtime with any other Preact islands you mount.
+Install the panel from npm. Preact is a regular dependency owned by ZDTP, so
+an imperative host does not need to declare Preact or use it as its JSX runtime.
 
 ```sh
-pnpm add @takazudo/zdtp preact
+pnpm add @takazudo/zdtp
 ```
 
 ```jsonc
 // consumer/package.json
 {
   "dependencies": {
-    "@takazudo/zdtp": "^0.1.0",
-  },
-  "peerDependencies": {
-    "preact": "^10.29.1",
-  },
+    "@takazudo/zdtp": "^0.8.6"
+  }
 }
 ```
 
-### Peer dependencies
-
-| Peer     | Range      | Why                                                                                                                                     |
-| -------- | ---------- | --------------------------------------------------------------------------------------------------------------------------------------- |
-| `preact` | `^10.29.1` | The panel UI is rendered with Preact. The consumer must bring its own copy so the panel and any other Preact islands share one runtime. |
+ZDTP's public declarations still use Preact types; its regular dependency makes
+those types available to TypeScript without a host-level Preact dependency.
+Preact hosts and users of the Preact `./dashboard` renderer should keep their own
+Preact dependency for their JSX and rendering code. A compatible installed copy
+can still be shared; ZDTP does not bundle a private Preact runtime.
+
+For ZFB 3 and 4, load ZDTP inside the host island's activation callback and mount
+it through `configurePanel()`. Keep ZDTP's Preact tree separate from zudo-react's
+VNode tree. The panel injects its CSS on mount, so no static CSS import is needed;
+`@takazudo/zdtp/styles.css` remains an optional public CSS export for hosts that
+want a static stylesheet. The static dashboard instead requires its separate
+`@takazudo/zdtp/dashboard/styles.css` asset.
+
+The DOM Tweaker's Tailwind browser runtime remains behind its existing lazy
+activation boundary. Those dependencies are still installed with the package;
+ordinary panel mounting does not load that runtime.
 
 The package's CSS is self-contained — it ships its own bundled stylesheet under the panel-private `--tokentweak-*` namespace and does not depend on any host design-system package.
 

package/dist/{index-BtjPws6K.js → index-Byasm3Xo.js}

@@ -1,6 +1,6 @@
 import { jsx as y, jsxs as K, Fragment as kt } from "preact/jsx-runtime";
 import { useEffect as P, useState as Y, useRef as O, useMemo as J, useCallback as X } from "preact/hooks";
-import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-DD2WOdSn.js";
+import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-CAajoSLj.js";
 import { g as vt, m as j } from "./panel-config-DKfob-1r.js";
 const xt = (e, o) => {
   const t = new Array(e.length + o.length);