@makeswift/runtime 0.0.0-1d7ee6c → 0.0.0-20221011211555

package/dist/types/src/utils/is.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is.d.ts","sourceRoot":"","sources":["../../../../src/utils/is.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,GAAG,OAAO,CAI1D"}

package/dist/types/src/utils/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../src/utils/keys.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,IAAI;;uBAA8E,CAAA;AAExF,eAAe,IAAI,CAAA"}

package/dist/types/src/utils/shallowEqual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shallowEqual.d.ts","sourceRoot":"","sources":["../../../../src/utils/shallowEqual.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY,MAAO,OAAO,KAAK,OAAO,KAAG,OAgB9C,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/types/src/utils/shallowMerge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shallowMerge.d.ts","sourceRoot":"","sources":["../../../../src/utils/shallowMerge.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAUnB"}

package/dist/useBoxShadow.cjs.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var index = require("./index.cjs.js");
+const ShadowDefaultValue = {
+  inset: false,
+  offsetX: 0,
+  offsetY: 2,
+  blurRadius: 4,
+  spreadRadius: 0,
+  color: null
+};
+function useBoxShadow(value) {
+  const swatchIds = value == null ? [] : [
+    ...Array.from(new Set(value.map(({ value: shadows }) => shadows.map(({ payload: { color } }) => color && color.swatchId)).reduce((a, b) => a.concat(b), []).filter(index.isNonNullable)))
+  ];
+  const skip = value == null || swatchIds.length === 0;
+  const { error, data = {} } = index.useQuery(index.SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } });
+  if (value == null || error != null)
+    return null;
+  const { swatches = [] } = data;
+  return value.map((_a) => {
+    var _b = _a, { value: shadows } = _b, restOfValue = __objRest(_b, ["value"]);
+    return __spreadProps(__spreadValues({}, restOfValue), {
+      value: shadows.map((_a2) => {
+        var _b2 = _a2, {
+          payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius }
+        } = _b2, restOfShadow = __objRest(_b2, [
+          "payload"
+        ]);
+        return __spreadProps(__spreadValues({}, restOfShadow), {
+          payload: {
+            color: color != null ? {
+              swatch: swatches.find((s) => s && s.id === color.swatchId),
+              alpha: color.alpha
+            } : null,
+            inset: inset != null ? inset : ShadowDefaultValue.inset,
+            offsetX: offsetX != null ? offsetX : ShadowDefaultValue.offsetX,
+            offsetY: offsetY != null ? offsetY : ShadowDefaultValue.offsetY,
+            blurRadius: blurRadius != null ? blurRadius : ShadowDefaultValue.blurRadius,
+            spreadRadius: spreadRadius != null ? spreadRadius : ShadowDefaultValue.spreadRadius
+          }
+        });
+      })
+    });
+  });
+}
+exports.useBoxShadow = useBoxShadow;
+//# sourceMappingURL=useBoxShadow.cjs.js.map

