@builder.io/sdk-qwik 0.1.9 → 0.1.11

package/README.md

@@ -34,38 +34,43 @@ npm add --save @builder.io/sdk-qwik
 Add Qwik SDK code to a particular route (such as `src/routes/index.tsx`)
 
 ```typscript
-import { component$, Resource, useResource$ } from "@builder.io/qwik";
-import { useLocation } from "@builder.io/qwik-city";
-import { getContent, RenderContent, RegisteredComponent, getBuilderSearchParams } from "@builder.io/sdk-qwik";
+import { component$ } from "@builder.io/qwik";
+import { loader$ } from "@builder.io/qwik-city";
+import {
+  getBuilderSearchParams,
+  getContent,
+  RenderContent,
+} from "@builder.io/sdk-qwik";
 
 export const BUILDER_PUBLIC_API_KEY = "YOUR_API_KEY_GOES_HERE"; // ggignore
-export default component$(() => {
-  const location = useLocation();
-  const builderContentRsrc = useResource$<any>(() => {
-    return getContent({
-      model: "page",
-      apiKey: BUILDER_PUBLIC_API_KEY,
-      options: getBuilderSearchParams(location.query),
-      userAttributes: {
-        urlPath: location.pathname || "/",
-      },
-    });
+export const MODEL = 'page';
+
+export const builderContentLoader = loader$(({ url }) => {
+  return getContent({
+    model: MODEL,
+    apiKey: BUILDER_PUBLIC_API_KEY,
+    options: {
+      ...getBuilderSearchParams(url.searchParams),
+      cachebust: true,
+    },
+    userAttributes: {
+      urlPath: url.pathname || "/",
+    },
   });
+});
 
+export default component$(() => {
+  const builderContent = builderContentLoader.use();
   return (
-    <Resource
-      resource={builderContentRsrc}
-      onPending={() => <div>Loading...</div>}
-      onResolved={(content) => (
-        <RenderContent
-          model="page"
-          content={content}
-          apiKey={BUILDER_PUBLIC_API_KEY}
-          // Optional: pass in a custom component registry
-          // customComponents={CUSTOM_COMPONENTS}
-        />
-      )}
-    />
+    <div>
+      <RenderContent
+        model={MODEL}
+        content={builderContent.value}
+        apiKey={BUILDER_PUBLIC_API_KEY}
+        // Optional: pass in a custom component registry
+        // customComponents={CUSTOM_COMPONENTS}
+      />
+    </div>
   );
 });
 

package/lib/index.qwik.cjs

@@ -2,136 +2,6 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
-const TARGET = "qwik";
-function isBrowser() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
-const registry = {};
-function register(type, info) {
-  let typeList = registry[type];
-  if (!typeList)
-    typeList = registry[type] = [];
-  typeList.push(info);
-  if (isBrowser()) {
-    const message = {
-      type: "builder.register",
-      data: {
-        type,
-        info
-      }
-    };
-    try {
-      parent.postMessage(message, "*");
-      if (parent !== window)
-        window.postMessage(message, "*");
-    } catch (err) {
-      console.debug("Could not postmessage", err);
-    }
-  }
-}
-const registerInsertMenu = () => {
-  register("insertMenu", {
-    name: "_default",
-    default: true,
-    items: [
-      {
-        name: "Box"
-      },
-      {
-        name: "Text"
-      },
-      {
-        name: "Image"
-      },
-      {
-        name: "Columns"
-      },
-      ...[
-        {
-          name: "Core:Section"
-        },
-        {
-          name: "Core:Button"
-        },
-        {
-          name: "Embed"
-        },
-        {
-          name: "Custom Code"
-        }
-      ]
-    ]
-  });
-};
-let isSetupForEditing = false;
-const setupBrowserForEditing = (options = {}) => {
-  if (isSetupForEditing)
-    return;
-  isSetupForEditing = true;
-  if (isBrowser()) {
-    window.parent?.postMessage({
-      type: "builder.sdkInfo",
-      data: {
-        target: TARGET,
-        supportsPatchUpdates: false,
-        supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
-      }
-    }, "*");
-    window.parent?.postMessage({
-      type: "builder.updateContent",
-      data: {
-        options
-      }
-    }, "*");
-    window.addEventListener("message", ({ data }) => {
-      if (!data?.type)
-        return;
-      switch (data.type) {
-        case "builder.evaluate": {
-          const text = data.data.text;
-          const args = data.data.arguments || [];
-          const id = data.data.id;
-          const fn = new Function(text);
-          let result;
-          let error = null;
-          try {
-            result = fn.apply(null, args);
-          } catch (err) {
-            error = err;
-          }
-          if (error)
-            window.parent?.postMessage({
-              type: "builder.evaluateError",
-              data: {
-                id,
-                error: error.message
-              }
-            }, "*");
-          else if (result && typeof result.then === "function")
-            result.then((finalResult) => {
-              window.parent?.postMessage({
-                type: "builder.evaluateResult",
-                data: {
-                  id,
-                  result: finalResult
-                }
-              }, "*");
-            }).catch(console.error);
-          else
-            window.parent?.postMessage({
-              type: "builder.evaluateResult",
-              data: {
-                result,
-                id
-              }
-            }, "*");
-          break;
-        }
-      }
-    });
-  }
-};
 const Button = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   qwik.useStylesScopedQrl(qwik.inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -161,6 +31,10 @@ const STYLES$3 = `
   all: unset;
 }`;
 const builderContext = qwik.createContext("Builder");
+const TARGET = "qwik";
+function isBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
@@ -1415,7 +1289,7 @@ const componentInfo$7 = {
         "svg"
       ],
       required: true,
-      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
       onChange: serializeFn((options) => {
         const DEFAULT_ASPECT_RATIO = 0.7041;
         options.delete("srcset");
@@ -1994,6 +1868,9 @@ const Text = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
     get dangerouslySetInnerHTML() {
       return props.text;
     },
+    style: {
+      outline: "none"
+    },
     [qwik._IMMUTABLE]: {
       dangerouslySetInnerHTML: qwik._wrapSignal(props, "text")
     }
@@ -2678,6 +2555,132 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
+const registry = {};
+function register(type, info) {
+  let typeList = registry[type];
+  if (!typeList)
+    typeList = registry[type] = [];
+  typeList.push(info);
+  if (isBrowser()) {
+    const message = {
+      type: "builder.register",
+      data: {
+        type,
+        info
+      }
+    };
+    try {
+      parent.postMessage(message, "*");
+      if (parent !== window)
+        window.postMessage(message, "*");
+    } catch (err) {
+      console.debug("Could not postmessage", err);
+    }
+  }
+}
+const registerInsertMenu = () => {
+  register("insertMenu", {
+    name: "_default",
+    default: true,
+    items: [
+      {
+        name: "Box"
+      },
+      {
+        name: "Text"
+      },
+      {
+        name: "Image"
+      },
+      {
+        name: "Columns"
+      },
+      ...[
+        {
+          name: "Core:Section"
+        },
+        {
+          name: "Core:Button"
+        },
+        {
+          name: "Embed"
+        },
+        {
+          name: "Custom Code"
+        }
+      ]
+    ]
+  });
+};
+let isSetupForEditing = false;
+const setupBrowserForEditing = (options = {}) => {
+  if (isSetupForEditing)
+    return;
+  isSetupForEditing = true;
+  if (isBrowser()) {
+    window.parent?.postMessage({
+      type: "builder.sdkInfo",
+      data: {
+        target: TARGET,
+        supportsPatchUpdates: false,
+        supportsAddBlockScoping: true,
+        supportsCustomBreakpoints: true
+      }
+    }, "*");
+    window.parent?.postMessage({
+      type: "builder.updateContent",
+      data: {
+        options
+      }
+    }, "*");
+    window.addEventListener("message", ({ data }) => {
+      if (!data?.type)
+        return;
+      switch (data.type) {
+        case "builder.evaluate": {
+          const text = data.data.text;
+          const args = data.data.arguments || [];
+          const id = data.data.id;
+          const fn = new Function(text);
+          let result;
+          let error = null;
+          try {
+            result = fn.apply(null, args);
+          } catch (err) {
+            error = err;
+          }
+          if (error)
+            window.parent?.postMessage({
+              type: "builder.evaluateError",
+              data: {
+                id,
+                error: error.message
+              }
+            }, "*");
+          else if (result && typeof result.then === "function")
+            result.then((finalResult) => {
+              window.parent?.postMessage({
+                type: "builder.evaluateResult",
+                data: {
+                  id,
+                  result: finalResult
+                }
+              }, "*");
+            }).catch(console.error);
+          else
+            window.parent?.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                result,
+                id
+              }
+            }, "*");
+          break;
+        }
+      }
+    });
+  }
+};
 const getCssFromFont = (font) => {
   const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
   const name = family.split(",")[0];
@@ -2730,6 +2733,19 @@ ${getCss({
 ${getFontCss({
       customFonts: props.customFonts
     })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
 `
   });
   return /* @__PURE__ */ jsxRuntime.jsx(RenderInlinedStyles, {
@@ -2889,9 +2905,6 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
       }
     }));
 };
