@builder.io/sdk-qwik 0.0.6 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",

package/src/components/render-content/render-content.jsx

@@ -14,6 +14,10 @@ import {
   createRegisterComponentMessage,
 } from "../../functions/register-component.js";
 import { track } from "../../functions/track.js";
+import {
+  registerInsertMenu,
+  setupBrowserForEditing,
+} from "../../scripts/init-editing.js";
 import RenderBlocks from "../render-blocks";
 import RenderContentStyles from "./components/render-styles";
 import {
@@ -186,6 +190,7 @@ export const shouldRenderContentStyles = function shouldRenderContentStyles(
 export const RenderContent = component$((props) => {
   const hostElement = useHostElement();
   const state = useStore({
+    forceReRenderCount: 0,
     overrideContent: null,
     update: 0,
     overrideState: {},
@@ -213,7 +218,11 @@ export const RenderContent = component$((props) => {
   useClientEffect$(() => {
     if (isBrowser()) {
       if (isEditing()) {
+        state.forceReRenderCount++;
         _useMutableProps(hostElement, true);
+
+        registerInsertMenu();
+        setupBrowserForEditing();
         Object.values(allRegisteredComponents(props, state)).forEach(
           (registeredComponent) => {
             const message = createRegisterComponentMessage(registeredComponent);
@@ -303,6 +312,7 @@ export const RenderContent = component$((props) => {
           ) : null}
           <RenderBlocks
             blocks={useContent(props, state)?.data?.blocks}
+            key={state.forceReRenderCount}
           ></RenderBlocks>
         </div>
       ) : null}
@@ -392,6 +402,13 @@ export const COMPONENT = {
       },
       path: "./components/render-styles.lite",
     },
+    {
+      imports: {
+        registerInsertMenu: "registerInsertMenu",
+        setupBrowserForEditing: "setupBrowserForEditing",
+      },
+      path: "../../scripts/init-editing.js",
+    },
   ],
   exports: {},
   inputs: [],
@@ -413,6 +430,7 @@ export const COMPONENT = {
   },
   refs: {},
   state: {
+    forceReRenderCount: 0,
     useContent:
       "@builder.io/mitosis/method:get useContent() {\n  const mergedContent: BuilderContent = { ...props.content,\n    ...state.overrideContent,\n    data: { ...props.content?.data,\n      ...props.data,\n      ...state.overrideContent?.data\n    }\n  };\n  return mergedContent;\n}",
     overrideContent: null,
@@ -545,6 +563,9 @@ export const COMPONENT = {
                 blocks: {
                   code: "useContent(props,state)?.data?.blocks",
                 },
+                key: {
+                  code: "state.forceReRenderCount",
+                },
               },
               children: [],
             },
@@ -577,7 +598,7 @@ export const COMPONENT = {
   ],
   hooks: {
     onMount: {
-      code: "\n  if (isBrowser()) {\n    if (isEditing()) {\n      _useMutableProps(hostElement, true);\n      Object.values(allRegisteredComponents(props,state)).forEach(registeredComponent => {\n        const message = createRegisterComponentMessage(registeredComponent);\n        window.parent?.postMessage(message, '*');\n      });\n      window.addEventListener('message', processMessage.bind(null,props,state));\n      window.addEventListener('builder:component:stateChangeListenerActivated', emitStateUpdate.bind(null,props,state));\n    }\n\n    if (useContent(props,state) && props.canTrack !== false) {\n      track('impression', {\n        contentId: useContent(props,state).id\n      });\n    } // override normal content in preview mode\n\n\n    if (isPreviewing()) {\n      const searchParams = new URL(location.href).searchParams;\n\n      if (props.model && searchParams.get('builder.preview') === props.model) {\n        const previewApiKey = searchParams.get('apiKey') || searchParams.get('builder.space');\n\n        if (previewApiKey) {\n          getContent({\n            model: props.model,\n            apiKey: previewApiKey\n          }).then(content => {\n            if (content) {\n              state.overrideContent = content;\n            }\n          });\n        }\n      }\n    }\n\n    evaluateJsCode(props,state,);\n    runHttpRequests(props,state,);\n    emitStateUpdate(props,state,);\n  }\n",
+      code: "\n  if (isBrowser()) {\n    if (isEditing()) {\n      state.forceReRenderCount++; _useMutableProps(hostElement, true);\n\n      registerInsertMenu();\n      setupBrowserForEditing();\n      Object.values(allRegisteredComponents(props,state)).forEach(registeredComponent => {\n        const message = createRegisterComponentMessage(registeredComponent);\n        window.parent?.postMessage(message, '*');\n      });\n      window.addEventListener('message', processMessage.bind(null,props,state));\n      window.addEventListener('builder:component:stateChangeListenerActivated', emitStateUpdate.bind(null,props,state));\n    }\n\n    if (useContent(props,state) && props.canTrack !== false) {\n      track('impression', {\n        contentId: useContent(props,state).id\n      });\n    } // override normal content in preview mode\n\n\n    if (isPreviewing()) {\n      const searchParams = new URL(location.href).searchParams;\n\n      if (props.model && searchParams.get('builder.preview') === props.model) {\n        const previewApiKey = searchParams.get('apiKey') || searchParams.get('builder.space');\n\n        if (previewApiKey) {\n          getContent({\n            model: props.model,\n            apiKey: previewApiKey\n          }).then(content => {\n            if (content) {\n              state.overrideContent = content;\n            }\n          });\n        }\n      }\n    }\n\n    evaluateJsCode(props,state,);\n    runHttpRequests(props,state,);\n    emitStateUpdate(props,state,);\n  }\n",
     },
     onUpdate: [
       {

package/src/scripts/init-editing.js

@@ -1,6 +1,5 @@
 import { TARGET } from "../constants/target.js";
 import { isBrowser } from "../functions/is-browser.js";
-import { isEditing } from "../functions/is-editing.js";
 import { register } from "../functions/register.js";
 const registerInsertMenu = () => {
   register("insertMenu", {
@@ -74,7 +73,7 @@ const setupBrowserForEditing = () => {
     });
   }
 };
-if (isEditing()) {
-  registerInsertMenu();
-  setupBrowserForEditing();
-}
+export {
+  registerInsertMenu,
+  setupBrowserForEditing
+};

package/types.d.ts

@@ -1,13 +1,8 @@
-type Dictionary<T> = Record<string, T>;
-type BuilderContent = any;
-type BuilderBlock = any;
-type RegisteredComponent = any;
-type RegisteredComponents = any;
-declare const builder: { env: 'dev'; apiKey: string };
-// TODO(misko): HACKS to be removed
-declare const get: (obj: any, key: string) => any;
-declare const set: (obj: any, key: string, value: any) => void;
-interface CSSProperties {
-  flexDirection: any;
+declare module '@builder.io/sdk-qwik' {
+  const getContent: (options: {
+    model: string;
+    apiKey: string;
+    userAttributes: Record<string, string>;
+  }) => Promise<any>;
+  const RenderContent: any;
 }
-declare const BuilderBlocks: (props: any) => any;