package/dist/useBoxShadow.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxShadow.cjs.js","sources":["../src/components/hooks/useBoxShadow.ts"],"sourcesContent":["import { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport { SWATCHES_BY_ID } from '../utils/queries'\nimport type { ResponsiveValue } from '../../prop-controllers'\nimport type { ShadowsValue as ResponsiveShadowsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype ShadowData = {\n  id: string\n  payload: {\n    inset: boolean\n    offsetX: number\n    offsetY: number\n    blurRadius: number\n    spreadRadius: number\n    color: Color | null | undefined\n  }\n}\n\nconst ShadowDefaultValue = {\n  inset: false,\n  offsetX: 0,\n  offsetY: 2,\n  blurRadius: 4,\n  spreadRadius: 0,\n  color: null,\n} as const\n\nexport type BoxShadowData = Array<ShadowData>\n\nexport type BoxShadowPropControllerData = ResponsiveValue<BoxShadowData>\n\nexport function useBoxShadow(\n  value: ResponsiveShadowsValue | null | undefined,\n): BoxShadowPropControllerData | null | undefined {\n  const swatchIds =\n    value == null\n      ? []\n      : [\n          ...Array.from(\n            new Set(\n              value\n                .map(({ value: shadows }) =>\n                  shadows.map(({ payload: { color } }) => color && color.swatchId),\n                )\n                .reduce((a, b) => a.concat(b), [])\n                .filter(isNonNullable),\n            ),\n          ),\n        ]\n\n  const skip = value == null || swatchIds.length === 0\n  const { error, data = {} } = useQuery(SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } })\n\n  if (value == null || error != null) return null\n\n  const { swatches = [] } = data\n\n  return value.map(({ value: shadows, ...restOfValue }) => ({\n    ...restOfValue,\n    value: shadows.map(\n      ({\n        payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius },\n        ...restOfShadow\n      }) => ({\n        ...restOfShadow,\n        payload: {\n          color:\n            color != null\n              ? {\n                  swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                  alpha: color.alpha,\n                }\n              : null,\n          inset: inset ?? ShadowDefaultValue.inset,\n          offsetX: offsetX ?? ShadowDefaultValue.offsetX,\n          offsetY: offsetY ?? ShadowDefaultValue.offsetY,\n          blurRadius: blurRadius ?? ShadowDefaultValue.blurRadius,\n          spreadRadius: spreadRadius ?? ShadowDefaultValue.spreadRadius,\n        },\n      }),\n    ),\n  }))\n}\n"],"names":["isNonNullable","useQuery","SWATCHES_BY_ID"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,qBAAqB;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AACT;AAMO,sBACL,OACgD;AAChD,QAAM,YACJ,SAAS,OACL,KACA;AAAA,IACE,GAAG,MAAM,KACP,IAAI,IACF,MACG,IAAI,CAAC,EAAE,OAAO,cACb,QAAQ,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,SAAS,MAAM,QAAQ,CACjE,EACC,OAAO,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,CAAA,CAAE,EAChC,OAAOA,MAAa,aAAA,CACzB,CACF;AAAA,EAAA;AAGR,QAAM,OAAO,SAAS,QAAQ,UAAU,WAAW;AACnD,QAAM,EAAE,OAAO,OAAO,OAAOC,MAAAA,SAASC,MAAAA,gBAAgB,EAAE,MAAM,WAAW,EAAE,KAAK,UAAA,EAAa,CAAA;AAEzF,MAAA,SAAS,QAAQ,SAAS;AAAa,WAAA;AAErC,QAAA,EAAE,WAAW,OAAO;AAE1B,SAAO,MAAM,IAAI,CAAC,OAAwC;AAAxC,iBAAE,SAAO,YAAT,IAAqB,wBAArB,IAAqB,CAAnB;AAAsC,4CACrD,cADqD;AAAA,MAExD,OAAO,QAAQ,IACb,CAAC,QAGM;AAHN,uBACC;AAAA,mBAAS,EAAE,OAAO,OAAO,SAAS,SAAS,YAAY;AAAA,YADxD,KAEI,yBAFJ,KAEI;AAAA,UADH;AAAA;AAEK,gDACF,eADE;AAAA,UAEL,SAAS;AAAA,YACP,OACE,SAAS,OACL;AAAA,cACE,QAAQ,SAAS,KAAK,CAAC,MAAW,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,cAC9D,OAAO,MAAM;AAAA,YAAA,IAEf;AAAA,YACN,OAAO,wBAAS,mBAAmB;AAAA,YACnC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,YAAY,kCAAc,mBAAmB;AAAA,YAC7C,cAAc,sCAAgB,mBAAmB;AAAA,UACnD;AAAA,QAAA;AAAA,OAEJ;AAAA,IACA;AAAA,GAAA;AACJ;;"}

package/dist/useBoxShadow.es.js

@@ -0,0 +1,77 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { L as isNonNullable, v as useQuery, F as SWATCHES_BY_ID } from "./index.es.js";
+const ShadowDefaultValue = {
+  inset: false,
+  offsetX: 0,
+  offsetY: 2,
+  blurRadius: 4,
+  spreadRadius: 0,
+  color: null
+};
+function useBoxShadow(value) {
+  const swatchIds = value == null ? [] : [
+    ...Array.from(new Set(value.map(({ value: shadows }) => shadows.map(({ payload: { color } }) => color && color.swatchId)).reduce((a, b) => a.concat(b), []).filter(isNonNullable)))
+  ];
+  const skip = value == null || swatchIds.length === 0;
+  const { error, data = {} } = useQuery(SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } });
+  if (value == null || error != null)
+    return null;
+  const { swatches = [] } = data;
+  return value.map((_a) => {
+    var _b = _a, { value: shadows } = _b, restOfValue = __objRest(_b, ["value"]);
+    return __spreadProps(__spreadValues({}, restOfValue), {
+      value: shadows.map((_a2) => {
+        var _b2 = _a2, {
+          payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius }
+        } = _b2, restOfShadow = __objRest(_b2, [
+          "payload"
+        ]);
+        return __spreadProps(__spreadValues({}, restOfShadow), {
+          payload: {
+            color: color != null ? {
+              swatch: swatches.find((s) => s && s.id === color.swatchId),
+              alpha: color.alpha
+            } : null,
+            inset: inset != null ? inset : ShadowDefaultValue.inset,
+            offsetX: offsetX != null ? offsetX : ShadowDefaultValue.offsetX,
+            offsetY: offsetY != null ? offsetY : ShadowDefaultValue.offsetY,
+            blurRadius: blurRadius != null ? blurRadius : ShadowDefaultValue.blurRadius,
+            spreadRadius: spreadRadius != null ? spreadRadius : ShadowDefaultValue.spreadRadius
+          }
+        });
+      })
+    });
+  });
+}
+export { useBoxShadow as u };
+//# sourceMappingURL=useBoxShadow.es.js.map

