@builder.io/sdk-vue 0.0.3-1 → 0.0.3

package/README.md

@@ -14,24 +14,12 @@ To check the status of the SDK, look at [these tables](../../README.md#feature-i
 
 ## Version Support
 
-Legend:
-
-- ✅: implemented
-- 🏗: currently in progress
-- ⚠️: not-yet implemented
-- N/A : does not apply
-
-| Platform | Support |
-| -------- | ------- |
-| Vue 2    | 🏗       |
-| Nuxt 2   | 🏗       |
-| Vue 3    | 🏗       |
-| Nuxt 3   | ✅      |
+This SDK supports Vue >2.7, Vue 3+, Nuxt 2 & Nuxt 3.
 
 ## Getting Started
 
 ```
-npm install @builder.io/sdk-vue@dev
+npm install @builder.io/sdk-vue
 ```
 
 ## Usage

package/package.json

@@ -4,7 +4,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "version": "0.0.3-1",
+  "version": "0.0.3",
   "dependencies": {
     "node-fetch": "^2.6.1"
   },
@@ -24,10 +24,12 @@
       "import": "./packages/_vue2/dist/sdk.js",
       "require": "./packages/_vue2/dist/sdk.cjs"
     },
+    "./vue2/css": "./packages/_vue2/dist/style.css",
     "./vue3": {
       "import": "./packages/_vue3/dist/sdk.js",
       "require": "./packages/_vue3/dist/sdk.cjs"
     },
+    "./vue3/css": "./packages/_vue3/dist/style.css",
     "./nuxt": {
       "import": "./nuxt.js",
       "require": "./nuxt.js"
@@ -42,13 +44,12 @@
     "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 && yarn version prerelease && npm publish --tag dev --access public"
+    "release:dev": "yarn run build && npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
   },
   "peerDependencies": {
     "vue": ">= 2"
   },
   "devDependencies": {
     "vue": "^2.7"
-  },
-  "stableVersion": "0.0.3-0"
+  }
 }

