@builder.io/sdk-svelte 0.0.1-1 → 0.0.1-4

package/package.json

@@ -1,12 +1,23 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "0.0.1-1",
-  "dependencies": {
-    "node-fetch": "^2.6.1"
+  "version": "0.0.1-4",
+  "type": "module",
+  "files": [
+    "src"
+  ],
+  "main": "./src/index.js",
+  "module": "./src/index.js",
+  "exports": {
+    ".": {
+      "import": "./src/index.js",
+      "require": "./src/index.js"
+    }
   },
-  "main": "src/index.js",
   "scripts": {
     "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
+  },
+  "dependencies": {
+    "node-fetch": "^2.6.1"
   }
 }

package/src/blocks/button/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
+import { registerComponent } from "../../functions/register-component.js";
 import component from "./button.svelte";
-import { componentInfo } from "./component-info";
+import { componentInfo } from "./component-info.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/columns/index.js

@@ -1,6 +1,6 @@
-import { registerComponent } from "../../functions/register-component";
+import { registerComponent } from "../../functions/register-component.js";
 import component from "./columns.svelte";
-import { componentInfo } from "./component-info";
+import { componentInfo } from "./component-info.js";
 var stdin_default = registerComponent(component, componentInfo);
 export {
   stdin_default as default

package/src/blocks/custom-code/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./custom-code.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/embed/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./embed.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/form/form.svelte

@@ -4,7 +4,7 @@
     
     
   import  RenderBlock,  {  }  from '../../components/render-block/render-block.svelte';
-import  {  isEditing  }  from '../../functions/is-editing';
+import  {  isEditing  }  from '../../functions/is-editing.js';
 
   
 

package/src/blocks/form/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./form.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/fragment/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./fragment.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/image/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./image.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/img/img.svelte

@@ -3,7 +3,7 @@
     
     
     
-  import  {  isEditing  }  from '../../functions/is-editing';
+  import  {  isEditing  }  from '../../functions/is-editing.js';
 
   
 

package/src/blocks/img/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./img.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/input/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./input.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/input/input.svelte

@@ -3,7 +3,7 @@
   
   
   
-import  {  isEditing  }  from '../../functions/is-editing';
+import  {  isEditing  }  from '../../functions/is-editing.js';
 
 
 

package/src/blocks/raw-text/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./raw-text.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/section/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./section.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/select/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./select.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/select/select.svelte

@@ -3,7 +3,7 @@
   
   
   
-import  {  isEditing  }  from '../../functions/is-editing';
+import  {  isEditing  }  from '../../functions/is-editing.js';
 
 
 

package/src/blocks/submit-button/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./submit-button.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/symbol/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./symbol.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/symbol/symbol.svelte

@@ -5,7 +5,7 @@
     
   import  RenderContent,  {  }  from '../../components/render-content/render-content.svelte';
 import  BuilderContext,  {  }  from '../../context/builder.context';
-import  {  getContent  }  from '../../functions/get-content';
+import  {  getContent  }  from '../../functions/get-content/index.js';
 
   
 

package/src/blocks/text/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./text.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/textarea/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./textarea.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/blocks/video/index.js

@@ -1,5 +1,5 @@
-import { registerComponent } from "../../functions/register-component";
-import { componentInfo } from "./component-info";
+import { registerComponent } from "../../functions/register-component.js";
+import { componentInfo } from "./component-info.js";
 import component from "./video.svelte";
 var stdin_default = registerComponent(component, componentInfo);
 export {

package/src/components/render-block/render-block.svelte

@@ -3,15 +3,15 @@
     
     
     
-  import  {  TARGET  }  from '../../constants/target';
+  import  {  TARGET  }  from '../../constants/target.js';
 import  BuilderContext,  {  }  from '../../context/builder.context';
-import  {  getBlockActions  }  from '../../functions/get-block-actions';
-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  {  getProcessedBlock  }  from '../../functions/get-processed-block';
-import  {  components  }  from '../../functions/register-component';
+import  {  getBlockActions  }  from '../../functions/get-block-actions.js';
+import  {  getBlockComponentOptions  }  from '../../functions/get-block-component-options.js';
+import  {  getBlockProperties  }  from '../../functions/get-block-properties.js';
+import  {  getBlockStyles  }  from '../../functions/get-block-styles.js';
+import  {  getBlockTag  }  from '../../functions/get-block-tag.js';
+import  {  getProcessedBlock  }  from '../../functions/get-processed-block.js';
+import  {  components  }  from '../../functions/register-component.js';
 import  BlockStyles,  {  }  from './block-styles.svelte';
 
   

package/src/components/render-blocks.svelte

@@ -3,7 +3,7 @@
     
     
     
-  import  {  isEditing  }  from '../functions/is-editing';
+  import  {  isEditing  }  from '../functions/is-editing.js';
 import  RenderBlock,  {  }  from './render-block/render-block.svelte';
 
   

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

@@ -3,17 +3,17 @@
     import { afterUpdate } from 'svelte'
     import { onDestroy } from 'svelte'
     
-  import  {  TARGET  }  from '../../constants/target';
+  import  {  TARGET  }  from '../../constants/target.js';
 import  BuilderContext,  {  }  from '../../context/builder.context';
-import  {  evaluate  }  from '../../functions/evaluate';
-import  {  convertSearchParamsToQueryObject  ,  getBuilderSearchParams  }  from '../../functions/get-builder-search-params';
-import  {  getContent  }  from '../../functions/get-content';
-import  {  getFetch  }  from '../../functions/get-fetch';
-import  {  isBrowser  }  from '../../functions/is-browser';
-import  {  isEditing  }  from '../../functions/is-editing';
-import  {  isPreviewing  }  from '../../functions/is-previewing';
-import  {  previewingModelName  }  from '../../functions/previewing-model-name';
-import  {  track  }  from '../../functions/track';
+import  {  evaluate  }  from '../../functions/evaluate.js';
+import  {  convertSearchParamsToQueryObject  ,  getBuilderSearchParams  }  from '../../functions/get-builder-search-params/index.js';
+import  {  getContent  }  from '../../functions/get-content/index.js';
+import  {  getFetch  }  from '../../functions/get-fetch.js';
+import  {  isBrowser  }  from '../../functions/is-browser.js';
+import  {  isEditing  }  from '../../functions/is-editing.js';
+import  {  isPreviewing  }  from '../../functions/is-previewing.js';
+import  {  previewingModelName  }  from '../../functions/previewing-model-name.js';
+import  {  track  }  from '../../functions/track.js';
 import  RenderBlocks,  {  }  from '../render-blocks.svelte';
 import  RenderContentStyles,  {  }  from './components/render-styles.svelte';
 

package/src/components/render-inlined-styles.svelte

@@ -3,7 +3,7 @@
     
     
     
-  import  {  TARGET  }  from '../constants/target';
+  import  {  TARGET  }  from '../constants/target.js';
 
   
 

package/src/functions/evaluate.js

@@ -1,5 +1,5 @@
-import { isBrowser } from "./is-browser";
-import { isEditing } from "./is-editing";
+import { isBrowser } from "./is-browser.js";
+import { isEditing } from "./is-editing.js";
 function evaluate({
   code,
   context,

package/src/functions/get-block-actions.js

@@ -1,5 +1,5 @@
-import { evaluate } from "./evaluate";
-import { getEventHandlerName } from "./event-handler-name";
+import { evaluate } from "./evaluate.js";
+import { getEventHandlerName } from "./event-handler-name.js";
 function getBlockActions(options) {
   var _a;
   const obj = {};

package/src/functions/get-block-styles.js

@@ -14,7 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { sizes } from "../constants/device-sizes";
+import { sizes } from "../constants/device-sizes.js";
 function getBlockStyles(block) {
   var _a, _b, _c, _d, _e;
   const styles = __spreadValues(__spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large), block.styles);

package/src/functions/get-content/fn.test.js

@@ -1,4 +1,4 @@
-import { generateContentUrl } from ".";
+import { generateContentUrl } from "..js";
 const testKey = "YJIGb4i01jvw0SRdL5Bt";
 const testModel = "page";
 const testId = "c1b81bab59704599b997574eb0736def";

package/src/functions/get-content/index.js

@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getFetch } from "../get-fetch";
+import { getFetch } from "../get-fetch.js";
 const fetch$ = getFetch();
 function flatten(object, path = null, separator = ".") {
   return Object.keys(object).reduce((acc, key) => {

package/src/functions/get-fetch.js

@@ -18,7 +18,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getGlobalThis } from "./get-global-this";
+import { getGlobalThis } from "./get-global-this.js";
 function getFetch() {
   return __async(this, null, function* () {
     const globalFetch = getGlobalThis().fetch;

package/src/functions/get-processed-block.js

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { evaluate } from "./evaluate";
-import { set } from "./set";
-import { transformBlock } from "./transform-block";
+import { evaluate } from "./evaluate.js";
+import { set } from "./set.js";
+import { transformBlock } from "./transform-block.js";
 function getProcessedBlock(options) {
   const { state, context } = options;
   const block = transformBlock(options.block);

package/src/functions/get-processed-block.test.js

@@ -1,4 +1,4 @@
-import { getProcessedBlock } from "./get-processed-block";
+import { getProcessedBlock } from "./get-processed-block.js";
 test("Can process bindings", () => {
   var _a, _b, _c, _d, _e, _f;
   const block = {

package/src/functions/if-target.js

@@ -1,4 +1,4 @@
-import { TARGET } from "../constants/target";
+import { TARGET } from "../constants/target.js";
 function ifTarget({
   targets,
   doThing,

package/src/functions/is-editing.js

@@ -1,4 +1,4 @@
-import { isIframe } from "./is-iframe";
+import { isIframe } from "./is-iframe.js";
 function isEditing() {
   return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
 }

package/src/functions/is-iframe.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "./is-browser";
+import { isBrowser } from "./is-browser.js";
 function isIframe() {
   return isBrowser() && window.self !== window.top;
 }

package/src/functions/is-previewing.js

@@ -1,5 +1,5 @@
-import { isBrowser } from "./is-browser";
-import { isEditing } from "./is-editing";
+import { isBrowser } from "./is-browser.js";
+import { isEditing } from "./is-editing.js";
 function isPreviewing() {
   if (!isBrowser()) {
     return false;

package/src/functions/on-change.test.js

@@ -1,4 +1,4 @@
-import { onChange } from "./on-change";
+import { onChange } from "./on-change.js";
 test("onChange can observe a shallow change", () => {
   let changeHappend = false;
   const obj = onChange({ foo: "hi" }, () => changeHappend = true);

package/src/functions/previewing-model-name.js

@@ -1,4 +1,4 @@
-import { isPreviewing } from "./is-previewing";
+import { isPreviewing } from "./is-previewing.js";
 function previewingModelName() {
   if (!isPreviewing()) {
     return null;

package/src/functions/register-component.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { isBrowser } from "./is-browser";
+import { isBrowser } from "./is-browser.js";
 const components = {};
 function registerComponent(component, info) {
   var _a;

package/src/functions/register.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "./is-browser";
+import { isBrowser } from "./is-browser.js";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];

package/src/functions/set-editor-settings.js

@@ -1,4 +1,4 @@
-import { isBrowser } from "./is-browser";
+import { isBrowser } from "./is-browser.js";
 const settings = {};
 function setEditorSettings(newSettings) {
   if (isBrowser()) {

package/src/functions/set.test.js

@@ -1,4 +1,4 @@
-import { set } from "./set";
+import { set } from "./set.js";
 test("can shallow set a property", () => {
   const obj = { foo: "bar" };
   set(obj, "foo", "baz");

package/src/functions/track.js

@@ -1,6 +1,6 @@
-import { TARGET } from "../constants/target";
-import { isBrowser } from "./is-browser";
-import { isEditing } from "./is-editing";
+import { TARGET } from "../constants/target.js";
+import { isBrowser } from "./is-browser.js";
+import { isEditing } from "./is-editing.js";
 function track(event, properties) {
   if (isEditing()) {
     return;

package/src/index-helpers/blocks-exports.js

@@ -1,11 +1,11 @@
-import { default as default2 } from "../blocks/columns";
-import { default as default3 } from "../blocks/image";
-import { default as default4 } from "../blocks/text";
-import { default as default5 } from "../blocks/video";
-import { default as default6 } from "../blocks/symbol";
-import { default as default7 } from "../blocks/button";
-import { default as default8 } from "../blocks/section";
-import { default as default9 } from "../blocks/fragment";
+import { default as default2 } from "../blocks/columns/index.js";
+import { default as default3 } from "../blocks/image/index.js";
+import { default as default4 } from "../blocks/text/index.js";
+import { default as default5 } from "../blocks/video/index.js";
+import { default as default6 } from "../blocks/symbol/index.js";
+import { default as default7 } from "../blocks/button/index.js";
+import { default as default8 } from "../blocks/section/index.js";
+import { default as default9 } from "../blocks/fragment/index.js";
 import { default as default10 } from "../components/render-content/render-content.svelte";
 export {
   default7 as Button,

package/src/index.js

@@ -1,10 +1,10 @@
-import "./index-helpers/top-of-file";
-import "./scripts/init-editing";
-export * from "./index-helpers/blocks-exports";
-export * from "./functions/is-editing";
-export * from "./functions/is-previewing";
-export * from "./functions/register-component";
-export * from "./functions/register";
-export * from "./functions/set-editor-settings";
-export * from "./functions/get-content";
-export * from "./functions/get-builder-search-params";
+import "./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";
+export * from "./functions/register-component.js";
+export * from "./functions/register.js";
+export * from "./functions/set-editor-settings.js";
+export * from "./functions/get-content/index.js";
+export * from "./functions/get-builder-search-params/index.js";

package/src/scripts/init-editing.js

@@ -1,7 +1,7 @@
-import { TARGET } from "../constants/target";
-import { isBrowser } from "../functions/is-browser";
-import { isEditing } from "../functions/is-editing";
-import { register } from "../functions/register";
+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", {
     name: "_default",