@makeswift/runtime 0.8.4 → 0.8.6

package/dist/useMediaQuery.es.js

@@ -0,0 +1,37 @@
+import { useSyncExternalStore } from "use-sync-external-store/shim";
+import { useCallback } from "react";
+import { getBaseBreakpoint, getBreakpointMediaQuery, findBreakpointOverride } from "./state/breakpoints.es.js";
+import { s as useBreakpoints } from "./index.es.js";
+const getDeviceQueries = (breakpoints) => breakpoints.map((device) => ({
+  id: device.id,
+  query: getBreakpointMediaQuery(device).replace("@media", "")
+}));
+function useMediaQuery(responsiveValue) {
+  const breakpoints = useBreakpoints();
+  const baseBreakpointId = getBaseBreakpoint(breakpoints).id;
+  const subscribe = useCallback((notify) => {
+    const cleanUpFns = getDeviceQueries(breakpoints).map((q) => {
+      const mediaQueryList = window.matchMedia(q.query);
+      mediaQueryList.addEventListener("change", notify);
+      return () => mediaQueryList.removeEventListener("change", notify);
+    });
+    return () => cleanUpFns.forEach((fn) => fn());
+  }, [breakpoints]);
+  const getServerSnapshot = () => {
+    var _a;
+    return (_a = findBreakpointOverride(breakpoints, responsiveValue, baseBreakpointId)) == null ? void 0 : _a.value;
+  };
+  function getSnapshot() {
+    var _a;
+    const deviceId = getDeviceQueries(breakpoints).reduce((matchedDevice, deviceQueries) => {
+      if (window.matchMedia(deviceQueries.query).matches) {
+        return deviceQueries.id;
+      }
+      return matchedDevice;
+    }, baseBreakpointId);
+    return (_a = findBreakpointOverride(breakpoints, responsiveValue, deviceId)) == null ? void 0 : _a.value;
+  }
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+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":["import { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { useCallback } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport {\n  Breakpoints,\n  findBreakpointOverride,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '../../state/modules/breakpoints'\nimport { useBreakpoints } from '../../runtimes/react'\n\nconst getDeviceQueries = (breakpoints: Breakpoints) =>\n  breakpoints.map(device => ({\n    id: device.id,\n    query: getBreakpointMediaQuery(device).replace('@media', ''),\n  }))\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | undefined {\n  const breakpoints = useBreakpoints()\n  const baseBreakpointId = getBaseBreakpoint(breakpoints).id\n  const subscribe = useCallback(\n    (notify: () => void) => {\n      const cleanUpFns = getDeviceQueries(breakpoints).map(q => {\n        const mediaQueryList = window.matchMedia(q.query)\n        mediaQueryList.addEventListener('change', notify)\n        return () => mediaQueryList.removeEventListener('change', notify)\n      })\n      return () => cleanUpFns.forEach(fn => fn())\n    },\n    [breakpoints],\n  )\n  const getServerSnapshot = () =>\n    findBreakpointOverride(breakpoints, responsiveValue, baseBreakpointId)?.value\n\n  function getSnapshot() {\n    const deviceId: string = getDeviceQueries(breakpoints).reduce(\n      (matchedDevice, deviceQueries) => {\n        if (window.matchMedia(deviceQueries.query).matches) {\n          return deviceQueries.id\n        }\n        return matchedDevice\n      },\n      baseBreakpointId,\n    )\n    return findBreakpointOverride(breakpoints, responsiveValue, deviceId)?.value\n  }\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],"names":[],"mappings":";;;;AAYA,MAAM,mBAAmB,CAAC,gBACxB,YAAY,IAAI,CAAW,WAAA;AAAA,EACzB,IAAI,OAAO;AAAA,EACX,OAAO,wBAAwB,MAAM,EAAE,QAAQ,UAAU,EAAE;AAC7D,EAAE;AAEG,uBAA0B,iBAA2D;AAC1F,QAAM,cAAc;AACd,QAAA,mBAAmB,kBAAkB,WAAW,EAAE;AAClD,QAAA,YAAY,YAChB,CAAC,WAAuB;AACtB,UAAM,aAAa,iBAAiB,WAAW,EAAE,IAAI,CAAK,MAAA;AACxD,YAAM,iBAAiB,OAAO,WAAW,EAAE,KAAK;AACjC,qBAAA,iBAAiB,UAAU,MAAM;AAChD,aAAO,MAAM,eAAe,oBAAoB,UAAU,MAAM;AAAA,IAAA,CACjE;AACD,WAAO,MAAM,WAAW,QAAQ,CAAA,OAAM,GAAI,CAAA;AAAA,EAAA,GAE5C,CAAC,WAAW,CACd;AACA,QAAM,oBAAoB,MAAA;;AACxB,wCAAuB,aAAa,iBAAiB,gBAAgB,MAArE,mBAAwE;AAAA;AAEnD,yBAAA;;AACrB,UAAM,WAAmB,iBAAiB,WAAW,EAAE,OACrD,CAAC,eAAe,kBAAkB;AAChC,UAAI,OAAO,WAAW,cAAc,KAAK,EAAE,SAAS;AAClD,eAAO,cAAc;AAAA,MACvB;AACO,aAAA;AAAA,OAET,gBACF;AACA,WAAO,6BAAuB,aAAa,iBAAiB,QAAQ,MAA7D,mBAAgE;AAAA,EACzE;AAEO,SAAA,qBAAqB,WAAW,aAAa,iBAAiB;AACvE;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "license": "MIT",
   "main": "dist/main.cjs",
   "module": "dist/main.es",
@@ -16,7 +16,8 @@
     "next/plugin.js",
     "builder.js",
     "controls.js",
-    "slate.js"
+    "slate.js",
+    "state/breakpoints.js"
   ],
   "exports": {
     ".": {
@@ -59,6 +60,10 @@
     "./slate": {
       "import": "./dist/slate.es.js",
       "require": "./dist/slate.cjs.js"
+    },
+    "./state/breakpoints": {
+      "import": "./dist/state/breakpoints.es.js",
+      "require": "./dist/state/breakpoints.cjs.js"
     }
   },
   "typesVersions": {
@@ -89,6 +94,9 @@
       ],
       "slate": [
         "dist/types/src/slate/index.d.ts"
+      ],
+      "state/breakpoints": [
+        "dist/types/src/state/modules/breakpoints.d.ts"
       ]
     }
   },

package/state/breakpoints.js

@@ -0,0 +1 @@
+module.exports = require('../dist/state/breakpoints.cjs')

package/dist/isNonNullable.cjs.js

@@ -1,6 +0,0 @@
-"use strict";
-function isNonNullable(value) {
-  return value != null;
-}
-exports.isNonNullable = isNonNullable;
-//# sourceMappingURL=isNonNullable.cjs.js.map

package/dist/isNonNullable.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isNonNullable.cjs.js","sources":["../src/components/utils/isNonNullable.ts"],"sourcesContent":["export function isNonNullable<T>(value: T): value is NonNullable<T> {\n  return value != null\n}\n"],"names":[],"mappings":";AAAO,uBAA0B,OAAmC;AAClE,SAAO,SAAS;AAClB;;"}

package/dist/isNonNullable.es.js

@@ -1,5 +0,0 @@
-function isNonNullable(value) {
-  return value != null;
-}
-export { isNonNullable as i };
-//# sourceMappingURL=isNonNullable.es.js.map

package/dist/isNonNullable.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isNonNullable.es.js","sources":["../src/components/utils/isNonNullable.ts"],"sourcesContent":["export function isNonNullable<T>(value: T): value is NonNullable<T> {\n  return value != null\n}\n"],"names":[],"mappings":"AAAO,uBAA0B,OAAmC;AAClE,SAAO,SAAS;AAClB;;"}