@builder.io/sdk-vue 0.0.1 → 0.0.2-1

package/package.json

@@ -2,28 +2,31 @@
   "name": "@builder.io/sdk-vue",
   "description": "Builder.io SDK for Vue",
   "workspaces": [
-    "vue2",
-    "vue3"
+    "packages/*"
   ],
-  "version": "0.0.1",
+  "version": "0.0.2-1",
   "dependencies": {
     "node-fetch": "^2.6.1"
   },
-  "main": "./dist/vue-2/sdk.js",
-  "module": "./dist/vue-2/sdk.js",
+  "main": "./packages/_vue2/dist/sdk.js",
+  "module": "./packages/_vue2/dist/sdk.js",
   "type": "module",
+  "files": [
+    "packages/_vue2/dist",
+    "packages/_vue3/dist"
+  ],
   "exports": {
     ".": {
-      "import": "./dist/vue-2/sdk.js",
-      "require": "./dist/vue-2/sdk.cjs"
+      "import": "./packages/_vue2/dist/sdk.js",
+      "require": "./packages/_vue2/dist/sdk.cjs"
     },
     "./vue2": {
-      "import": "./dist/vue-2/sdk.js",
-      "require": "./dist/vue-2/sdk.cjs"
+      "import": "./packages/_vue2/dist/sdk.js",
+      "require": "./packages/_vue2/dist/sdk.cjs"
     },
     "./vue3": {
-      "import": "./dist/vue-3/sdk.js",
-      "require": "./dist/vue-3/sdk.cjs"
+      "import": "./packages/_vue3/dist/sdk.js",
+      "require": "./packages/_vue3/dist/sdk.cjs"
     },
     "./nuxt": {
       "import": "./nuxt.js",
@@ -35,8 +38,9 @@
     }
   },
   "scripts": {
-    "clear-dist": "rm -rf dist && mkdir dist",
-    "build": "yarn run clear-dist && yarn workspaces foreach run build",
+    "add-debug": "bash ./scripts/add-debug.sh",
+    "remove-debug": "bash ./scripts/remove-debug.sh",
+    "build": "yarn workspaces foreach run build",
     "release:patch": "yarn run build && npm version patch --no-git-tag-version && npm publish --access public",
     "release:dev": "yarn run build && npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
   },

package/packages/_vue2/dist/block-styles.4b780e2e.js

