@picked/react 0.0.0-chore-version-and-release-packages.1733366498981-3517ab4

package/dist/App.d.ts

@@ -0,0 +1,5 @@
+import { ExperienceData } from '@repo/types';
+export declare const App: (props: {
+    experience: ExperienceData;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,eAAO,MAAM,GAAG,UAAW;IAAE,UAAU,EAAE,cAAc,CAAA;CAAE,4CAiCxD,CAAA"}

package/dist/adapter.d.ts

@@ -0,0 +1,4 @@
+import { AdaptedBlock } from '@picked/client';
+import { BlockComponent } from './types';
+export declare const adapter: (id: string, component: BlockComponent) => AdaptedBlock<"react", BlockComponent>;
+//# sourceMappingURL=adapter.d.ts.map

package/dist/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../src/adapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,eAAO,MAAM,OAAO,OACd,MAAM,aACC,cAAc,KACxB,YAAY,CAAC,OAAO,EAAE,cAAc,CAOtC,CAAA"}

package/dist/components/Block/Block.d.ts

@@ -0,0 +1,5 @@
+import { BlockComponentProps } from '@repo/types';
+export declare const Block: ({ id, ...blockProps }: {
+    id: string;
+} & BlockComponentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Block.d.ts.map

package/dist/components/Block/Block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../src/components/Block/Block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAGtD,eAAO,MAAM,KAAK,0BAA2B;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,mBAAmB,4CA6BhF,CAAA"}

package/dist/components/ShadowRoot/ShadowRoot.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface ReactShadowRootProps {
+    delegatesFocus?: boolean;
+    mode?: 'open' | 'closed';
+    children: ReactNode;
+}
+declare const ReactShadowRoot: ({ delegatesFocus, mode, children, }: Readonly<ReactShadowRootProps>) => import("react/jsx-runtime").JSX.Element | null;
+export default ReactShadowRoot;
+//# sourceMappingURL=ShadowRoot.d.ts.map

package/dist/components/ShadowRoot/ShadowRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ShadowRoot/ShadowRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,UAAU,oBAAoB;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAMD,QAAA,MAAM,eAAe,wCAIlB,QAAQ,CAAC,oBAAoB,CAAC,mDA4BhC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/Zone/Zone.d.ts

@@ -0,0 +1,5 @@
+export declare const Zone: ({ name, properties }: {
+    name: string;
+    properties: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Zone.d.ts.map

package/dist/components/Zone/Zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zone.d.ts","sourceRoot":"","sources":["../../../src/components/Zone/Zone.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,yBAA0B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,GAAG,CAAA;CAAE,4CAG3E,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { mount } from './mount';
+export { Zone } from './components/Zone/Zone';
+export { adapter } from './adapter';
+export { Block } from './components/Block/Block';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/index.js

@@ -0,0 +1,71 @@
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { createRoot as f } from "react-dom/client";
+import { useState as s, useRef as d, useEffect as p, useCallback as m, useMemo as h, useLayoutEffect as w } from "react";
+import { createPortal as x } from "react-dom";
+import { addEventListener as l, getBlockById as y } from "@picked/client";
+const E = typeof window < "u" && Object.prototype.hasOwnProperty.call(window.Element.prototype, "attachShadow"), R = ({
+  delegatesFocus: r = !1,
+  mode: t = "open",
+  children: n
+}) => {
+  const [e, c] = s(!1), o = d(null), a = d(null);
+  return p(() => {
+    o.current && E && o.current.parentNode && "attachShadow" in o.current.parentNode && typeof o.current.parentNode.attachShadow == "function" && (a.current = o.current.parentNode.attachShadow({
+      delegatesFocus: r,
+      mode: t
+    }), c(!0));
+  }, [r, t]), e ? a.current ? x(n, a.current) : null : /* @__PURE__ */ i("div", { ref: o });
+}, S = (r) => {
+  const { experience: t } = r, [n, e] = s(t), c = m(
+    (o) => {
+      var a;
+      console.log("handleExperienceLoad", o), ((a = o.experience) == null ? void 0 : a.id) === n.id && e(o.experience);
+    },
+    [n.id]
+  );
+  return p(() => l("experienceload", c), [c]), p(() => l("editor:update", c), [c]), /* @__PURE__ */ i(R, { mode: "open", children: /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ i("h1", { children: "Hello from React!" }),
+    /* @__PURE__ */ u("p", { children: [
+      "Experience ID: ",
+      n.id
+    ] }),
+    /* @__PURE__ */ i("pre", { children: JSON.stringify(n, null, 2) })
+  ] }) });
+};
+function g(r, t, n = S) {
+  const e = f(r);
+  return e.render(/* @__PURE__ */ i(n, { ...t })), function() {
+    e.unmount();
+  };
+}
+const B = ({ name: r, properties: t }) => /* @__PURE__ */ u("div", { style: { border: "1px solid green" }, children: [
+  "Zone: ",
+  r
+] }), I = (r, t) => ({
+  id: r,
+  framework: "react",
+  mount: g,
+  component: t
+}), O = ({ id: r, ...t }) => {
+  const n = d(null), e = h(() => y(r), [r]);
+  if (w(() => {
+    if (!(!(e != null && e.framework) || e.framework === "react" || !n.current)) {
+      console.log(e);
+      debugger;
+      return e.mount(n.current, t, e.component);
+    }
+  }, [e, t]), !e)
+    return /* @__PURE__ */ u("pre", { children: [
+      "todo: component ",
+      r,
+      " not found"
+    ] });
+  const { framework: c, component: o } = e;
+  return c === "react" ? /* @__PURE__ */ i(o, { ...t }) : /* @__PURE__ */ i("div", { ref: n });
+};
+export {
+  O as Block,
+  B as Zone,
+  I as adapter,
+  g as mount
+};

package/dist/mount.d.ts

@@ -0,0 +1,4 @@
+import { BlockComponentProps } from '@repo/types';
+import { BlockComponent } from './types';
+export declare function mount(el: Element, props: BlockComponentProps, Component?: BlockComponent): () => void;
+//# sourceMappingURL=mount.d.ts.map

package/dist/mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../src/mount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,wBAAgB,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,SAAS,GAAE,cAAoB,cAQ7F"}

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+import { BlockComponentProps } from '@repo/types';
+import { FC } from 'react';
+export type BlockComponent = FC<BlockComponentProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAA"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@picked/react",
+  "version": "0.0.0-chore-version-and-release-packages.1733366498981-3517ab4",
+  "devDependencies": {
+    "@picked/client": "workspace:*",
+    "@repo/eslint-config": "workspace:*",
+    "@repo/types": "workspace:*",
+    "@repo/typescript-config": "workspace:*",
+    "@types/eslint": "^8.56.5",
+    "@types/node": "^20.11.24",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "tslib": "^2.8.1",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist",
+  "peerDependencies": {
+    "@picked/client": "0.0.0-chore-version-and-release-packages.1733366498981-3517ab4",
+    "react": "19.0.0-rc-02c0e824-20241028",
+    "react-dom": "19.0.0-rc-02c0e824-20241028"
+  },
+  "private": false,
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "lint": "eslint .",
+    "lint:format": "eslint . --fix",
+    "lint:report": "eslint . -o './.reports/eslint.json' -f json || true",
+    "type-check": "tsc -p . --noEmit"
+  },
+  "type": "module"
+}