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

package/CHANGELOG.md

@@ -0,0 +1,53 @@
+### 0.0.1-56
+
+- Feature: We now provide initial support for Vue 3.
+
+🧨 Breaking change: you must now explicitly import the Vue SDK version that you want (for Vue 2 or Vue 3) e.g.
+
+```ts
+// imports Vue 2 SDK
+import * as BuilderSDK from '@builder.io/sdk-vue/vue2';
+// fallback to Vue 2 SDK
+import * as BuilderSDK from '@builder.io/sdk-vue';
+
+// imports Vue 3 SDK
+import * as BuilderSDK from '@builder.io/sdk-vue/vue3';
+```
+
+### 0.0.1-54
+
+🐛 Fix: custom components were not rendering correctly
+🐛 Fix: Image component's `srcSet` was not being set correctly
+
+### 0.0.1-52
+
+🧨 Breaking change: the format of the `customComponents` prop has changed from `[{ component, info }]` to `[{ component, ...info }]`.
+See [builder-registered-components.ts](/packages/sdks/src/constants/builder-registered-components.ts) for examples of how to do so, or see the example provided for this SDK.
+
+### 0.0.1-51
+
+⚠️ Deprecation notice: Registering components via `registerComponent(component, info)` is now deprecated.
+To register your custom components in Builder, you must now provide a `customComponents` array to the `RenderContent` component containing `[{ component, info }]`.
+See [builder-registered-components.ts](/packages/sdks/src/constants/builder-registered-components.ts) for examples of how to do so, or see the example provided for this SDK.
+
+### 0.0.1-50
+
+- feat: 🎸 export `isPreviewing()` (https://github.com/BuilderIO/builder/pull/951)
+- feat: 🎸 Add support for Symbols (https://github.com/BuilderIO/builder/pull/951)
+- feat: 🎸 Add support for Data Bindings https://github.com/BuilderIO/builder/pull/970
+
+- BREAKING CHANGE: 🧨 RenderContent must now be provided the `apiKey` as a prop (https://github.com/BuilderIO/builder/pull/951)
+
+### 0.0.1-49
+
+- Fix: show the "+ add block" button on empty pages https://github.com/BuilderIO/builder/pull/934
+- Add `getBuilderSearchParams` helper export to easily view current drafts on your production site. https://github.com/BuilderIO/builder/pull/883
+
+### 0.0.1-48
+
+Changes:
+
+- Adds support for Columns https://github.com/BuilderIO/builder/pull/717
+- Add preliminary support for Children within custom components https://github.com/BuilderIO/builder/pull/753
+- Seeds classnames to reduce variation in changes https://github.com/BuilderIO/builder/pull/703
+- Fixes `getAllContent` to traverse all symbols/references https://github.com/BuilderIO/builder/pull/718

package/README.md

@@ -0,0 +1,44 @@
+# Builder.io Vue 2.0 SDK (BETA)
+
+This is the 2.0 Vue SDK. It is currently in beta.
+
+NOTE: If you are looking for the stable 1.0 Vue SDK, you can find it [here](/packages/vue)
+
+## Mitosis
+
+This SDK is generated by [Mitosis](https://github.com/BuilderIO/mitosis). To see the Mitosis source-code, go [here](../../).
+
+## Feature Support
+
+To check the status of the SDK, look at [these tables](../../README.md#feature-implementation).
+
+## 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   | ✅      |
+
+## Getting Started
+
+```
+npm install @builder.io/sdk-vue@dev
+```
+
+## Usage
+
+You can see examples of using Builder.io:
+
+- with Vue 2 [here](/examples/vue/vue-2/)
+- with Nuxt 2 [here](/examples/vue/nuxt-2/)
+- with Vue Storefront 2 [here](/examples/vue/vue-storefront-2)
+- with Vue 3 [here](/examples/vue/vue-3/)

package/dist/vue-2/block-styles.3f130795.js

@@ -0,0 +1,67 @@
+import { n as r, T as c } from "./index.0622ae10.js";
+import { g as a } from "./get-processed-block.c01e4ddc.js";
+const i = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, l = (e) => `@media (max-width: ${i[e].max}px)`, m = (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 `${m(s)}: ${n};`;
+}).join(`
+`), u = () => import("./render-inlined-styles.7974da9f.js").then((e) => e.default), d = {
+  name: "block-styles",
+  components: { "render-inlined-styles": u },
+  props: ["block", "context"],
+  data: () => ({ TARGET: c }),
+  computed: {
+    useBlock() {
+      return a({
+        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 ? `${l("medium")} {
+            .${this.useBlock.id} {${o(s)}}
+          }` : ""}
+      ${n ? `${l("small")} {
+            .${this.useBlock.id} {${o(n)}}
+          }` : ""}
+    }`;
+    }
+  }
+};
+var p = function() {
+  var t = this, s = t._self._c;
+  return t.TARGET === "vue2" || t.TARGET === "vue3" || t.TARGET === "svelte" ? s("render-inlined-styles", { attrs: { styles: t.css } }) : t._e();
+}, $ = [], f = /* @__PURE__ */ r(
+  d,
+  p,
+  $,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const h = f.exports;
+export {
+  h as default
+};

package/dist/vue-2/block-styles.da610cf5.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index.dcdf302c.cjs"),r=require("./get-processed-block.2bcd0d2b.cjs"),i={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: ${i[e].max}px)`,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=()=>Promise.resolve().then(()=>require("./render-inlined-styles.b3a06398.cjs")).then(e=>e.default),u={name:"block-styles",components:{"render-inlined-styles":d},props:["block","context"],data:()=>({TARGET:l.TARGET}),computed:{useBlock(){return r.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} {${o(t)}}`:""}
+      ${s?`${c("medium")} {
+            .${this.useBlock.id} {${o(s)}}
+          }`:""}
+      ${n?`${c("small")} {
+            .${this.useBlock.id} {${o(n)}}
+          }`:""}
+    }`}}};var m=function(){var t=this,s=t._self._c;return t.TARGET==="vue2"||t.TARGET==="vue3"||t.TARGET==="svelte"?s("render-inlined-styles",{attrs:{styles:t.css}}):t._e()},p=[],$=l.normalizeComponent(u,m,p,!1,null,null,null,null);const f=$.exports;exports.default=f;

package/dist/vue-2/get-processed-block.2bcd0d2b.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./index.dcdf302c.cjs"),d=(r,e,t)=>{if(Object(r)!==r)return r;const n=Array.isArray(e)?e:e.toString().match(/[^.[\]]+/g);return n.slice(0,-1).reduce((s,o,i)=>Object(s[o])===s[o]?s[o]:s[o]=Math.abs(Number(n[i+1]))>>0===+n[i+1]?[]:{},r)[n[n.length-1]]=t,r};var f=Object.defineProperty,l=Object.defineProperties,_=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,p=(r,e,t)=>e in r?f(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,c=(r,e)=>{for(var t in e||(e={}))g.call(e,t)&&p(r,t,e[t]);if(a)for(var t of a(e))O.call(e,t)&&p(r,t,e[t]);return r},P=(r,e)=>l(r,_(e));const v=({block:r,context:e,state:t})=>{if(!r.bindings)return r;const n=P(c({},r),{properties:c({},r.properties),actions:c({},r.actions)});for(const s in r.bindings){const o=r.bindings[s],i=u.evaluate({code:o,state:t,context:e});d(n,s,i)}return n};function m({block:r,context:e,shouldEvaluateBindings:t,state:n}){const s=r;return t?v({block:s,state:n,context:e}):s}exports.getProcessedBlock=m;

package/dist/vue-2/get-processed-block.c01e4ddc.js

@@ -0,0 +1,44 @@
+import { e as u } from "./index.0622ae10.js";
+const f = (r, e, t) => {
+  if (Object(r) !== r)
+    return r;
+  const n = Array.isArray(e) ? e : e.toString().match(/[^.[\]]+/g);
+  return n.slice(0, -1).reduce((s, o, i) => Object(s[o]) === s[o] ? s[o] : s[o] = Math.abs(Number(n[i + 1])) >> 0 === +n[i + 1] ? [] : {}, r)[n[n.length - 1]] = t, r;
+};
+var d = Object.defineProperty, _ = Object.defineProperties, g = Object.getOwnPropertyDescriptors, p = Object.getOwnPropertySymbols, l = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable, c = (r, e, t) => e in r ? d(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, a = (r, e) => {
+  for (var t in e || (e = {}))
+    l.call(e, t) && c(r, t, e[t]);
+  if (p)
+    for (var t of p(e))
+      O.call(e, t) && c(r, t, e[t]);
+  return r;
+}, v = (r, e) => _(r, g(e));
+const P = ({
+  block: r,
+  context: e,
+  state: t
+}) => {
+  if (!r.bindings)
+    return r;
+  const n = v(a({}, r), {
+    properties: a({}, r.properties),
+    actions: a({}, r.actions)
+  });
+  for (const s in r.bindings) {
+    const o = r.bindings[s], i = u({ code: o, state: t, context: e });
+    f(n, s, i);
+  }
+  return n;
+};
+function y({
+  block: r,
+  context: e,
+  shouldEvaluateBindings: t,
+  state: n
+}) {
+  const s = r;
+  return t ? P({ block: s, state: n, context: e }) : s;
+}
+export {
+  y as g
+};