@builder.io/sdk-vue 1.0.19 → 1.0.21

package/lib/node/index-helpers/blocks-exports.d.ts

@@ -1,14 +1,14 @@
-export { default as Button } from '../blocks/button/index.js';
-export { default as Columns } from '../blocks/columns/index.js';
-export { default as Fragment } from '../blocks/fragment/index.js';
-export { default as Image } from '../blocks/image/index.js';
-export { default as Section } from '../blocks/section/index.js';
-export { default as Symbol } from '../blocks/symbol/index.js';
-export { default as Text } from '../blocks/text/index.js';
-export { default as Video } from '../blocks/video/index.js';
-export { default as Blocks } from '../components/blocks/index.js';
-export { default as Content } from '../components/content-variants/index.js';
+export { default as Button } from '../blocks/button/index';
+export { default as Columns } from '../blocks/columns/index';
+export { default as Fragment } from '../blocks/fragment/index';
+export { default as Image } from '../blocks/image/index';
+export { default as Section } from '../blocks/section/index';
+export { default as Symbol } from '../blocks/symbol/index';
+export { default as Text } from '../blocks/text/index';
+export { default as Video } from '../blocks/video/index';
+export { default as Blocks } from '../components/blocks/index';
+export { default as Content } from '../components/content-variants/index';
 /**
  * Builder Context
  */
-export { BuilderContext } from '../context/index.js';
+export { BuilderContext } from '../context/index';

package/lib/node/{index-3WfVCyJd.js → index-mnDtU0q8.js}

@@ -16,7 +16,7 @@ function filterAttrs(e = {}, t, n) {
 }
 const _sfc_main$p = defineComponent({
   name: "dynamic-renderer",
-  props: ["attributes", "actionAttributes", "TagName"],
+  props: ["TagName", "attributes", "actionAttributes"],
   data() {
     return { isEmptyElement };
   }
@@ -304,8 +304,26 @@ if (typeof output === 'object' && output !== null) {
 
 output;
 `;
+};
+let IVM_INSTANCE = null;
+const getIvm = () => {
+  try {
+    const e = safeDynamicRequire("isolated-vm");
+    if (e)
+      return e;
+  } catch (e) {
+    logger.error("isolated-vm import error.", e);
+  }
+  throw new Error(`${MSG_PREFIX}could not import \`isolated-vm\` module for safe script execution on Node server.
+    
+    In certain Node environments, the SDK requires additional initialization steps. This can be achieved by 
+    importing and calling \`initializeNodeRuntime()\` from "@builder.io/sdk-react/node/init". This must be done in
+    a server-only execution path within your application.
+
+    Please see the documentation for more information: https://builder.io/c/docs/integration-tips#enabling-data-bindings-in-node-environments
+    `);
 }, getIsolateContext = () => {
-  const e = safeDynamicRequire("isolated-vm");
+  const e = getIvm();
   return new e.Isolate({
     memoryLimit: 128
   }).createContextSync();
@@ -318,7 +336,7 @@ output;
   rootSetState: s,
   rootState: i
 }) => {
-  const a = safeDynamicRequire("isolated-vm"), l = fastClone({
+  const a = getIvm(), l = fastClone({
     ...i,
     ...r
   }), c = getFunctionArguments({
@@ -696,22 +714,22 @@ const getComponent = ({
     },
     block: o
   }));
-}, BlockStyles = () => import("./block-styles-0bjSdiE1.js").then((e) => e.default).catch((e) => {
+}, BlockStyles = () => import("./block-styles-rz8jpORX.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockStyles at ./components/block-styles.vue",
     e
   ), e;
-}), BlockWrapper = () => import("./block-wrapper-4eUteNjO.js").then((e) => e.default).catch((e) => {
+}), BlockWrapper = () => import("./block-wrapper--vej-Ae6.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component BlockWrapper at ./components/block-wrapper.vue",
     e
   ), e;
-}), ComponentRef = () => import("./component-ref-hMFqpMd5.js").then((e) => e.default).catch((e) => {
+}), ComponentRef = () => import("./component-ref-PGVczQrW.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component ComponentRef at ./components/component-ref/component-ref.vue",
     e
   ), e;