package/packages/_vue2/dist/{block-styles.c531694e.cjs → block-styles.7d59e6ba.cjs}

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.e85eb7cf.cjs"),d=require("./get-processed-block.6a23a7de.cjs"),u={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},c=e=>`@media (max-width: ${u[e].max}px)`,y=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),p=e=>Object.entries(e).map(([t,n])=>{if(typeof n=="string")return`${y(t)}: ${n};`}).join(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.1d7bcb8c.cjs"),m=require("./get-processed-block.c83086c1.cjs"),u={small:{min:320,default:321,max:640},medium:{min:641,default:642,max:991},large:{min:990,default:991,max:1200}},c=e=>`@media (max-width: ${u[e].max}px)`,y=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),p=e=>Object.entries(e).map(([t,n])=>{if(typeof n=="string")return`${y(t)}: ${n};`}).join(`
 `),o=({mediaQuery:e,className:s,styles:t})=>{const n=`.${s} {
     ${p(t)}
   }`;return e?`${e} {
       ${n}
-    }`:n},S=()=>Promise.resolve().then(()=>require("./render-inlined-styles.9b6439ce.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}),f={name:"block-styles",components:{RenderInlinedStyles:S},props:["block","context"],data:()=>({TARGET:r.TARGET}),computed:{useBlock(){return d.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},css(){const e=this.useBlock.responsiveStyles,s=e==null?void 0:e.large,t=e==null?void 0:e.medium,n=e==null?void 0:e.small,l=this.useBlock.id,a=s?o({className:l,styles:s}):"",i=t?o({className:l,styles:t,mediaQuery:c("medium")}):"",m=n?o({className:l,styles:n,mediaQuery:c("small")}):"";return[a,i,m].join(" ")}}};var x=function(){var s=this,t=s._self._c;return s.TARGET!=="reactNative"&&s.css?t("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},_=[],g=r.normalizeComponent(f,x,_,!1,null,null,null,null);const h=g.exports;exports.default=h;
+    }`:n},S=()=>Promise.resolve().then(()=>require("./render-inlined-styles.d903e589.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}),f={name:"block-styles",components:{RenderInlinedStyles:S},props:["block","context"],data:()=>({TARGET:r.TARGET}),computed:{useBlock(){return m.getProcessedBlock({block:this.block,state:this.context.state,context:this.context.context,shouldEvaluateBindings:!0})},css(){const e=this.useBlock.responsiveStyles,s=e==null?void 0:e.large,t=e==null?void 0:e.medium,n=e==null?void 0:e.small,l=this.useBlock.id,a=s?o({className:l,styles:s}):"",i=t?o({className:l,styles:t,mediaQuery:c("medium")}):"",d=n?o({className:l,styles:n,mediaQuery:c("small")}):"";return[a,i,d].join(" ")}}};var x=function(){var s=this,t=s._self._c;return s.TARGET!=="reactNative"&&s.css?t("render-inlined-styles",{attrs:{styles:s.css}}):s._e()},_=[],g=r.normalizeComponent(f,x,_,!1,null,null,null,null);const h=g.exports;exports.default=h;

package/packages/_vue2/dist/{block-styles.234651b2.js → block-styles.bc1f94cc.js}

@@ -1,5 +1,5 @@
-import { T as m, n as d } from "./index.19474a4f.js";
-import { g as u } from "./get-processed-block.1ba91586.js";
+import { T as m, n as d } from "./index.02cbe11b.js";
+import { g as u } from "./get-processed-block.73e1ad82.js";
 const p = {
   small: {
     min: 320,
@@ -31,7 +31,7 @@ const p = {
   return e ? `${e} {
       ${n}
     }` : n;
-}, S = () => import("./render-inlined-styles.b6534355.js").then((e) => e.default).catch((e) => {
+}, S = () => import("./render-inlined-styles.198fc516.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
     e

package/packages/_vue2/dist/get-processed-block.73e1ad82.js

@@ -0,0 +1,40 @@
+import { f as a, e as u } from "./index.02cbe11b.js";
+const f = (n, r, i) => {
+  if (Object(n) !== n)
+    return n;
+  const e = Array.isArray(r) ? r : r.toString().match(/[^.[\]]+/g);
+  return e.slice(0, -1).reduce(
+    (t, s, o) => Object(t[s]) === t[s] ? t[s] : t[s] = Math.abs(Number(e[o + 1])) >> 0 === +e[o + 1] ? [] : {},
+    n
+  )[e[e.length - 1]] = i, n;
+};
+const d = ({
+  block: n,
+  context: r,
+  state: i
+}) => {
+  if (!n.bindings)
+    return n;
+  const e = a(n), t = {
+    ...e,
+    properties: { ...e.properties },
+    actions: { ...e.actions }
+  };
+  for (const s in n.bindings) {
+    const o = n.bindings[s], c = u({ code: o, state: i, context: r });
+    f(t, s, c);
+  }
+  return t;
+};
+function p({
+  block: n,
+  context: r,
+  shouldEvaluateBindings: i,
+  state: e
+}) {
+  const t = n;
+  return i ? d({ block: t, state: e, context: r }) : t;
+}
+export {
+  p as g
+};

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

@@ -0,0 +1 @@
+"use strict";const o=require("./index.1d7bcb8c.cjs"),d=(e,r,i)=>{if(Object(e)!==e)return e;const n=Array.isArray(r)?r:r.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((t,s,c)=>Object(t[s])===t[s]?t[s]:t[s]=Math.abs(Number(n[c+1]))>>0===+n[c+1]?[]:{},e)[n[n.length-1]]=i,e};const a=({block:e,context:r,state:i})=>{if(!e.bindings)return e;const n=o.fastClone(e),t={...n,properties:{...n.properties},actions:{...n.actions}};for(const s in e.bindings){const c=e.bindings[s],u=o.evaluate({code:c,state:i,context:r});d(t,s,u)}return t};function g({block:e,context:r,shouldEvaluateBindings:i,state:n}){const t=e;return i?a({block:t,state:n,context:r}):t}exports.getProcessedBlock=g;