@webwriter/react 0.0.0-stage → 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Frederic Salmen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/index.d.ts

@@ -0,0 +1,10 @@
+import type {ComponentType} from "react"
+import type {WidgetHost, WidgetSnapshot} from "@webwriter/widget"
+
+export * from "@webwriter/widget"
+
+export function useWidget(host: WidgetHost): WidgetSnapshot
+export function createReactWidget<Host extends WidgetHost = WidgetHost>(
+  component: ComponentType<{host: Host}>,
+  shadowOptions?: Omit<ShadowRootInit, "mode">,
+): CustomElementConstructor & {new (): WidgetHost, readonly widgetAttributes: readonly string[]}

package/index.js

@@ -0,0 +1,39 @@
+import {createElement, useSyncExternalStore} from "react"
+import {createRoot} from "react-dom/client"
+import {withWidgetRuntime} from "@webwriter/widget"
+
+export function useWidget(host) {
+  const {subscribe, getSnapshot} = host.widgetRuntime
+  return useSyncExternalStore(subscribe, getSnapshot)
+}
+
+/** Return a custom-element class whose shadow UI is rendered by React. */
+export function createReactWidget(Component, shadowOptions) {
+  return class ReactWidget extends withWidgetRuntime(HTMLElement) {
+    #root
+
+    constructor() {
+      super()
+      this.attachShadow({...shadowOptions, mode: "open"})
+    }
+
+    connectedCallback() {
+      super.connectedCallback()
+      if(this.#root) return
+      this.#root = createRoot(this.shadowRoot)
+      this.#root.render(createElement(Component, {host: this}))
+    }
+
+    disconnectedCallback() {
+      super.disconnectedCallback()
+      // A synchronous DOM move keeps its React tree and transient UI state.
+      queueMicrotask(() => {
+        if(this.isConnected) return
+        this.#root?.unmount()
+        this.#root = undefined
+      })
+    }
+  }
+}
+
+export * from "@webwriter/widget"

package/package.json

@@ -1,6 +1,27 @@
 {
   "name": "@webwriter/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "React adapter for WebWriter widgets",
+  "license": "MIT",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    }
+  },
+  "files": [
+    "index.js",
+    "index.d.ts"
+  ],
+  "dependencies": {
+    "@webwriter/widget": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.