-}), RepeatedBlock = () => import("./repeated-block-qd2uOmxH.js").then((e) => e.default).catch((e) => {
+}), RepeatedBlock = () => import("./repeated-block-tjhtQDPA.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RepeatedBlock at ./components/repeated-block.vue",
     e
@@ -863,12 +881,12 @@ const Block = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l
 }, Symbol.toStringTag, { value: "Module" })), _sfc_main$m = defineComponent({
   name: "builder-blocks-wrapper",
   props: [
-    "BlocksWrapper",
     "blocks",
     "parent",
     "path",
     "styleProp",
-    "BlocksWrapperProps"
+    "BlocksWrapperProps",
+    "BlocksWrapper"
   ],
   computed: {
     className() {
@@ -921,7 +939,7 @@ function _sfc_render$k(e, t, n, o, r, s) {
     _: 3
   }, 16, ["class", "builder-path", "builder-parent-id", "style", "onClick", "onMouseEnter", "onKeyPress"]);
 }
-const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k], ["__scopeId", "data-v-b8add99a"]]), _sfc_main$l = defineComponent({
+const BlocksWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k], ["__scopeId", "data-v-9724ab41"]]), _sfc_main$l = defineComponent({
   name: "builder-blocks",
   components: { BlocksWrapper, Block },
   props: [
@@ -1175,7 +1193,7 @@ function _sfc_render$i(e, t, n, o, r, s) {
     }, 1032, ["TagName", "attributes"]))), 128))
   ], 16);
 }
-const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-4eaba73b"]]), _sfc_main$i = defineComponent({
+const Columns = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i], ["__scopeId", "data-v-6caab097"]]), _sfc_main$i = defineComponent({
   name: "builder-fragment-component",
   props: []
 });
@@ -1304,7 +1322,7 @@ function _sfc_render$g(e, t, n, o, r, s) {
     ])) : createCommentVNode("", !0)
   ], 64);
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-c23615d2"]]), _sfc_main$g = defineComponent({
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g], ["__scopeId", "data-v-dde76a35"]]), _sfc_main$g = defineComponent({
   name: "builder-section-component",
   props: ["attributes", "maxWidth"],
   data() {
@@ -1859,7 +1877,7 @@ const Section = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render
 }, _sfc_main$f = defineComponent({
   name: "builder-slot",
   components: { Blocks },
-  props: ["js", "builderContext", "name"]
+  props: ["builderContext", "name"]
 });
 function _sfc_render$e(e, t, n, o, r, s) {
   var a, l, c;
@@ -2325,7 +2343,6 @@ const embed = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b
   name: "builder-form-component",
   components: { Block, Blocks },
   props: [
-    "js",
     "builderContext",
     "previewState",
     "sendWithJs",
@@ -2526,7 +2543,7 @@ function _sfc_render$a(e, t, n, o, r, s) {
     }, null, 8, ["blocks", "context"])) : createCommentVNode("", !0)
   ], 16, _hoisted_1$4);
 }
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-541b06ed"]]), componentInfo$4 = {
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a], ["__scopeId", "data-v-83a4b1d9"]]), componentInfo$4 = {
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -2660,7 +2677,7 @@ function _sfc_render$8(e, t, n, o, r, s) {
     name: e.name
   }, e.filterAttrs(e.attributes, "v-on:", !1), toHandlers(e.filterAttrs(e.attributes, "v-on:", !0), !0)), [
     (openBlock(!0), createElementBlock(Fragment$1, null, renderList(e.options, (i, a) => (openBlock(), createElementBlock("option", {
-      key: a,
+      key: `${i.name}-${a}`,
       value: i.value
     }, toDisplayString(i.name || i.value), 9, _hoisted_2$1))), 128))
   ], 16, _hoisted_1$2);
@@ -3432,7 +3449,7 @@ function isFromTrustedHost(e, t) {
   const n = new URL(t.origin), o = n.hostname;
   return (e || DEFAULT_TRUSTED_HOSTS).findIndex((r) => r.startsWith("*.") ? o.endsWith(r.slice(1)) : r === o) > -1;
 }
