@makeswift/runtime 0.1.4 → 0.1.7

package/dist/index.es.js

@@ -448,6 +448,8 @@ class MakeswiftClient {
       variables: introspectionData
     });
     res.data.pagePathnamesById.forEach((pagePathnameSlice) => {
+      if (pagePathnameSlice == null)
+        return;
       const id = Buffer.from(`Page:${pagePathnameSlice.id}`).toString("base64");
       this.apolloClient.cache.writeFragment({
         fragment: PagePathnameSliceFragmentDoc,
@@ -773,13 +775,13 @@ function Page$1({
           content: socialImage.publicUrl
         }), /* @__PURE__ */ jsx("meta", {
           property: "og:image:type",
-          content: socialImage.publicUrl
+          content: socialImage.mimetype
         }), /* @__PURE__ */ jsx("meta", {
           name: "twitter:image",
           content: socialImage.publicUrl
         }), /* @__PURE__ */ jsx("meta", {
           name: "twitter:card",
-          content: socialImage.publicUrl
+          content: "summary_large_image"
         }), /* @__PURE__ */ jsx("meta", {
           itemProp: "image",
           content: socialImage.publicUrl
@@ -1091,7 +1093,7 @@ function registerComponent$c(runtime) {
     props: {
       id: ElementID(),
       backgrounds: Backgrounds(),
-      width: Width({ format: Width.Formats.ClassName }),
+      width: Width(),
       height: ResponsiveIconRadioGroup({
         label: "Height",
         options: [
@@ -1295,10 +1297,7 @@ function registerComponent$a(runtime) {
           { key: uuid(), props: {} }
         ]
       }),
-      width: Width({
-        format: Width.Formats.ClassName,
-        defaultValue: { value: 400, unit: "px" }
-      }),
+      width: Width({ defaultValue: { value: 400, unit: "px" } }),
       margin: Margin(),
       pageSize: ResponsiveNumber((props) => {
         var _a;
@@ -1448,10 +1447,7 @@ function registerComponent$9(runtime) {
         label: "Label color",
         placeholder: "black"
       }),
-      width: Width({
-        format: Width.Formats.ClassName,
-        defaultValue: { value: 560, unit: "px" }
-      }),
+      width: Width({ defaultValue: { value: 560, unit: "px" } }),
       margin: Margin(),
       daysLabel: TextInput({ label: "Days label", placeholder: "Days" }),
       hoursLabel: TextInput({ label: "Hours label", placeholder: "Hours" }),
@@ -1490,10 +1486,7 @@ function registerComponent$8(runtime) {
         options: [{ value: "px", label: "Pixels", icon: "Px16" }]
       }),
       color: ResponsiveColor({ placeholder: "black" }),
-      width: Width({
-        format: Width.Formats.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
+      width: Width({ defaultValue: { value: 100, unit: "%" } }),
       margin: Margin()
     }
   });
@@ -1506,7 +1499,7 @@ function registerComponent$7(runtime) {
     props: {
       id: ElementID(),
       html: TextArea({ label: "Code", rows: 20 }),
-      width: Width({ format: Width.Formats.ClassName }),
+      width: Width({}),
       margin: Margin()
     }
   });
@@ -1643,7 +1636,6 @@ function registerComponent$6(runtime) {
         hidden: props.tableId == null
       })),
       width: Width({
-        format: Width.Formats.ClassName,
         preset: [{ deviceId: "desktop", value: { value: 550, unit: "px" } }],
         defaultValue: { value: 100, unit: "%" }
       }),
@@ -1757,10 +1749,7 @@ function registerComponent$4(runtime) {
           hidden
         };
       }),
-      width: Width({
-        format: Width.Formats.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
+      width: Width({ defaultValue: { value: 100, unit: "%" } }),
       margin: Margin()
     }
   });
@@ -1880,10 +1869,7 @@ function registerComponent$2(runtime) {
         step: 1,
         defaultValue: { value: 0, unit: "px" }
       }),
-      width: Width({
-        format: Width.Formats.ClassName,
-        defaultValue: { value: 100, unit: "%" }
-      }),
+      width: Width({ defaultValue: { value: 100, unit: "%" } }),
       margin: Margin({
         preset: [
           {
@@ -1950,7 +1936,6 @@ function registerComponent$1(runtime) {
         }
       })),
       width: Width({
-        format: Width.Formats.ClassName,
         preset: [{ deviceId: "desktop", value: { value: 700, unit: "px" } }],
         defaultValue: { value: 100, unit: "%" }
       }),
@@ -1978,10 +1963,7 @@ function registerComponent(runtime) {
     props: {
       id: ElementID(),
       video: Video({ preset: { controls: true } }),
-      width: Width({
-        format: Width.Formats.ClassName,
-        defaultValue: { value: 560, unit: "px" }
-      }),
+      width: Width({ defaultValue: { value: 560, unit: "px" } }),
       margin: Margin(),
       borderRadius: BorderRadius()
     }
@@ -2973,7 +2955,7 @@ const ElementData = memo(forwardRef(function ElementData2({
   suppressRefWarning(`\`ForwardRef(${ElementData2.name})\``);
   if (Component2 == null) {
     return /* @__PURE__ */ jsx(FallbackComponent, {
-      ref,
+      ref: setHandle,
       text: "Component not found"
     });
   }
@@ -3079,5 +3061,5 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
     document: document2
   });
 }));
-export { Alignments as A, findDeviceOverride as B, Contrasts as C, DocumentReference as D, Element as E, TYPOGRAPHIES_BY_ID as F, SWATCHES_BY_ID as G, shallowMergeFallbacks as H, join as I, getDevice as J, getDeviceMediaQuery as K, isNonNullable as L, FILES_BY_ID as M, useElementId as N, deepEqual as O, PageProvider as P, MakeswiftClient as Q, RuntimeProvider as R, SITE_FONTS_QUERY as S, TABLE_BY_ID as T, Document$1 as U, getServerSideProps as V, getStaticProps as W, getStaticPaths as X, Page as Y, forwardNextDynamicRef as Z, ReactRuntime as a, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useResponsiveColor as k, useFile as l, usePage as m, PAGE_SNIPPETS_QUERY as n, Page$1 as o, colorToString as p, useIsomorphicLayoutEffect as q, responsiveWidth as r, Shapes as s, Sizes as t, useIsInBuilder as u, useFormContext as v, useQuery as w, useMutation as x, Provider as y, DEVICES as z };
+export { Alignments as A, TYPOGRAPHIES_BY_ID as B, Contrasts as C, DocumentReference as D, Element as E, SWATCHES_BY_ID as F, shallowMergeFallbacks as G, join as H, getDevice as I, getDeviceMediaQuery as J, isNonNullable as K, FILES_BY_ID as L, useElementId as M, deepEqual as N, MakeswiftClient as O, PageProvider as P, Document$1 as Q, RuntimeProvider as R, SITE_FONTS_QUERY as S, TABLE_BY_ID as T, getServerSideProps as U, getStaticProps as V, getStaticPaths as W, Page as X, forwardNextDynamicRef as Y, ReactRuntime as a, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useResponsiveColor as k, useFile as l, usePage as m, PAGE_SNIPPETS_QUERY as n, Page$1 as o, colorToString as p, useIsomorphicLayoutEffect as q, Shapes as r, Sizes as s, useFormContext as t, useIsInBuilder as u, useQuery as v, useMutation as w, Provider as x, DEVICES as y, findDeviceOverride as z };
 //# sourceMappingURL=index.es.js.map