@proto-labs-inc/rig 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @proto-labs-inc/rig — the React adapter over @proto-labs-inc/rig-core. All rig logic
- * (URL-state sync, the bridge, comment mode) lives in the core; this file
+ * (URL-state sync, the bridge, tooling loader) lives in the core; this file
  * is only the React idiom: a provider component + hooks.
  */
 import { type ReactNode } from "react";

package/dist/index.js

@@ -1,85 +1,13 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @proto-labs-inc/rig — the React adapter over @proto-labs-inc/rig-core. All rig logic
- * (URL-state sync, the bridge, comment mode) lives in the core; this file
+ * (URL-state sync, the bridge, tooling loader) lives in the core; this file
  * is only the React idiom: a provider component + hooks.
  */
-import { createContext, useCallback, useContext, useEffect, useRef, useState, useSyncExternalStore, } from "react";
-import { postToFrame, RigStore, wireRig, STATE_PARAM, variantParam, } from "@proto-labs-inc/rig-core";
-import { isFrameToRig } from "@proto-labs-inc/wire";
+import { createContext, useCallback, useContext, useEffect, useRef, useSyncExternalStore, } from "react";
+import { RigStore, wireRig, STATE_PARAM, variantParam, } from "@proto-labs-inc/rig-core";
 const RigContext = createContext(null);
-const PROTO_BLUE = "#0088FF";
-function TargetHighlight({ focus, onDismiss, }) {
-    const [rect, setRect] = useState(null);
-    useEffect(() => {
-        let didScroll = false;
-        const update = () => {
-            const target = document.querySelector(`[data-proto-id="${CSS.escape(focus.id)}"]`);
-            if (!target) {
-                setRect(null);
-                postToFrame({
-                    type: "target-measured",
-                    targetId: focus.id,
-                    anchor: null,
-                });
-                return;
-            }
-            if (!didScroll) {
-                target.scrollIntoView({
-                    behavior: "smooth",
-                    block: "center",
-                    inline: "nearest",
-                });
-                didScroll = true;
-            }
-            const nextRect = target.getBoundingClientRect();
-            setRect(nextRect);
-            postToFrame({
-                type: "target-measured",
-                targetId: focus.id,
-                anchor: {
-                    x: nextRect.left,
-                    y: nextRect.top,
-                    width: nextRect.width,
-                    height: nextRect.height,
-                },
-            });
-        };
-        update();
-        const retry = window.setInterval(update, 50);
-        const stopRetry = window.setTimeout(() => window.clearInterval(retry), 400);
-        window.addEventListener("scroll", update, true);
-        window.addEventListener("resize", update);
-        // Dismiss before the prototype handles the interaction. A pointer-down can
-        // replace the focused target before a click is dispatched, which removes
-        // the visual highlight without giving the Frame a chance to clear its
-        // associated selection.
-        document.addEventListener("pointerdown", onDismiss, true);
-        return () => {
-            window.clearInterval(retry);
-            window.clearTimeout(stopRetry);
-            window.removeEventListener("scroll", update, true);
-            window.removeEventListener("resize", update);
-            document.removeEventListener("pointerdown", onDismiss, true);
-        };
-    }, [focus, onDismiss]);
-    if (!rect)
-        return null;
-    return (_jsx("div", { "aria-hidden": "true", "data-proto-target-highlight": true, style: {
-            position: "fixed",
-            zIndex: 2147483647,
-            pointerEvents: "none",
-            top: rect.top,
-            left: rect.left,
-            width: rect.width,
-            height: rect.height,
-            border: `2px solid color-mix(in srgb, ${PROTO_BLUE} 55%, transparent)`,
-            borderRadius: 9,
-            background: `color-mix(in srgb, ${PROTO_BLUE} 6%, transparent)`,
-            opacity: 1,
-        } }));
-}
 export function ProtoRig({ manifest, children, }) {
     // One store per mount; survives re-renders, resets on full reload (correct:
     // a reload re-hydrates from the URL, which is the source of truth).
@@ -87,31 +15,8 @@ export function ProtoRig({ manifest, children, }) {
     if (storeRef.current === null)
         storeRef.current = new RigStore(manifest);
     const store = storeRef.current;
-    const [targetFocus, setTargetFocus] = useState(null);
-    useEffect(() => {
-        const onMessage = (e) => {
-            if (!isFrameToRig(e.data) || e.data.type !== "focus-target")
-                return;
-            if (e.data.id === null) {
-                setTargetFocus(null);
-                return;
-            }
-            setTargetFocus((current) => ({
-                id: e.data.id,
-                token: (current?.token ?? 0) + 1,
-            }));
-        };
-        window.addEventListener("message", onMessage);
-        const dispose = wireRig(store, manifest);
-        return () => {
-            window.removeEventListener("message", onMessage);
-            dispose();
-        };
-    }, [store, manifest]);
-    return (_jsxs(RigContext.Provider, { value: store, children: [children, targetFocus ? (_jsx(TargetHighlight, { focus: targetFocus, onDismiss: () => {
-                    setTargetFocus((current) => current?.token === targetFocus.token ? null : current);
-                    postToFrame({ type: "target-focus-dismissed" });
-                } })) : null] }));
+    useEffect(() => wireRig(store, manifest), [store, manifest]);
+    return _jsx(RigContext.Provider, { value: store, children: children });
 }
 function useRigValue(key, fallback, valid) {
     const store = useContext(RigContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proto-labs-inc/rig",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Proto's rig for React prototypes: a provider and hooks over @proto-labs-inc/rig-core.",
   "license": "MIT",
   "repository": {
@@ -23,8 +23,8 @@
     "react": ">=18"
   },
   "dependencies": {
-    "@proto-labs-inc/wire": "^0.1.0",
-    "@proto-labs-inc/rig-core": "^0.1.0"
+    "@proto-labs-inc/rig-core": "^0.2.0",
+    "@proto-labs-inc/wire": "^0.2.0"
   },
   "devDependencies": {
     "typescript": "~6.0.2",