@supernovaio/prototyping-tooling 0.9.0

package/dist/useDesignMode-VIipNUSj.js

@@ -0,0 +1,68 @@
+import { useState as r, useEffect as S, useCallback as s } from "react";
+import { d as i } from "./debug-CLzmqn3R.js";
+function E(e) {
+  const [d, u] = r(!1), [a, l] = r(""), [b, o] = r("disconnected");
+  S(() => {
+    if (!e) {
+      i("client", "useElementSelector: No host provided");
+      return;
+    }
+    const t = e.getStatus();
+    i("client", "useElementSelector: Initial status:", t), o(t);
+    const n = e.on("connected", () => {
+      i("client", "useElementSelector: Connected"), o("connected");
+    }), c = e.on("disconnected", () => {
+      i("client", "useElementSelector: Disconnected"), o("disconnected");
+    });
+    return () => {
+      n(), c();
+    };
+  }, [e]), S(() => {
+    if (!e) return;
+    const t = e.on("xpath-selected", (c) => {
+      l(c);
+    }), n = e.on("select-mode-disabled", () => {
+      u(!1);
+    });
+    return () => {
+      t(), n();
+    };
+  }, [e]);
+  const f = s((t) => {
+    if (e)
+      try {
+        e.enableSelectMode(t), u(t);
+      } catch (n) {
+        i("client", "Failed to toggle select mode:", n);
+      }
+  }, [e]), m = s(() => {
+    l("");
+  }, []);
+  return { selectMode: d, connectionStatus: b, selectedXPath: a, enableSelectMode: f, clearXPath: m };
+}
+function M(e) {
+  const [d, u] = r(!1), [a, l] = r(null), b = s((t) => {
+    e && (e.enableDesignMode(t), u(t), t || l(null));
+  }, [e]), o = s((t, n) => {
+    e && (e.updateElementText(t, n), l((c) => c ? { ...c, text: n } : null));
+  }, [e]), f = s((t, n, c) => {
+    e && e.updateProperty(t, n, c);
+  }, [e]), m = s(() => {
+    e && (e.deselectElement(), l(null));
+  }, [e]);
+  return S(() => {
+    if (!e) return;
+    const t = e.on("element-selected", (c) => {
+      l(c);
+    }), n = e.on("design-mode-disabled", () => {
+      d && u(!1);
+    });
+    return () => {
+      t(), n();
+    };
+  }, [e, d]), { designMode: d, selectedElement: a, enableDesignMode: b, updateText: o, updateProperty: f, deselectElement: m };
+}
+export {
+  M as a,
+  E as u
+};

package/package.json

@@ -0,0 +1,69 @@
+{
+    "name": "@supernovaio/prototyping-tooling",
+    "version": "0.9.0",
+    "description": "Prototyping Tooling — iframe communication bridge for design-to-code workflows",
+    "type": "module",
+    "license": "MIT",
+    "sideEffects": false,
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        },
+        "./host": {
+            "import": "./dist/host.js",
+            "types": "./dist/host/index.d.ts"
+        },
+        "./client": {
+            "import": "./dist/client.js",
+            "types": "./dist/client/index.d.ts"
+        },
+        "./react": {
+            "import": "./dist/react.js",
+            "types": "./dist/react/index.d.ts"
+        },
+        "./build": {
+            "import": "./dist/build/index.js",
+            "types": "./dist/build/index.d.ts"
+        }
+    },
+    "files": [
+        "dist",
+        "README.md",
+        "LICENSE"
+    ],
+    "engines": {
+        "node": ">=18"
+    },
+    "scripts": {
+        "dev": "vite build --watch",
+        "build": "vite build && tsc",
+        "prepublishOnly": "npm run build",
+        "preview": "vite preview"
+    },
+    "devDependencies": {
+        "@rollup/plugin-terser": "^0.4.4",
+        "@types/babel__generator": "^7.27.0",
+        "@types/babel__traverse": "^7.28.0",
+        "@types/react": "^19.1.16",
+        "terser": "^5.46.0",
+        "typescript": "~5.9.3",
+        "vite": "^7.1.12"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0"
+    },
+    "peerDependenciesMeta": {
+        "react": {
+            "optional": true
+        }
+    },
+    "dependencies": {
+        "@babel/generator": "^7.28.5",
+        "@babel/parser": "^7.28.5",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5"
+    }
+}