@builder.io/sdk-vue 0.0.1-9 → 0.0.1

package/src/components/error-boundary.js

@@ -1,29 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_error_boundary_script = __toModule(require("./error-boundary_script"));
-var import_error_boundary_styles = __toModule(require("./error-boundary_styles"));
-var stdin_default = import_error_boundary_script.default;

package/src/components/error-boundary.original.vue

@@ -1,25 +0,0 @@
-<template>
-  
-</template>
-<script>
-  
-
-
-
-
-  export default {
-    name: 'ErrorBoundary',
-    
-    
-    
-
-    
-    
-
-    
-    
-
-    
-    
-  }
-</script>

package/src/components/error-boundary.vue

@@ -1,15 +0,0 @@
-<script>
-export default {
-  name: 'ErrorBoundary',
-  data: () => ({
-    error: false,
-  }),
-  errorCaptured(err, vm, info) {
-    console.error('Error in Builder.io block:', error);
-    this.error = true;
-  },
-  render(h) {
-    return this.error ? h('p', 'Builder.io render error') : this.$slots.default[0];
-  },
-};
-</script>

package/src/components/error-boundary_script.js

@@ -1,20 +0,0 @@
-var __defProp = Object.defineProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c("div");
-  },
-  staticRenderFns: [],
-  name: "ErrorBoundary"
-};

package/src/components/render-block.js

@@ -1,29 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_render_block_script = __toModule(require("./render-block_script"));
-var import_render_block_styles = __toModule(require("./render-block_styles"));
-var stdin_default = import_render_block_script.default;

package/src/components/render-block.original.vue

@@ -1,119 +0,0 @@
-<template>
-    
-    
-<template v-if="componentInfo?.noWrap">
-    
-      
-<BlockStyles  :block="useBlock" ></BlockStyles>
-
-      
-<component v-bind="componentInfo?.options" :attributes="properties"  :style="css"  :children="useBlock.children"  :is="componentRef" ></component>
-
-    
-  </template>
-
-    
-<template v-if="!componentInfo?.noWrap">
-    
-      
-<BlockStyles  :block="useBlock" ></BlockStyles>
-
-      
-<component v-bind="properties" :style="css"  :is="tagName" >
-        <template v-if="componentRef">
-    <component v-bind="componentOptions" :children="useBlock.children"  :is="componentRef" ></component>
-  </template>
-        <template v-if="!componentRef && useBlock.children && useBlock.children.length">
-    
-          
-<template :key="index" v-for="(child, index) in useBlock.children">
-    <RenderBlock  :block="child" ></RenderBlock>
-  </template>
-
-        
-  </template>
-      </component>
-
-    
-  </template>
-
-  
-  </template>
-  <script>
-    
-  import  {  getBlockComponentOptions  }  from '../functions/get-block-component-options';
-import  {  getBlockProperties  }  from '../functions/get-block-properties';
-import  {  getBlockStyles  }  from '../functions/get-block-styles';
-import  {  getBlockTag  }  from '../functions/get-block-tag';
-import  {  components  }  from '../functions/register-component';
-import  BuilderContext,  {  }  from '../context/builder.context.lite';
-import  {  getBlockActions  }  from '../functions/get-block-actions';
-import  {  getProcessedBlock  }  from '../functions/get-processed-block';
-import  BlockStyles,  {  }  from './block-styles.lite';
-
-  
-
-
-    export default {
-      name: 'RenderBlock',
-      components: { BlockStyles },
-      props: ["block"],
-      
-      data: () => ({BlockStyles}),
-      
-
-      
-      inject: {
-    builderContext: "BuilderContext",
-  },
-
-      
-      
-
-      
-        computed: { component() {
-const componentName = this.useBlock.component?.name;
-
-if (!componentName) {
-  return null;
-}
-
-const ref = components[this.useBlock.component?.name];
-
-if (componentName && !ref) {
-  // TODO: Public doc page with more info about this message
-  console.warn(`
-        Could not find a registered component named "${componentName}". 
-        If you registered it, is the file that registered it imported by the file that needs to render it?`);
-}
-
-return ref;
-} , componentInfo() {
-return this.component?.info;
-} , componentRef() {
-return this.component?.component;
-} , tagName() {
-return getBlockTag(this.useBlock);
-} , properties() {
-return getBlockProperties(this.useBlock);
-} , useBlock() {
-return getProcessedBlock({
-  block: this.block,
-  state: builderContext.state,
-  context: builderContext.context
-});
-} , actions() {
-return getBlockActions({
-  block: this.useBlock,
-  state: builderContext.state,
-  context: builderContext.context
-});
-} , css() {
-return getBlockStyles(this.useBlock);
-} , componentOptions() {
-return getBlockComponentOptions(this.useBlock);
-} ,},
-      
-      
-    }
-  </script>

package/src/components/render-block_script.js