-const shouldRenderContentStyles = function shouldRenderContentStyles2(props, state, elementRef) {
-  return Boolean((state.useContent?.data?.cssCode || state.useContent?.data?.customFonts?.length) && TARGET !== "reactNative");
-};
 const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) => {
   const elementRef = qwik.useRef();
   const state = qwik.useStore({
@@ -3037,11 +3050,11 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
         return props.model;
       },
       children: [
-        shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsxRuntime.jsx(RenderContentStyles, {
+        /* @__PURE__ */ jsxRuntime.jsx(RenderContentStyles, {
           contentId: state.useContent?.id,
           cssCode: state.useContent?.data?.cssCode,
           customFonts: state.useContent?.data?.customFonts
-        }, "03_0") : null,
+        }, "03_0"),
         /* @__PURE__ */ jsxRuntime.jsx(RenderBlocks, {
           blocks: state.useContent?.data?.blocks
         }, state.forceReRenderCount)

package/lib/index.qwik.mjs

@@ -1,135 +1,5 @@
 import { componentQrl, inlinedQrl, useStylesScopedQrl, _wrapSignal, _IMMUTABLE, createContext, useLexicalScope, useContextProvider, useStore, useContext, Slot, Fragment as Fragment$1, useTaskQrl, useRef, useClientEffectQrl, useCleanupQrl } from "@builder.io/qwik";
 import { jsx, Fragment, jsxs } from "@builder.io/qwik/jsx-runtime";
-const TARGET = "qwik";
-function isBrowser() {
-  return typeof window !== "undefined" && typeof document !== "undefined";
-}
-const registry = {};
-function register(type, info) {
-  let typeList = registry[type];
-  if (!typeList)
-    typeList = registry[type] = [];
-  typeList.push(info);
-  if (isBrowser()) {
-    const message = {
-      type: "builder.register",
-      data: {
-        type,
-        info
-      }
-    };
-    try {
-      parent.postMessage(message, "*");
-      if (parent !== window)
-        window.postMessage(message, "*");
-    } catch (err) {
-      console.debug("Could not postmessage", err);
-    }
-  }
-}
-const registerInsertMenu = () => {
-  register("insertMenu", {
-    name: "_default",
-    default: true,
-    items: [
-      {
-        name: "Box"
-      },
-      {
-        name: "Text"
-      },
-      {
-        name: "Image"
-      },
-      {
-        name: "Columns"
-      },
-      ...[
-        {
-          name: "Core:Section"
-        },
-        {
-          name: "Core:Button"
-        },
-        {
-          name: "Embed"
-        },
-        {
-          name: "Custom Code"
-        }
-      ]
-    ]
-  });
-};
-let isSetupForEditing = false;
-const setupBrowserForEditing = (options = {}) => {
-  if (isSetupForEditing)
-    return;
-  isSetupForEditing = true;
-  if (isBrowser()) {
-    window.parent?.postMessage({
-      type: "builder.sdkInfo",
-      data: {
-        target: TARGET,
-        supportsPatchUpdates: false,
-        supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
-      }
-    }, "*");
-    window.parent?.postMessage({
-      type: "builder.updateContent",
-      data: {
-        options
-      }
-    }, "*");
-    window.addEventListener("message", ({ data }) => {
-      if (!data?.type)
-        return;
-      switch (data.type) {
-        case "builder.evaluate": {
-          const text = data.data.text;
-          const args = data.data.arguments || [];
-          const id = data.data.id;
-          const fn = new Function(text);
-          let result;
-          let error = null;
-          try {
-            result = fn.apply(null, args);
-          } catch (err) {
-            error = err;
-          }
-          if (error)
-            window.parent?.postMessage({
-              type: "builder.evaluateError",
-              data: {
-                id,
-                error: error.message
-              }
-            }, "*");
-          else if (result && typeof result.then === "function")
-            result.then((finalResult) => {
-              window.parent?.postMessage({
-                type: "builder.evaluateResult",
-                data: {
-                  id,
-                  result: finalResult
-                }
-              }, "*");
-            }).catch(console.error);
-          else
-            window.parent?.postMessage({
-              type: "builder.evaluateResult",
-              data: {
-                result,
-                id
-              }
-            }, "*");
-          break;
-        }
-      }
-    });
-  }
-};
 const Button = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   useStylesScopedQrl(inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
   return /* @__PURE__ */ jsx(Fragment, {
@@ -159,6 +29,10 @@ const STYLES$3 = `
   all: unset;
 }`;
 const builderContext = createContext("Builder");
+const TARGET = "qwik";
+function isBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }
@@ -1413,7 +1287,7 @@ const componentInfo$7 = {
         "svg"
       ],
       required: true,
-      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+      defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",
       onChange: serializeFn((options) => {
         const DEFAULT_ASPECT_RATIO = 0.7041;
         options.delete("srcset");
@@ -1992,6 +1866,9 @@ const Text = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     get dangerouslySetInnerHTML() {
       return props.text;
     },
+    style: {
+      outline: "none"
+    },
     [_IMMUTABLE]: {
       dangerouslySetInnerHTML: _wrapSignal(props, "text")
     }
@@ -2676,6 +2553,132 @@ const getInteractionPropertiesForEvent = (event) => {
     }
   };
 };
+const registry = {};
+function register(type, info) {
+  let typeList = registry[type];
+  if (!typeList)
+    typeList = registry[type] = [];
+  typeList.push(info);
+  if (isBrowser()) {
+    const message = {
+      type: "builder.register",
+      data: {
+        type,
+        info
+      }
+    };
+    try {
+      parent.postMessage(message, "*");
+      if (parent !== window)
+        window.postMessage(message, "*");
+    } catch (err) {
+      console.debug("Could not postmessage", err);
+    }
+  }
+}
+const registerInsertMenu = () => {
+  register("insertMenu", {
+    name: "_default",
+    default: true,
+    items: [
+      {
+        name: "Box"
+      },
+      {
+        name: "Text"
+      },
+      {
+        name: "Image"
+      },
+      {
+        name: "Columns"
+      },
+      ...[
+        {
+          name: "Core:Section"
+        },
+        {
+          name: "Core:Button"
+        },
+        {
+          name: "Embed"
+        },
+        {
+          name: "Custom Code"
+        }
+      ]
+    ]
+  });
+};
+let isSetupForEditing = false;
+const setupBrowserForEditing = (options = {}) => {
+  if (isSetupForEditing)
+    return;
+  isSetupForEditing = true;
+  if (isBrowser()) {
+    window.parent?.postMessage({
+      type: "builder.sdkInfo",
+      data: {
+        target: TARGET,
+        supportsPatchUpdates: false,
+        supportsAddBlockScoping: true,
+        supportsCustomBreakpoints: true
+      }
+    }, "*");
+    window.parent?.postMessage({
+      type: "builder.updateContent",
+      data: {
+        options
+      }
+    }, "*");
+    window.addEventListener("message", ({ data }) => {
+      if (!data?.type)
+        return;
+      switch (data.type) {
+        case "builder.evaluate": {
+          const text = data.data.text;
+          const args = data.data.arguments || [];
+          const id = data.data.id;
+          const fn = new Function(text);
+          let result;
+          let error = null;
+          try {
+            result = fn.apply(null, args);
+          } catch (err) {
+            error = err;
+          }
+          if (error)
+            window.parent?.postMessage({
+              type: "builder.evaluateError",
+              data: {
+                id,
+                error: error.message
+              }
+            }, "*");
+          else if (result && typeof result.then === "function")
+            result.then((finalResult) => {
+              window.parent?.postMessage({
+                type: "builder.evaluateResult",
+                data: {
+                  id,
+                  result: finalResult
+                }
+              }, "*");
+            }).catch(console.error);
+          else
+            window.parent?.postMessage({
+              type: "builder.evaluateResult",
+              data: {
+                result,
+                id
+              }
+            }, "*");
+          break;
+        }
+      }
+    });
+  }
+};
 const getCssFromFont = (font) => {
   const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
   const name = family.split(",")[0];
@@ -2728,6 +2731,19 @@ ${getCss({
 ${getFontCss({
       customFonts: props.customFonts
     })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+  margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+  color: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  text-align: inherit;
+  font-family: inherit;
+}
 `
   });
   return /* @__PURE__ */ jsx(RenderInlinedStyles, {
@@ -2887,9 +2903,6 @@ const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
       }
     }));
 };
-const shouldRenderContentStyles = function shouldRenderContentStyles2(props, state, elementRef) {
-  return Boolean((state.useContent?.data?.cssCode || state.useContent?.data?.customFonts?.length) && TARGET !== "reactNative");
-};
 const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   const elementRef = useRef();
   const state = useStore({
@@ -3035,11 +3048,11 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
         return props.model;
       },
       children: [
-        shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsx(RenderContentStyles, {
+        /* @__PURE__ */ jsx(RenderContentStyles, {
           contentId: state.useContent?.id,
           cssCode: state.useContent?.data?.cssCode,
           customFonts: state.useContent?.data?.customFonts
-        }, "03_0") : null,
+        }, "03_0"),
         /* @__PURE__ */ jsx(RenderBlocks, {
           blocks: state.useContent?.data?.blocks
         }, state.forceReRenderCount)

package/package.json

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

package/types/blocks/columns/columns.d.ts

@@ -1,10 +1,10 @@
 import type { BuilderBlock } from "../../types/builder-block";
 import type { SizeName } from "../../constants/device-sizes";
-declare type Column = {
+type Column = {
     blocks: any;
     width?: number;
 };
-declare type StackColumnsAt = "tablet" | "mobile" | "never";
+type StackColumnsAt = "tablet" | "mobile" | "never";
 export interface ColumnProps {
     columns?: Column[];
     builderBlock: BuilderBlock;

package/types/components/render-block/block-styles.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block.js";
-export declare type BlockStylesProps = {
+export type BlockStylesProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };

package/types/components/render-block/render-block.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block.js";
-export declare type RenderBlockProps = {
+export type RenderBlockProps = {
     block: BuilderBlock;
     context: BuilderContextInterface;
 };

package/types/components/render-block/render-component.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderBlock } from "../../types/builder-block.js";
 import type { BuilderContextInterface } from "../../context/types.js";
-declare type ComponentOptions = {
+type ComponentOptions = {
     [index: string]: any;
     attributes?: {
         [index: string]: any;

package/types/components/render-block/render-repeated-block.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContextInterface } from "../../context/types.js";
 import type { BuilderBlock } from "../../types/builder-block";
-declare type Props = {
+type Props = {
     block: BuilderBlock;
     repeatContext: BuilderContextInterface;
 };

package/types/components/render-blocks.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderBlock } from "../types/builder-block.js";
-export declare type RenderBlockProps = {
+export type RenderBlockProps = {
     blocks?: BuilderBlock[];
     parent?: string;
     path?: string;

package/types/components/render-content/render-content.d.ts

@@ -14,6 +14,5 @@ export declare const handleRequest: (props: any, state: any, elementRef: any, {
 }) => void;
 export declare const runHttpRequests: (props: any, state: any, elementRef: any) => void;
 export declare const emitStateUpdate: (props: any, state: any, elementRef: any) => void;
-export declare const shouldRenderContentStyles: (props: any, state: any, elementRef: any) => boolean;
 export declare const RenderContent: import("@builder.io/qwik").Component<RenderContentProps>;
 export default RenderContent;

package/types/components/render-content/render-content.types.d.ts

@@ -1,7 +1,7 @@
 import type { BuilderRenderContext, RegisteredComponent, BuilderRenderState } from '../../context/types';
 import type { BuilderContent } from '../../types/builder-content';
 import type { Nullable } from '../../types/typescript';
-export declare type RenderContentProps = {
+export type RenderContentProps = {
     content?: Nullable<BuilderContent>;
     model?: string;
     data?: {

package/types/constants/device-sizes.d.ts

@@ -1,4 +1,4 @@
-export declare type SizeName = 'large' | 'medium' | 'small';
+export type SizeName = 'large' | 'medium' | 'small';
 interface Size {
     min: number;
     default: number;

package/types/context/types.d.ts

@@ -1,12 +1,12 @@
 import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
 import type { Dictionary, Nullable } from '../types/typescript.js';
-export declare type RegisteredComponent = ComponentInfo & {
+export type RegisteredComponent = ComponentInfo & {
     component: any;
 };
-export declare type RegisteredComponents = Dictionary<RegisteredComponent>;
-export declare type BuilderRenderState = Record<string, unknown>;
-export declare type BuilderRenderContext = Record<string, unknown>;
+export type RegisteredComponents = Dictionary<RegisteredComponent>;
+export type BuilderRenderState = Record<string, unknown>;
+export type BuilderRenderContext = Record<string, unknown>;
 export interface BuilderContextInterface {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;

package/types/functions/get-block-actions.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-declare type Actions = {
+type Actions = {
     [index: string]: (event: Event) => any;
 };
 export declare function getBlockActions(options: {

package/types/functions/get-block-tag.d.ts

@@ -1,3 +1,3 @@
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare type TagName = string;
+export type TagName = string;
 export declare function getBlockTag(block: BuilderBlock): TagName;

package/types/functions/get-builder-search-params/index.d.ts

@@ -1,4 +1,4 @@
-declare type QueryObject = Record<string, string | string[]>;
+type QueryObject = Record<string, string | string[]>;
 export declare const convertSearchParamsToQueryObject: (searchParams: URLSearchParams) => QueryObject;
 export declare const getBuilderSearchParams: (_options: QueryObject | URLSearchParams | undefined) => QueryObject;
 export declare const getBuilderSearchParamsFromWindow: () => QueryObject;

package/types/functions/get-global-this.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="@types/node" />
-/// <reference types="node" />
 export declare function getGlobalThis(): typeof global;

package/types/functions/if-target.d.ts

@@ -1,4 +1,4 @@
-declare type Target = import('../types/targets').Target;
+type Target = import('../types/targets').Target;
 export declare function ifTarget<A, B>({ targets, doThing, elseThing, }: {
     targets: Target[];
     doThing: () => A;

package/types/functions/sanitize-react-native-block-styles.d.ts

@@ -1,3 +1,3 @@
-declare type Styles = Record<string, string | number>;
+type Styles = Record<string, string | number>;
 export declare const sanitizeReactNativeBlockStyles: (styles: Styles) => Styles;
 export {};

package/types/functions/set-editor-settings.d.ts

@@ -1,4 +1,4 @@
-export declare type Settings = {
+export type Settings = {
     customInsertMenu?: boolean;
 };
 export declare function setEditorSettings(newSettings: Settings): void;

package/types/functions/track/index.d.ts

@@ -35,7 +35,7 @@ interface Event {
         [index: string]: any;
     };
 }
-declare type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | 'variationId' | 'metadata'> & {
+type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'contentId' | 'variationId' | 'metadata'> & {
     /**
      * Your organization's API key.
      */
@@ -45,7 +45,7 @@ declare type EventProperties = Pick<Event, 'type'> & Pick<Event['data'], 'conten
      */
     [index: string]: any;
 };
-export declare type EventProps = EventProperties & CanTrack;
+export type EventProps = EventProperties & CanTrack;
 export declare function _track(eventProps: EventProps): Promise<void | Response>;
 export declare const track: (args: EventProperties) => Promise<void | Response>;
 export {};

package/types/functions/track/interaction.d.ts

@@ -1,4 +1,4 @@
-declare type Offset = {
+type Offset = {
     x: number;
     y: number;
 };

package/types/helpers/nullable.d.ts

@@ -1,2 +1,2 @@
-export declare type Nullable<T> = T | null | undefined;
+export type Nullable<T> = T | null | undefined;
 export declare const checkIsDefined: <T>(maybeT: Nullable<T>) => maybeT is T;

package/types/index.d.ts

@@ -1,5 +1,4 @@
 export * from './index-helpers/top-of-file.js';
-import './scripts/init-editing.js';
 export * from './index-helpers/blocks-exports.js';
 export * from './functions/is-editing.js';
 export * from './functions/is-previewing.js';

package/types/types/builder-block.d.ts

@@ -1,4 +1,4 @@
-declare type JSONValue = string | number | boolean | JSONObject | JSONArray;
+type JSONValue = string | number | boolean | JSONObject | JSONArray;
 interface JSONObject {
     [x: string]: JSONValue;
 }

package/types/types/can-track.d.ts

@@ -1,3 +1,3 @@
-export declare type CanTrack = {
+export type CanTrack = {
     canTrack: boolean;
 };

package/types/types/components.d.ts

@@ -172,5 +172,5 @@ export interface ComponentInfo {
     requiredPermissions?: Array<Permission>;
     hidden?: boolean;
 }
-declare type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
+type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
 export {};

package/types/types/deep-partial.d.ts

@@ -1,3 +1,3 @@
-export declare type DeepPartial<T> = {
+export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
 };

package/types/types/element.d.ts

@@ -1,4 +1,4 @@
-declare type JSONValue = string | number | boolean | JSONObject | JSONArray;
+type JSONValue = string | number | boolean | JSONObject | JSONArray;
 interface JSONObject {
     [x: string]: JSONValue;
 }

package/types/types/targets.d.ts

@@ -1,3 +1,3 @@
-declare type MitosisTargets = import('@builder.io/mitosis').Target;
-export declare type Target = Extract<MitosisTargets, 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid'>;
+type MitosisTargets = import('@builder.io/mitosis').Target;
+export type Target = Extract<MitosisTargets, 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik' | 'react' | 'solid'>;
 export {};

package/types/types/typescript.d.ts

@@ -1,5 +1,5 @@
-export declare type Nullable<T> = T | null | undefined;
-export declare type Dictionary<T> = {
+export type Nullable<T> = T | null | undefined;
+export type Dictionary<T> = {
     [key: string]: T;
 };
-export declare type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;
+export type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;