package/dist/useBoxShadow.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBoxShadow.es.js","sources":["../src/components/hooks/useBoxShadow.ts"],"sourcesContent":["import { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport { SWATCHES_BY_ID } from '../utils/queries'\nimport type { ResponsiveValue } from '../../prop-controllers'\nimport type { ShadowsValue as ResponsiveShadowsValue } from '../../prop-controllers/descriptors'\nimport { useQuery } from '../../api/react'\n\ntype ShadowData = {\n  id: string\n  payload: {\n    inset: boolean\n    offsetX: number\n    offsetY: number\n    blurRadius: number\n    spreadRadius: number\n    color: Color | null | undefined\n  }\n}\n\nconst ShadowDefaultValue = {\n  inset: false,\n  offsetX: 0,\n  offsetY: 2,\n  blurRadius: 4,\n  spreadRadius: 0,\n  color: null,\n} as const\n\nexport type BoxShadowData = Array<ShadowData>\n\nexport type BoxShadowPropControllerData = ResponsiveValue<BoxShadowData>\n\nexport function useBoxShadow(\n  value: ResponsiveShadowsValue | null | undefined,\n): BoxShadowPropControllerData | null | undefined {\n  const swatchIds =\n    value == null\n      ? []\n      : [\n          ...Array.from(\n            new Set(\n              value\n                .map(({ value: shadows }) =>\n                  shadows.map(({ payload: { color } }) => color && color.swatchId),\n                )\n                .reduce((a, b) => a.concat(b), [])\n                .filter(isNonNullable),\n            ),\n          ),\n        ]\n\n  const skip = value == null || swatchIds.length === 0\n  const { error, data = {} } = useQuery(SWATCHES_BY_ID, { skip, variables: { ids: swatchIds } })\n\n  if (value == null || error != null) return null\n\n  const { swatches = [] } = data\n\n  return value.map(({ value: shadows, ...restOfValue }) => ({\n    ...restOfValue,\n    value: shadows.map(\n      ({\n        payload: { color, inset, offsetX, offsetY, blurRadius, spreadRadius },\n        ...restOfShadow\n      }) => ({\n        ...restOfShadow,\n        payload: {\n          color:\n            color != null\n              ? {\n                  swatch: swatches.find((s: any) => s && s.id === color.swatchId),\n                  alpha: color.alpha,\n                }\n              : null,\n          inset: inset ?? ShadowDefaultValue.inset,\n          offsetX: offsetX ?? ShadowDefaultValue.offsetX,\n          offsetY: offsetY ?? ShadowDefaultValue.offsetY,\n          blurRadius: blurRadius ?? ShadowDefaultValue.blurRadius,\n          spreadRadius: spreadRadius ?? ShadowDefaultValue.spreadRadius,\n        },\n      }),\n    ),\n  }))\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,qBAAqB;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AACT;AAMO,sBACL,OACgD;AAChD,QAAM,YACJ,SAAS,OACL,KACA;AAAA,IACE,GAAG,MAAM,KACP,IAAI,IACF,MACG,IAAI,CAAC,EAAE,OAAO,cACb,QAAQ,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,SAAS,MAAM,QAAQ,CACjE,EACC,OAAO,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,CAAA,CAAE,EAChC,OAAO,aAAa,CACzB,CACF;AAAA,EAAA;AAGR,QAAM,OAAO,SAAS,QAAQ,UAAU,WAAW;AACnD,QAAM,EAAE,OAAO,OAAO,OAAO,SAAS,gBAAgB,EAAE,MAAM,WAAW,EAAE,KAAK,UAAA,EAAa,CAAA;AAEzF,MAAA,SAAS,QAAQ,SAAS;AAAa,WAAA;AAErC,QAAA,EAAE,WAAW,OAAO;AAE1B,SAAO,MAAM,IAAI,CAAC,OAAwC;AAAxC,iBAAE,SAAO,YAAT,IAAqB,wBAArB,IAAqB,CAAnB;AAAsC,4CACrD,cADqD;AAAA,MAExD,OAAO,QAAQ,IACb,CAAC,QAGM;AAHN,uBACC;AAAA,mBAAS,EAAE,OAAO,OAAO,SAAS,SAAS,YAAY;AAAA,YADxD,KAEI,yBAFJ,KAEI;AAAA,UADH;AAAA;AAEK,gDACF,eADE;AAAA,UAEL,SAAS;AAAA,YACP,OACE,SAAS,OACL;AAAA,cACE,QAAQ,SAAS,KAAK,CAAC,MAAW,KAAK,EAAE,OAAO,MAAM,QAAQ;AAAA,cAC9D,OAAO,MAAM;AAAA,YAAA,IAEf;AAAA,YACN,OAAO,wBAAS,mBAAmB;AAAA,YACnC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,SAAS,4BAAW,mBAAmB;AAAA,YACvC,YAAY,kCAAc,mBAAmB;AAAA,YAC7C,cAAc,sCAAgB,mBAAmB;AAAA,UACnD;AAAA,QAAA;AAAA,OAEJ;AAAA,IACA;AAAA,GAAA;AACJ;;"}

package/dist/useMediaQuery.cjs.js

@@ -0,0 +1,26 @@
+"use strict";
+var React = require("react");
+var index = require("./index.cjs.js");
+function useMediaQuery(responsiveValue) {
+  const [deviceId, setDeviceId] = React.useState(index.DEVICES[0].id);
+  const { value } = index.findDeviceOverride(responsiveValue, deviceId) || {};
+  index.useIsomorphicLayoutEffect(() => {
+    if (responsiveValue == null || window == null)
+      return () => {
+      };
+    const cleanUpFns = index.DEVICES.map((device) => {
+      const mediaQueryList = window.matchMedia(index.getDeviceMediaQuery(device).replace("@media", ""));
+      const listener = () => {
+        if (mediaQueryList.matches)
+          setDeviceId(device.id);
+      };
+      listener();
+      mediaQueryList.addListener(listener);
+      return () => mediaQueryList.removeListener(listener);
+    });
+    return () => cleanUpFns.forEach((fn) => fn());
+  });
+  return value;
+}
+exports.useMediaQuery = useMediaQuery;
+//# sourceMappingURL=useMediaQuery.cjs.js.map

package/dist/useMediaQuery.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.cjs.js","sources":["../src/components/hooks/useMediaQuery.ts"],"sourcesContent":["/* eslint-env browser */\n\nimport { useState } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport { DEVICES, findDeviceOverride, getDeviceMediaQuery } from '../utils/devices'\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | void {\n  const [deviceId, setDeviceId] = useState(DEVICES[0].id)\n  const { value } = findDeviceOverride(responsiveValue, deviceId) || {}\n\n  useIsomorphicLayoutEffect(() => {\n    if (responsiveValue == null || window == null) return () => {}\n\n    const cleanUpFns = DEVICES.map(device => {\n      const mediaQueryList = window.matchMedia(getDeviceMediaQuery(device).replace('@media', ''))\n\n      const listener = () => {\n        if (mediaQueryList.matches) setDeviceId(device.id)\n      }\n\n      listener()\n      mediaQueryList.addListener(listener)\n\n      return () => mediaQueryList.removeListener(listener)\n    })\n\n    return () => cleanUpFns.forEach(fn => fn())\n  })\n\n  return value\n}\n"],"names":["useState","DEVICES","findDeviceOverride","useIsomorphicLayoutEffect","getDeviceMediaQuery"],"mappings":";;;AAQO,uBAA0B,iBAAsD;AACrF,QAAM,CAAC,UAAU,eAAeA,MAAAA,SAASC,MAAAA,QAAQ,GAAG,EAAE;AACtD,QAAM,EAAE,UAAUC,MAAAA,mBAAmB,iBAAiB,QAAQ,KAAK;AAEnEC,QAAAA,0BAA0B,MAAM;AAC1B,QAAA,mBAAmB,QAAQ,UAAU;AAAM,aAAO,MAAM;AAAA,MAAA;AAEtD,UAAA,aAAaF,MAAAA,QAAQ,IAAI,CAAU,WAAA;AACjC,YAAA,iBAAiB,OAAO,WAAWG,MAAA,oBAAoB,MAAM,EAAE,QAAQ,UAAU,EAAE,CAAC;AAE1F,YAAM,WAAW,MAAM;AACrB,YAAI,eAAe;AAAS,sBAAY,OAAO,EAAE;AAAA,MAAA;AAG1C;AACT,qBAAe,YAAY,QAAQ;AAE5B,aAAA,MAAM,eAAe,eAAe,QAAQ;AAAA,IAAA,CACpD;AAED,WAAO,MAAM,WAAW,QAAQ,CAAA,OAAM,GAAI,CAAA;AAAA,EAAA,CAC3C;AAEM,SAAA;AACT;;"}

package/dist/useMediaQuery.es.js

@@ -0,0 +1,25 @@
+import { useState } from "react";
+import { y as DEVICES, z as findDeviceOverride, q as useIsomorphicLayoutEffect, J as getDeviceMediaQuery } from "./index.es.js";
+function useMediaQuery(responsiveValue) {
+  const [deviceId, setDeviceId] = useState(DEVICES[0].id);
+  const { value } = findDeviceOverride(responsiveValue, deviceId) || {};
+  useIsomorphicLayoutEffect(() => {
+    if (responsiveValue == null || window == null)
+      return () => {
+      };
+    const cleanUpFns = DEVICES.map((device) => {
+      const mediaQueryList = window.matchMedia(getDeviceMediaQuery(device).replace("@media", ""));
+      const listener = () => {
+        if (mediaQueryList.matches)
+          setDeviceId(device.id);
+      };
+      listener();
+      mediaQueryList.addListener(listener);
+      return () => mediaQueryList.removeListener(listener);
+    });
+    return () => cleanUpFns.forEach((fn) => fn());
+  });
+  return value;
+}
+export { useMediaQuery as u };
+//# sourceMappingURL=useMediaQuery.es.js.map

package/dist/useMediaQuery.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.es.js","sources":["../src/components/hooks/useMediaQuery.ts"],"sourcesContent":["/* eslint-env browser */\n\nimport { useState } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport { DEVICES, findDeviceOverride, getDeviceMediaQuery } from '../utils/devices'\nimport { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | void {\n  const [deviceId, setDeviceId] = useState(DEVICES[0].id)\n  const { value } = findDeviceOverride(responsiveValue, deviceId) || {}\n\n  useIsomorphicLayoutEffect(() => {\n    if (responsiveValue == null || window == null) return () => {}\n\n    const cleanUpFns = DEVICES.map(device => {\n      const mediaQueryList = window.matchMedia(getDeviceMediaQuery(device).replace('@media', ''))\n\n      const listener = () => {\n        if (mediaQueryList.matches) setDeviceId(device.id)\n      }\n\n      listener()\n      mediaQueryList.addListener(listener)\n\n      return () => mediaQueryList.removeListener(listener)\n    })\n\n    return () => cleanUpFns.forEach(fn => fn())\n  })\n\n  return value\n}\n"],"names":[],"mappings":";;AAQO,uBAA0B,iBAAsD;AACrF,QAAM,CAAC,UAAU,eAAe,SAAS,QAAQ,GAAG,EAAE;AACtD,QAAM,EAAE,UAAU,mBAAmB,iBAAiB,QAAQ,KAAK;AAEnE,4BAA0B,MAAM;AAC1B,QAAA,mBAAmB,QAAQ,UAAU;AAAM,aAAO,MAAM;AAAA,MAAA;AAEtD,UAAA,aAAa,QAAQ,IAAI,CAAU,WAAA;AACjC,YAAA,iBAAiB,OAAO,WAAW,oBAAoB,MAAM,EAAE,QAAQ,UAAU,EAAE,CAAC;AAE1F,YAAM,WAAW,MAAM;AACrB,YAAI,eAAe;AAAS,sBAAY,OAAO,EAAE;AAAA,MAAA;AAG1C;AACT,qBAAe,YAAY,QAAQ;AAE5B,aAAA,MAAM,eAAe,eAAe,QAAQ;AAAA,IAAA,CACpD;AAED,WAAO,MAAM,WAAW,QAAQ,CAAA,OAAM,GAAI,CAAA;AAAA,EAAA,CAC3C;AAEM,SAAA;AACT;;"}

package/next/plugin.js

@@ -0,0 +1 @@
+module.exports = require('@makeswift/next-plugin')

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.0.0-1d7ee6c",
+  "version": "0.0.0-20221011211555",
   "license": "MIT",
   "main": "dist/main.cjs",
   "module": "dist/main.es",
-  "types": "dist/types",
+  "types": "dist/types/src",
   "files": [
     "dist",
     "prop-controllers.js",
@@ -13,7 +13,9 @@
     "components.js",
     "api.js",
     "next.js",
-    "builder.js"
+    "next/plugin.js",
+    "builder.js",
+    "controls.js"
   ],
   "exports": {
     ".": {
@@ -44,70 +46,89 @@
       "import": "./dist/next.es.js",
       "require": "./dist/next.cjs.js"
     },
+    "./next/plugin": "./next/plugin.js",
     "./builder": {
       "import": "./dist/builder.es.js",
       "require": "./dist/builder.cjs.js"
+    },
+    "./controls": {
+      "import": "./dist/controls.es.js",
+      "require": "./dist/controls.cjs.js"
     }
   },
   "typesVersions": {
     "*": {
       "prop-controllers": [
-        "dist/types/prop-controllers/index.d.ts"
+        "dist/types/src/prop-controllers/index.d.ts"
       ],
       "react": [
-        "dist/types/react.d.ts"
+        "dist/types/src/react.d.ts"
       ],
       "box-model": [
-        "dist/types/box-model.d.ts"
+        "dist/types/src/box-model.d.ts"
       ],
       "components": [
-        "dist/types/components/index.d.ts"
+        "dist/types/src/components/index.d.ts"
       ],
       "api": [
-        "dist/types/api/index.d.ts"
+        "dist/types/src/api/index.d.ts"
       ],
       "next": [
-        "dist/types/next.d.ts"
+        "dist/types/src/next/index.d.ts"
       ],
       "builder": [
-        "dist/types/builder/index.d.ts"
+        "dist/types/src/builder/index.d.ts"
+      ],
+      "controls": [
+        "dist/types/src/controls/index.d.ts"
       ]
     }
   },
   "scripts": {
     "dev": "concurrently -k 'tsc --watch --preserveWatchOutput' 'vite build --watch'",
-    "build": "tsc && vite build",
+    "clean": "rm -rf dist",
+    "build": "yarn clean && tsc && vite build",
     "preview": "vite preview",
-    "deploy": "yarn publish . --new-version 0.0.0-$(git rev-parse --short HEAD) --tag prerelease --access public && git push origin main --follow-tags",
     "prepare": "yarn build",
     "generate": "graphql-codegen --config codegen.yml",
     "test": "vitest"
   },
   "peerDependencies": {
-    "next": "^12.0.2",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "next": ">=12.2.0",
+    "react": "^17.0.1 || ^18.0.0",
+    "react-dom": "^17.0.1 || ^18.0.0"
   },
   "dependencies": {
     "@apollo/client": "^3.5.10",
     "@convertkit/slate-lists": "^0.2.4",
+    "@emotion/css": "^11.9.0",
+    "@emotion/server": "^11.4.0",
+    "@makeswift/next-plugin": "0.1.3",
     "@popmotion/popcorn": "^0.4.4",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.2",
+    "@types/cookie": "^0.5.1",
+    "@types/http-proxy": "^1.17.9",
+    "@types/is-hotkey": "^0.1.7",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "@types/set-cookie-parser": "^2.4.2",
     "@types/slate": "0.47.11",
     "@types/slate-react": "^0.22.9",
-    "@types/styled-components": "^5.1.5",
+    "@types/styled-components": "5.1.25",
     "@types/use-sync-external-store": "^0.0.3",
     "@types/uuid": "^7.0.3",
     "color": "^3.1.3",
+    "cookie": "^0.5.0",
     "corporate-ipsum": "^1.0.1",
+    "cors": "^2.8.5",
     "css-box-model": "^1.2.1",
     "csstype": "^2.6.5",
     "formik": "^2.2.9",
     "framer-motion": "^6.0.0",
     "graphql": "^16.3.0",
     "html-react-parser": "^1.2.4",
+    "http-proxy": "^1.18.1",
     "immutable": "^4.0.0-rc.12",
+    "is-hotkey": "^0.1.4",
     "ot-json0": "^1.1.0",
     "polished": "3.0.3",
     "react-player": "^1.12.0",
@@ -115,29 +136,31 @@
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
     "scroll-into-view-if-needed": "^2.2.20",
+    "set-cookie-parser": "^2.5.1",
     "slate": "^0.47.8",
     "slate-hotkeys": "^0.2.9",
     "slate-react": "^0.22.9",
-    "styled-components": "5.2.0",
+    "styled-components": "5.3.5",
     "use-sync-external-store": "^1.0.0-rc.0",
     "uuid": "^3.3.3"
   },
   "devDependencies": {
+    "@graphql-codegen/add": "^3.1.0",
     "@graphql-codegen/cli": "2.6.2",
     "@graphql-codegen/typed-document-node": "^2.2.7",
     "@graphql-codegen/typescript-operations": "2.3.4",
     "@svgr/rollup": "^6.2.1",
     "@types/color": "^3.0.2",
+    "@types/cors": "^2.8.12",
     "@types/node": "^17.0.21",
     "@vitejs/plugin-react": "^1.1.4",
     "concurrently": "^5.3.0",
-    "next": "12.0.2",
+    "next": "12.3.1",
     "prettier": "^2.5.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "18.0.0",
+    "react-dom": "18.0.0",
     "slate": "^0.47.8",
     "slate-react": "^0.22.9",
-    "styled-components": "5.2.0",
     "typescript": "^4.5.5",
     "vite": "^2.8.6",
     "vitest": "^0.7.4"

package/dist/Page.cjs.js

@@ -1,215 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var React = require("react");
-var parse = require("html-react-parser");
-var Head = require("next/head");
-var react = require("./react.cjs2.js");
-var reactPage = require("./react-page.cjs.js");
-var jsxRuntime = require("react/jsx-runtime");
-function _interopDefaultLegacy(e) {
-  return e && typeof e === "object" && "default" in e ? e : { "default": e };
-}
-var parse__default = /* @__PURE__ */ _interopDefaultLegacy(parse);
-var Head__default = /* @__PURE__ */ _interopDefaultLegacy(Head);
-const SCRIPT_TAG = "script";
-function BodySnippet({
-  code,
-  cleanup
-}) {
-  React.useEffect(() => {
-    const container = document.createElement("div");
-    container.innerHTML = code;
-    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT);
-    const scripts = [];
-    while (walker.nextNode()) {
-      if (walker.currentNode instanceof HTMLScriptElement)
-        scripts.push(walker.currentNode);
-    }
-    scripts.forEach((inlineScript) => {
-      var _a;
-      const executableScript = document.createElement(SCRIPT_TAG);
-      executableScript.textContent = inlineScript.textContent;
-      Array.from(inlineScript.attributes).forEach(({
-        name,
-        value
-      }) => {
-        executableScript.setAttribute(name, value);
-      });
-      (_a = inlineScript.parentNode) == null ? void 0 : _a.replaceChild(executableScript, inlineScript);
-    });
-    const nodes = Array.from(container.childNodes);
-    document.body.append(...nodes);
-    return () => {
-      nodes.forEach((node) => {
-        var _a;
-        (_a = node.parentNode) == null ? void 0 : _a.removeChild(node);
-      });
-      if (cleanup == null)
-        return;
-      const cleanUp = new Function(cleanup);
-      try {
-        cleanUp();
-      } catch {
-      }
-    };
-  }, [code, cleanup]);
-  return null;
-}
-const defaultFavicon = {
-  mimetype: "image/png",
-  publicUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABcRAAAXEQHKJvM/AAABjElEQVRYhc2XzU3EMBCFB8TddAAXn6EE6GCpgNABZ1/IXnymBOgAOmA7YM8+ABVsXEHQQFaKQryeN3Yk3ilKJtEnv/nLUd/3pFG0riGi88yrnQn+UfJ5FUi0riWiB2H4nQn+KRd0DFP8agXEfkqCYJBoHdtxIQxfm+DfFgEhoith3NYE30o/qgGR2BJB+xY7kdYEL8oNFUi0jiFMJuxVWrJqEMFxsyUNCsE6AeNztvBp7aJ143vXksoRnwhYtmNdSoIQa6RlO9YXEWW7KgoCleOgxgTf1QZBT+RZ2lXFING6UxCCq+ceeUE8fYdknY599v9sJvzGBP+yCEgC7GPmETc0OJ+0awAlkhe2pAbIXAeFZ8xe2g2Nk3c3ub0xwWt6zY9qbmiqGVMbZK21ZC/YmhlbeBMTzZNDQqcvDb1kM1x32iqZSt1HaqukfKvq34BAOTLsrH+ETNmUkKHHA+428RgeclPVWozeSyAI2EdWB34jtqXNTAySOY3i/KgFIlqOa4GkFmBegorzg4joG07he/M7zl6jAAAAAElFTkSuQmCC"
-};
-const VALID_TAG_REGEX = /^[a-zA-Z][a-zA-Z:_.\-\d]*$/;
-const VALID_HEAD_ELEMENT_TYPES = ["title", "base", "link", "style", "meta", "script", "noscript", "template"];
-function snippetToElement(snippet) {
-  return React.Children.map(parse__default["default"](snippet.code), (element) => {
-    if (typeof element === "string")
-      return element;
-    if (!VALID_TAG_REGEX.test(element.type))
-      return null;
-    const key = element.key ? `${snippet.id}:${element.key}` : snippet.id;
-    return React.createElement(element.type, __spreadProps(__spreadValues({}, element.props), {
-      key
-    }));
-  });
-}
-function Page({
-  page,
-  preview = false
-}) {
-  var _a;
-  console.log({
-    page
-  });
-  const favicon = (_a = page.meta.favicon) != null ? _a : defaultFavicon;
-  const {
-    title,
-    description,
-    keywords,
-    socialImage
-  } = page.meta;
-  const fontFamilyParamValue = page.fonts.map(({
-    family,
-    variants
-  }) => {
-    return `${family.replace(/ /g, "+")}:${variants.join()}`;
-  }).join("|");
-  const snippets = React.useMemo(() => page.snippets.filter((snippet) => preview ? snippet.builderEnabled : snippet.liveEnabled), [page, preview]);
-  const headSnippets = React.useMemo(() => snippets.filter((snippet) => snippet.location === "HEAD"), [snippets]);
-  const previousHeadSnippets = React.useRef(null);
-  React.useEffect(() => {
-    var _a2;
-    const headSnippetsToCleanUp = ((_a2 = previousHeadSnippets.current) != null ? _a2 : []).filter((previousSnippet) => previousSnippet.cleanup != null).filter((previousSnippet) => !headSnippets.some((snippet) => previousSnippet.id === snippet.id));
-    headSnippetsToCleanUp.forEach((snippetToCleanUp) => {
-      if (snippetToCleanUp.cleanup == null)
-        return;
-      const cleanUp = new Function(snippetToCleanUp.cleanup);
-      try {
-        cleanUp();
-      } catch {
-      }
-    });
-    previousHeadSnippets.current = headSnippets;
-  }, [headSnippets]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(Head__default["default"], {
-      children: [/* @__PURE__ */ jsxRuntime.jsx("style", {
-        children: `
-            html {
-              font-family: sans-serif;
-            }
-            div#__next {
-              overflow: hidden;
-            }
-          `
-      }), /* @__PURE__ */ jsxRuntime.jsx("link", {
-        rel: "icon",
-        type: favicon.mimetype,
-        href: favicon.publicUrl
-      }), title && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("title", {
-          children: title
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:title",
-          content: title
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:title",
-          content: title
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          itemProp: "name",
-          content: title
-        })]
-      }), description && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "description",
-          content: description
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:description",
-          content: description
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:description",
-          content: description
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          itemProp: "description",
-          content: description
-        })]
-      }), keywords && /* @__PURE__ */ jsxRuntime.jsx("meta", {
-        name: "keywords",
-        content: keywords
-      }), socialImage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:image",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          property: "og:image:type",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:image",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          name: "twitter:card",
-          content: socialImage.publicUrl
-        }), /* @__PURE__ */ jsxRuntime.jsx("meta", {
-          itemProp: "image",
-          content: socialImage.publicUrl
-        })]
-      }), fontFamilyParamValue !== "" && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /* @__PURE__ */ jsxRuntime.jsx("link", {
-          rel: "stylesheet",
-          href: `https://fonts.googleapis.com/css?family=${fontFamilyParamValue}&display=swap`
-        })
-      }), headSnippets.map(snippetToElement).map((children) => React.Children.map(children, (child) => {
-        if (typeof child === "string")
-          return child;
-        if (VALID_HEAD_ELEMENT_TYPES.includes(child.type))
-          return child;
-        return null;
-      }))]
-    }), /* @__PURE__ */ jsxRuntime.jsx(react.DocumentReference, {
-      documentReference: reactPage.createDocumentReference(page.id)
-    }), snippets.filter((snippet) => snippet.location === "BODY").map((snippet) => /* @__PURE__ */ jsxRuntime.jsx(BodySnippet, {
-      code: snippet.code,
-      cleanup: snippet.cleanup
-    }, snippet.id))]
-  });
-}
-exports.Page = Page;
-//# sourceMappingURL=Page.cjs.js.map