@@ -1,91 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_get_block_component_options = __toModule(require("../functions/get-block-component-options"));
-var import_get_block_properties = __toModule(require("../functions/get-block-properties"));
-var import_get_block_styles = __toModule(require("../functions/get-block-styles"));
-var import_get_block_tag = __toModule(require("../functions/get-block-tag"));
-var import_register_component = __toModule(require("../functions/register-component"));
-var import_builder = __toModule(require("../context/builder.context"));
-var import_get_block_actions = __toModule(require("../functions/get-block-actions"));
-var import_get_processed_block = __toModule(require("../functions/get-processed-block"));
-var import_block_styles = __toModule(require("./block-styles"));
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _vm.componentInfo.noWrap ? [_c("blockstyles", { attrs: { "block": _vm.useBlock } }), _vm._v(" "), _c(_vm.componentRef, _vm._b({ tag: "component", style: _vm.css, attrs: { "attributes": _vm.properties, "children": _vm.useBlock.children } }, "component", _vm.componentInfo.options, false))] : _vm._e();
-  },
-  staticRenderFns: [],
-  name: "RenderBlock",
-  components: { BlockStyles: import_block_styles.default },
-  props: ["block"],
-  data: () => ({ BlockStyles: import_block_styles.default }),
-  inject: {
-    builderContext: "BuilderContext"
-  },
-  computed: { component() {
-    var _a, _b;
-    const componentName = (_a = this.useBlock.component) == null ? void 0 : _a.name;
-    if (!componentName) {
-      return null;
-    }
-    const ref = import_register_component.components[(_b = this.useBlock.component) == null ? void 0 : _b.name];
-    if (componentName && !ref) {
-      console.warn(`
-        Could not find a registered component named "${componentName}". 
-        If you registered it, is the file that registered it imported by the file that needs to render it?`);
-    }
-    return ref;
-  }, componentInfo() {
-    var _a;
-    return (_a = this.component) == null ? void 0 : _a.info;
-  }, componentRef() {
-    var _a;
-    return (_a = this.component) == null ? void 0 : _a.component;
-  }, tagName() {
-    return (0, import_get_block_tag.getBlockTag)(this.useBlock);
-  }, properties() {
-    return (0, import_get_block_properties.getBlockProperties)(this.useBlock);
-  }, useBlock() {
-    return (0, import_get_processed_block.getProcessedBlock)({
-      block: this.block,
-      state: builderContext.state,
-      context: builderContext.context
-    });
-  }, actions() {
-    return (0, import_get_block_actions.getBlockActions)({
-      block: this.useBlock,
-      state: builderContext.state,
-      context: builderContext.context
-    });
-  }, css() {
-    return (0, import_get_block_styles.getBlockStyles)(this.useBlock);
-  }, componentOptions() {
-    return (0, import_get_block_component_options.getBlockComponentOptions)(this.useBlock);
-  } }
-};

package/src/components/render-blocks.js

@@ -1,29 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_render_blocks_script = __toModule(require("./render-blocks_script"));
-var import_render_blocks_styles = __toModule(require("./render-blocks_styles"));
-var stdin_default = import_render_blocks_script.default;

package/src/components/render-blocks.original.vue

@@ -1,75 +0,0 @@
-<template>
-    <div  class="div"  :builder-path="path"  :builder-parent-id="parent"  @click="onClick"  @mouseenter="onMouseEnter"  :class="_classStringToObject('builder-blocks' + (!props.blocks?.length ? ' no-blocks' : ''))" >
-    <template v-if="blocks">
-    
-      
-<template :key="index" v-for="(block, index) in blocks">
-    <RenderBlock  :block="block" ></RenderBlock>
-  </template>
-
-    
-  </template>
-  </div>
-  </template>
-  <script>
-    
-  import  {  isEditing  }  from '../functions/is-editing';
-import  RenderBlock,  {  }  from './render-block.lite';
-
-  
-
-
-    export default {
-      name: 'RenderBlocks',
-      components: { RenderBlock },
-      props: ["blocks","parent","path"],
-      
-      data: () => ({RenderBlock}),
-      
-
-      
-      
-
-      
-      
-
-      
-      
-        methods: { onClick() {
-if (isEditing() && !this.blocks?.length) {
-  window.parent?.postMessage({
-    type: 'builder.clickEmptyBlocks',
-    data: {
-      parentElementId: this.parent,
-      dataPath: this.path
-    }
-  }, '*');
-}
-} , onMouseEnter() {
-if (isEditing() && !this.blocks?.length) {
-  window.parent?.postMessage({
-    type: 'builder.hoverEmptyBlocks',
-    data: {
-      parentElementId: this.parent,
-      dataPath: this.path
-    }
-  }, '*');
-}
-} ,_classStringToObject(str) {
-      const obj = {};
-      if (typeof str !== 'string') { return obj }
-      const classNames = str.trim().split(/\s+/); 
-      for (const name of classNames) {
-        obj[name] = true;
-      } 
-      return obj;
-    }  },
-      
-    }
-  </script>
-  <style>
-    .div { 
-display: flex;
-flex-direction: column;
-align-items: stretch; }
-  </style>

package/src/components/render-blocks_script.js