-const SDK_VERSION = "1.0.19", registry = {};
+const SDK_VERSION = "1.0.21", registry = {};
 function register(e, t) {
   let n = registry[e];
   if (n || (n = registry[e] = []), n.push(t), isBrowser()) {
@@ -3584,18 +3601,18 @@ const setupBrowserForEditing = (e = {}) => {
   name: "enable-editor",
   props: [
     "builderContextSignal",
-    "contentWrapper",
-    "model",
-    "trustedHosts",
-    "context",
     "canTrack",
     "apiKey",
     "locale",
     "enrich",
+    "trustedHosts",
+    "model",
     "content",
+    "data",
+    "contentWrapper",
+    "context",
     "showContent",
-    "contentWrapperProps",
-    "data"
+    "contentWrapperProps"
   ],
   data() {
     return {
@@ -4301,8 +4318,8 @@ const ContentVariants = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sf
   name: "builder-symbol",
   components: { ContentVariants },
   props: [
-    "attributes",
     "symbol",
+    "attributes",
     "dynamic",
     "builderContext",
     "builderBlock",

package/lib/node/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-u36w67Cr.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-XIqTnRyC.cjs");exports.Blocks=e.Blocks;exports.BuilderContext=e.BuilderContext;exports.Button=e.Button;exports.Columns=e.Columns;exports.Content=e.ContentVariants;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;

package/lib/node/index.d.cts

@@ -1,10 +1,10 @@
-export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/top-of-file';
 /**
  * In the React SDK, this file is marked with `use client`.
  */
-export * from './index-helpers/blocks-exports.js';
+export * from './index-helpers/blocks-exports';
 /**
  * In the React SDK, this file is not marked with `use client`, to allow
  * NextJS App Directory to use the SDK helper functions without issues.
  */
-export * from './server-index.js';
+export * from './server-index';

package/lib/node/index.d.mts

@@ -1,10 +1,10 @@
-export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/top-of-file';
 /**
  * In the React SDK, this file is marked with `use client`.
  */
-export * from './index-helpers/blocks-exports.js';
+export * from './index-helpers/blocks-exports';
 /**
  * In the React SDK, this file is not marked with `use client`, to allow
  * NextJS App Directory to use the SDK helper functions without issues.
  */
-export * from './server-index.js';
+export * from './server-index';

package/lib/node/index.js

@@ -1,4 +1,4 @@
-import { n as a, j as t, k as r, C as o, o as i, F as n, I as c, S as g, l, m, V as u, z as d, r as C, y as p, A as B, D as E, u as S, p as f, q as h, s as x, t as b, x as k, v as y } from "./index-3WfVCyJd.js";
+import { n as a, j as t, k as r, C as o, o as i, F as n, I as c, S as g, l, m, V as u, z as d, r as C, y as p, A as B, D as E, u as S, p as f, q as h, s as x, t as b, x as k, v as y } from "./index-mnDtU0q8.js";
 export {
   a as Blocks,
   t as BuilderContext,

package/lib/node/{repeated-block-dIHQGH39.cjs → repeated-block-SWSMCPvd.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-u36w67Cr.cjs"),r=()=>Promise.resolve().then(()=>require("./index-u36w67Cr.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index-XIqTnRyC.cjs"),r=()=>Promise.resolve().then(()=>require("./index-XIqTnRyC.cjs")).then(e=>e.block).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component Block at ../block.vue",e),e}),c=o.defineComponent({name:"repeated-block",components:{Block:o.defineAsyncComponent(r)},props:["repeatContext","block","registeredComponents","linkComponent"],data(){return{store:this.repeatContext}},provide(){const e=this;return{[t.BuilderContext.key]:e.store}}});function s(e,i,p,a,m,d){const n=o.resolveComponent("block");return o.openBlock(),o.createBlock(n,{block:e.block,context:e.store,registeredComponents:e.registeredComponents,linkComponent:e.linkComponent},null,8,["block","context","registeredComponents","linkComponent"])}const l=t._export_sfc(c,[["render",s]]);exports.default=l;

package/lib/node/{repeated-block-qd2uOmxH.js → repeated-block-tjhtQDPA.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, defineAsyncComponent as n, resolveComponent as r, openBlock as c, createBlock as p } from "vue";
-import { j as s, e as l } from "./index-3WfVCyJd.js";
-const i = () => import("./index-3WfVCyJd.js").then((e) => e.G).then((e) => e.default).catch((e) => {
+import { j as s, e as l } from "./index-mnDtU0q8.js";
+const i = () => import("./index-mnDtU0q8.js").then((e) => e.G).then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component Block at ../block.vue",
     e

package/lib/node/server-index.d.ts

@@ -1,39 +1,39 @@
-export * from './index-helpers/top-of-file.js';
+export * from './index-helpers/top-of-file';
 /**
  * Component Prop types
  */
-export type { ButtonProps } from './blocks/button/button.types.js';
-export type { ColumnProps } from './blocks/columns/columns.types.js';
-export type { FragmentProps } from './blocks/fragment/fragment.types.js';
-export type { ImageProps } from './blocks/image/image.types.js';
-export type { SectionProps } from './blocks/section/section.types.js';
-export type { SymbolProps } from './blocks/symbol/symbol.types.js';
-export type { TextProps } from './blocks/text/text.types.js';
-export type { VideoProps } from './blocks/video/video.types.js';
-export type { BlocksProps } from './components/blocks/blocks.types.js';
-export type { ContentVariantsPrps as ContentProps } from './components/content-variants/content-variants.types.js';
+export type { ButtonProps } from './blocks/button/button.types';
+export type { ColumnProps } from './blocks/columns/columns.types';
+export type { FragmentProps } from './blocks/fragment/fragment.types';
+export type { ImageProps } from './blocks/image/image.types';
+export type { SectionProps } from './blocks/section/section.types';
+export type { SymbolProps } from './blocks/symbol/symbol.types';
+export type { TextProps } from './blocks/text/text.types';
+export type { VideoProps } from './blocks/video/video.types';
+export type { BlocksProps } from './components/blocks/blocks.types';
+export type { ContentVariantsPrps as ContentProps } from './components/content-variants/content-variants.types';
 /**
  * General Builder types
  */
-export type { RegisteredComponent } from './context/types.js';
-export type { BuilderBlock } from './types/builder-block.js';
-export type { BuilderContent } from './types/builder-content.js';
-export type { ComponentInfo } from './types/components.js';
+export type { RegisteredComponent } from './context/types';
+export type { BuilderBlock } from './types/builder-block';
+export type { BuilderContent } from './types/builder-content';
+export type { ComponentInfo } from './types/components';
 /**
  * Helper functions
  */
-export { isEditing } from './functions/is-editing.js';
-export { isPreviewing } from './functions/is-previewing.js';
-export { createRegisterComponentMessage } from './functions/register-component.js';
-export { register } from './functions/register.js';
-export type { InsertMenuConfig, InsertMenuItem } from './functions/register.js';
-export { setEditorSettings } from './functions/set-editor-settings.js';
-export type { Settings } from './functions/set-editor-settings.js';
-export { getBuilderSearchParams } from './functions/get-builder-search-params/index.js';
-export { track } from './functions/track/index.js';
-export { subscribeToEditor } from './helpers/subscribe-to-editor.js';
+export { isEditing } from './functions/is-editing';
+export { isPreviewing } from './functions/is-previewing';
+export { createRegisterComponentMessage } from './functions/register-component';
+export { register } from './functions/register';
+export type { InsertMenuConfig, InsertMenuItem } from './functions/register';
+export { setEditorSettings } from './functions/set-editor-settings';
+export type { Settings } from './functions/set-editor-settings';
+export { getBuilderSearchParams } from './functions/get-builder-search-params/index';
+export { track } from './functions/track/index';
+export { subscribeToEditor } from './helpers/subscribe-to-editor';
 /**
  * Content fetching
  */
-export { fetchBuilderProps } from './functions/fetch-builder-props.js';
-export { _processContentResult, fetchEntries, fetchOneEntry } from './functions/get-content/index.js';
+export { fetchBuilderProps } from './functions/fetch-builder-props';
+export { _processContentResult, fetchEntries, fetchOneEntry } from './functions/get-content/index';

package/lib/node/style.css

@@ -1 +1 @@
-.component-1o2kztlxdt6[data-v-b8add99a]{display:flex;flex-direction:column;align-items:stretch}.div-2fnk003dqad[data-v-4eaba73b]{display:flex;line-height:normal}.img-1be3j8m9ewb[data-v-c23615d2]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-c23615d2]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-c23615d2]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-5vz8uirn7sc[data-v-541b06ed]{padding:10px;color:red;text-align:center}
+.component-1o2kztlxdt6[data-v-9724ab41]{display:flex;flex-direction:column;align-items:stretch}.div-2fnk003dqad[data-v-6caab097]{display:flex;line-height:normal}.img-1be3j8m9ewb[data-v-dde76a35]{opacity:1;transition:opacity .2s ease-in-out}.div-1be3j8m9ewb[data-v-dde76a35]{width:100%;pointer-events:none;font-size:0}.div-1be3j8m9ewb-2[data-v-dde76a35]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.pre-5vz8uirn7sc[data-v-83a4b1d9]{padding:10px;color:red;text-align:center}

package/lib/node/types/builder-content.d.ts

@@ -1,6 +1,6 @@
-import type { BuilderBlock } from './builder-block.js';
-import type { Input } from './input.js';
-import type { Nullable } from './typescript.js';
+import type { BuilderBlock } from './builder-block';
+import type { Input } from './input';
+import type { Nullable } from './typescript';
 export interface Breakpoints {
     small: number;
     medium: number;

package/lib/node/types/builder-props.d.ts

@@ -1,5 +1,5 @@
-import type { BuilderContextInterface, RegisteredComponents } from '../context/types.js';
-import type { BuilderBlock } from './builder-block.js';
+import type { BuilderContextInterface, RegisteredComponents } from '../context/types';
+import type { BuilderBlock } from './builder-block';
 export type BuilderDataProps = {
     builderBlock: BuilderBlock;
     builderContext: BuilderContextInterface;

package/lib/node/types/components.d.ts

@@ -1,5 +1,5 @@
-import type { BuilderElement } from './element.js';
-import type { Input } from './input.js';
+import type { BuilderElement } from './element';
+import type { Input } from './input';
 export interface ComponentInfo {
     /**
      * Name your component something unique, e.g. 'MyButton'. You can override built-in components

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "main": "./lib/node/index.cjs",
   "module": "./lib/node/index.js",
   "type": "module",