@@ -0,0 +1,56 @@
+import { g as l, a as r } from "./get-processed-block.1b0392ce.js";
+import { T as c, n as i } from "./index.35b10c2f.js";
+const a = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => Object.entries(e).map(([s, n]) => {
+  if (typeof n == "string")
+    return `${a(s)}: ${n};`;
+}).join(`
+`), d = () => import("./render-inlined-styles.f67a4c7d.js").then((e) => e.default).catch((e) => {
+  throw console.error(
+    "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
+    e
+  ), e;
+}), m = {
+  name: "block-styles",
+  components: { "render-inlined-styles": d },
+  props: ["block", "context"],
+  data: () => ({ TARGET: c }),
+  computed: {
+    useBlock() {
+      return l({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    css() {
+      const e = this.useBlock.responsiveStyles, t = e == null ? void 0 : e.large, s = e == null ? void 0 : e.medium, n = e == null ? void 0 : e.small;
+      return `
+      ${t ? `.${this.useBlock.id} {${o(t)}}` : ""}
+      ${s ? `${r("medium")} {
+            .${this.useBlock.id} {${o(s)}}
+          }` : ""}
+      ${n ? `${r("small")} {
+            .${this.useBlock.id} {${o(n)}}
+          }` : ""}
+    }`;
+    }
+  }
+};
+var u = function() {
+  var t = this, s = t._self._c;
+  return t.TARGET === "vue2" || t.TARGET === "vue3" || t.TARGET === "svelte" || t.TARGET === "qwik" ? s("render-inlined-styles", { attrs: { styles: t.css } }) : t._e();
+}, p = [], _ = /* @__PURE__ */ i(
+  m,
+  u,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const f = _.exports;
+export {
+  f as default
+};

package/packages/_vue2/dist/block-styles.d7caff48.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./get-processed-block.a69f90d1.cjs"),c=require("./index.e881a81c.cjs"),l=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),r=e=>Object.entries(e).map(([s,n])=>{if(typeof n=="string")return`${l(s)}: ${n};`}).join(`
+`),i=()=>Promise.resolve().then(()=>require("./render-inlined-styles.c3478295.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),a={name:"block-styles",components:{"render-inlined-styles":i},props:["block","context"],data:()=>({TARGET:c.TARGET}),computed:{useBlock(){return o.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},css(){const e=this.useBlock.responsiveStyles,t=e==null?void 0:e.large,s=e==null?void 0:e.medium,n=e==null?void 0:e.small;return`
+      ${t?`.${this.useBlock.id} {${r(t)}}`:""}
+      ${s?`${o.getMaxWidthQueryForSize("medium")} {
+            .${this.useBlock.id} {${r(s)}}
+          }`:""}
+      ${n?`${o.getMaxWidthQueryForSize("small")} {
+            .${this.useBlock.id} {${r(n)}}
+          }`:""}
+    }`}}};var d=function(){var t=this,s=t._self._c;return t.TARGET==="vue2"||t.TARGET==="vue3"||t.TARGET==="svelte"||t.TARGET==="qwik"?s("render-inlined-styles",{attrs:{styles:t.css}}):t._e()},u=[],m=c.normalizeComponent(a,d,u,!1,null,null,null,null);const p=m.exports;exports.default=p;

package/packages/_vue2/dist/get-processed-block.1b0392ce.js

@@ -0,0 +1,57 @@
+import { e as o } from "./index.35b10c2f.js";
+const u = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, f = (e) => `@media (max-width: ${u[e].max}px)`, m = (e, r, s) => {
+  if (Object(e) !== e)
+    return e;
+  const t = Array.isArray(r) ? r : r.toString().match(/[^.[\]]+/g);
+  return t.slice(0, -1).reduce(
+    (n, i, a) => Object(n[i]) === n[i] ? n[i] : n[i] = Math.abs(Number(t[a + 1])) >> 0 === +t[a + 1] ? [] : {},
+    e
+  )[t[t.length - 1]] = s, e;
+};
+const c = ({
+  block: e,
+  context: r,
+  state: s
+}) => {
+  if (!e.bindings)
+    return e;
+  const t = {
+    ...e,
+    properties: { ...e.properties },
+    actions: { ...e.actions }
+  };
+  for (const n in e.bindings) {
+    const i = e.bindings[n], a = o({ code: i, state: s, context: r });
+    m(t, n, a);
+  }
+  return t;
+};
+function g({
+  block: e,
+  context: r,
+  shouldEvaluateBindings: s,
+  state: t
+}) {
+  const n = e;
+  return s ? c({ block: n, state: t, context: r }) : n;
+}
+export {
+  f as a,
+  g
+};

package/packages/_vue2/dist/get-processed-block.a69f90d1.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("./index.e881a81c.cjs"),o={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},u=e=>`@media (max-width: ${o[e].max}px)`,d=(e,r,s)=>{if(Object(e)!==e)return e;const t=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return t.slice(0,-1).reduce((n,i,a)=>Object(n[i])===n[i]?n[i]:n[i]=Math.abs(Number(t[a+1]))>>0===+t[a+1]?[]:{},e)[t[t.length-1]]=s,e};const m=({block:e,context:r,state:s})=>{if(!e.bindings)return e;const t={...e,properties:{...e.properties},actions:{...e.actions}};for(const n in e.bindings){const i=e.bindings[n],a=c.evaluate({code:i,state:s,context:r});d(t,n,a)}return t};function g({block:e,context:r,shouldEvaluateBindings:s,state:t}){const n=e;return s?m({block:n,state:t,context:r}):n}exports.getMaxWidthQueryForSize=u;exports.getProcessedBlock=g;