@@ -1,76 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_is_editing = __toModule(require("../functions/is-editing"));
-var import_render_block = __toModule(require("./render-block"));
-var stdin_default = {
-  render: function() {
-    var _vm = this;
-    var _h = _vm.$createElement;
-    var _c = _vm._self._c || _h;
-    return _c("div", { staticClass: "div", class: _vm._classStringToObject("builder-blocks" + (!_vm.props.blocks.length ? " no-blocks" : "")), attrs: { "builder-path": _vm.path, "builder-parent-id": _vm.parent }, on: { "click": _vm.onClick, "mouseenter": _vm.onMouseEnter } }, [_vm.blocks ? [_vm._l(_vm.blocks, function(block, index) {
-      return [_c("renderblock", { attrs: { "block": block } })];
-    })] : _vm._e()], 2);
-  },
-  staticRenderFns: [],
-  name: "RenderBlocks",
-  components: { RenderBlock: import_render_block.default },
-  props: ["blocks", "parent", "path"],
-  data: () => ({ RenderBlock: import_render_block.default }),
-  methods: { onClick() {
-    var _a, _b;
-    if ((0, import_is_editing.isEditing)() && !((_a = this.blocks) == null ? void 0 : _a.length)) {
-      (_b = window.parent) == null ? void 0 : _b.postMessage({
-        type: "builder.clickEmptyBlocks",
-        data: {
-          parentElementId: this.parent,
-          dataPath: this.path
-        }
-      }, "*");
-    }
-  }, onMouseEnter() {
-    var _a, _b;
-    if ((0, import_is_editing.isEditing)() && !((_a = this.blocks) == null ? void 0 : _a.length)) {
-      (_b = window.parent) == null ? void 0 : _b.postMessage({
-        type: "builder.hoverEmptyBlocks",
-        data: {
-          parentElementId: this.parent,
-          dataPath: this.path
-        }
-      }, "*");
-    }
-  }, _classStringToObject(str) {
-    const obj = {};
-    if (typeof str !== "string") {
-      return obj;
-    }
-    const classNames = str.trim().split(/\s+/);
-    for (const name of classNames) {
-      obj[name] = true;
-    }
-    return obj;
-  } }
-};

package/src/components/render-blocks_styles.js

@@ -1,12 +0,0 @@
-const id = "4xg3fkq1m74";
-if (typeof document !== "undefined") {
-  if (!document.getElementById(id)) {
-    const style = document.createElement("style");
-    style.id = id;
-    style.innerHTML = `.div { 
-display: flex;
-flex-direction: column;
-align-items: stretch; }`;
-    document.head.appendChild(style);
-  }
-}

package/src/components/render-content.js

@@ -1,29 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  __markAsModule(target);
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  default: () => stdin_default
-});
-var import_render_content_script = __toModule(require("./render-content_script"));
-var import_render_content_styles = __toModule(require("./render-content_styles"));
-var stdin_default = import_render_content_script.default;

package/src/components/render-content.original.vue

@@ -1,95 +0,0 @@
-<template>
-    <div  @click="
-track('click', {
-  contentId: content.id
-});
-"  :data-builder-content-id="content?.id" >
-    <template v-if="useContent?.data?.cssCode && !isReactNative()">
-    <component  is="style" >{{useContent.data.cssCode}}</component>
-  </template>
-    <template :key="block.id" v-for="(block, index) in useContent?.data?.blocks">
-    <RenderBlock  :block="block" ></RenderBlock>
-  </template>
-  </div>
-  </template>
-  <script>
-    
-  import  {  isBrowser  }  from '../functions/is-browser';
-import  RenderBlock,  {  }  from './render-block.lite';
-import  BuilderContext,  {  }  from '../context/builder.context.lite';
-import  {  track  }  from '../functions/track';
-import  {  ifTarget  }  from '../functions/if-target';
-import  {  onChange  }  from '../functions/on-change';
-import  {  isReactNative  }  from '../functions/is-react-native';
-
-  
-
-
-    export default {
-      name: 'RenderContent',
-      components: { RenderBlock },
-      props: ["content","model"],
-      
-      data: () => ({  update: 0,   state: {},   context: {},   overrideContent: null, RenderBlock,track,isReactNative}),
-      
-
-      provide() {
-              const _this = this;
-              return {
-    BuilderContext: { get content() {
-return _this.content;
-} , get state() {
-return _this.state;
-} , get context() {
-return _this.context;
-} ,},
-  }
-            },
-      
-
-      mounted() {
-              if (isBrowser()) {
-window.addEventListener('message', this.processMessage); // TODO: run this when content is defined
-// track('impression', {
-//   contentId: this.content!.id,
-// });
-}
-            },
-      
-
-      
-        computed: { useContent() {
-return this.overrideContent || this.content;
-} ,},
-      
-      
-        methods: { processMessage(event) {
-const {
-  data
-} = event;
-
-if (data) {
-  switch (data.type) {
-    case 'builder.contentUpdate':
-      {
-        const key = data.data.key || data.data.alias || data.data.entry || data.data.modelName;
-        const contentData = data.data.data; // oof
-
-        if (key === this.model) {
-          this.overrideContent = contentData;
-        }
-
-        break;
-      }
-
-    case 'builder.patchUpdates':
-      {
-        // TODO
-        break;
-      }
-  }
-}
-} ,},
-      
-    }
-  </script>