@tamagui/use-did-finish-ssr 1.99.0 → 1.100.0

package/dist/cjs/index.js

@@ -15,18 +15,29 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var src_exports = {};
 __export(src_exports, {
   useClientValue: () => useClientValue,
-  useDidFinishSSR: () => useDidFinishSSR
+  useDidFinishSSR: () => useDidFinishSSR,
+  useDidFinishSSRSync: () => useDidFinishSSRSync
 });
 module.exports = __toCommonJS(src_exports);
 var import_react = require("react");
 const emptyFn = () => {
 }, emptyFnFn = () => emptyFn;
-function useDidFinishSSR(value) {
-  return (0, import_react.useSyncExternalStore)(
-    emptyFnFn,
-    () => value ?? !0,
-    () => !1
-  );
+function useDidFinishSSR(value, options) {
+  if (options?.sync)
+    return (0, import_react.useSyncExternalStore)(
+      emptyFnFn,
+      () => value ?? !0,
+      () => !1
+    );
+  const [cur, setCur] = (0, import_react.useState)(value);
+  return (0, import_react.useEffect)(() => {
+    setCur(value ?? !0);
+  }, []), cur ?? !1;
+}
+function useDidFinishSSRSync(value) {
+  return useDidFinishSSR(value, {
+    sync: !0
+  });
 }
 function useClientValue(value) {
   return useDidFinishSSR() ? typeof value == "function" ? value() : value : void 0;

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AAErC,MAAM,UAAU,MAAM;AAAC,GACjB,YAAY,MAAM;AAEjB,SAAS,gBAA6B,OAAsB;AAMjE,aAAO;AAAA,IACL;AAAA,IACA,MAAO,SAAqB;AAAA,IAC5B,MAAM;AAAA,EACR;AACF;AAIO,SAAS,eAAsB,OAAmD;AAEvF,SADa,gBAAgB,IACF,OAAO,SAAU,aAAa,MAAM,IAAI,QAApD;AACjB;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0D;AAE1D,MAAM,UAAU,MAAM;AAAC,GACjB,YAAY,MAAM;AAEjB,SAAS,gBACd,OACA,SAGW;AAMX,MAAI,SAAS;AACX,eAAO;AAAA,MACL;AAAA,MACA,MAAO,SAAqB;AAAA,MAC5B,MAAM;AAAA,IACR;AAGF,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAc,KAAK;AACzC,qCAAU,MAAM;AACd,WAAO,SAAS,EAAI;AAAA,EACtB,GAAG,CAAC,CAAC,GACE,OAAO;AAChB;AAKO,SAAS,oBAAiC,OAAsB;AACrE,SAAO,gBAAgB,OAAO;AAAA,IAC5B,MAAM;AAAA,EACR,CAAC;AACH;AAIO,SAAS,eAAsB,OAAmD;AAEvF,SADa,gBAAgB,IACF,OAAO,SAAU,aAAa,MAAM,IAAI,QAApD;AACjB;",
   "names": []
 }

package/dist/cjs/index.native.js

@@ -16,15 +16,64 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var src_exports = {};
 __export(src_exports, {
   useClientValue: () => useClientValue,
-  useDidFinishSSR: () => useDidFinishSSR
+  useDidFinishSSR: () => useDidFinishSSR,
+  useDidFinishSSRSync: () => useDidFinishSSRSync
 });
 module.exports = __toCommonJS(src_exports);
-var import_react = require("react"), emptyFn = function() {
+var import_react = require("react");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+  }
+}
+var emptyFn = function() {
 }, emptyFnFn = function() {
   return emptyFn;
 };
-function useDidFinishSSR(value) {
+function useDidFinishSSR(value, options) {
   return value ?? !0;
+  var _useState, cur, setCur;
+}
+function useDidFinishSSRSync(value) {
+  return useDidFinishSSR(value, {
+    sync: !0
+  });
 }
 function useClientValue(value) {
   var done = useDidFinishSSR();
@@ -33,6 +82,7 @@ function useClientValue(value) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useClientValue,
-  useDidFinishSSR
+  useDidFinishSSR,
+  useDidFinishSSRSync
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/use-did-finish-ssr/src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;mBAAqC,kBAE/BA,UAAU,WAAA;AAAO,GACjBC,YAAY,WAAA;SAAMD;;AAEjB,SAASE,gBAA6BC,OAAS;AAGlD,SAAOA,SAAS;AAQpB;AAIO,SAASC,eAAsBD,OAAa;AACjD,MAAME,OAAOH,gBAAAA;AACb,SAAQG,OAAmB,OAAOF,SAAU,aAAaA,MAAAA,IAAUA,QAApDG;AACjB;",
-  "names": ["emptyFn", "emptyFnFn", "useDidFinishSSR", "value", "useClientValue", "done", "undefined"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA,mBAA0D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1D,IAAMA,UAAU,WAAA;AAAO,GACjBC,YAAY,WAAA;SAAMD;;AAEjB,SAASE,gBACdC,OACAC,SAEC;AAIC,SAAOD,SAAS;AAWlB,MAAsBE,WAAfC,KAAKC;AAKd;AAKO,SAASC,oBAAiCL,OAAS;AACxD,SAAOD,gBAAgBC,OAAO;IAC5BM,MAAM;EACR,CAAA;AACF;AAIO,SAASC,eAAsBP,OAAa;AACjD,MAAMQ,OAAOT,gBAAAA;AACb,SAAQS,OAAmB,OAAOR,SAAU,aAAaA,MAAAA,IAAUA,QAApDS;AACjB;",
+  "names": ["emptyFn", "emptyFnFn", "useDidFinishSSR", "value", "options", "useState", "cur", "setCur", "useDidFinishSSRSync", "sync", "useClientValue", "done", "undefined"]
 }

package/dist/esm/index.js

@@ -1,18 +1,29 @@
-import { useSyncExternalStore } from "react";
+import { useEffect, useState, useSyncExternalStore } from "react";
 const emptyFn = () => {
 }, emptyFnFn = () => emptyFn;
-function useDidFinishSSR(value) {
-  return useSyncExternalStore(
-    emptyFnFn,
-    () => value ?? !0,
-    () => !1
-  );
+function useDidFinishSSR(value, options) {
+  if (options?.sync)
+    return useSyncExternalStore(
+      emptyFnFn,
+      () => value ?? !0,
+      () => !1
+    );
+  const [cur, setCur] = useState(value);
+  return useEffect(() => {
+    setCur(value ?? !0);
+  }, []), cur ?? !1;
+}
+function useDidFinishSSRSync(value) {
+  return useDidFinishSSR(value, {
+    sync: !0
+  });
 }
 function useClientValue(value) {
   return useDidFinishSSR() ? typeof value == "function" ? value() : value : void 0;
 }
 export {
   useClientValue,
-  useDidFinishSSR
+  useDidFinishSSR,
+  useDidFinishSSRSync
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,SAAS,4BAA4B;AAErC,MAAM,UAAU,MAAM;AAAC,GACjB,YAAY,MAAM;AAEjB,SAAS,gBAA6B,OAAsB;AAMjE,SAAO;AAAA,IACL;AAAA,IACA,MAAO,SAAqB;AAAA,IAC5B,MAAM;AAAA,EACR;AACF;AAIO,SAAS,eAAsB,OAAmD;AAEvF,SADa,gBAAgB,IACF,OAAO,SAAU,aAAa,MAAM,IAAI,QAApD;AACjB;",
+  "mappings": "AAAA,SAAS,WAAW,UAAU,4BAA4B;AAE1D,MAAM,UAAU,MAAM;AAAC,GACjB,YAAY,MAAM;AAEjB,SAAS,gBACd,OACA,SAGW;AAMX,MAAI,SAAS;AACX,WAAO;AAAA,MACL;AAAA,MACA,MAAO,SAAqB;AAAA,MAC5B,MAAM;AAAA,IACR;AAGF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAc,KAAK;AACzC,mBAAU,MAAM;AACd,WAAO,SAAS,EAAI;AAAA,EACtB,GAAG,CAAC,CAAC,GACE,OAAO;AAChB;AAKO,SAAS,oBAAiC,OAAsB;AACrE,SAAO,gBAAgB,OAAO;AAAA,IAC5B,MAAM;AAAA,EACR,CAAC;AACH;AAIO,SAAS,eAAsB,OAAmD;AAEvF,SADa,gBAAgB,IACF,OAAO,SAAU,aAAa,MAAM,IAAI,QAApD;AACjB;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -1,10 +1,19 @@
-import { useSyncExternalStore } from "react";
+import { useEffect, useState, useSyncExternalStore } from "react";
 const emptyFn = () => {},
   emptyFnFn = () => emptyFn;
-function useDidFinishSSR(value) {
-  return useSyncExternalStore(emptyFnFn, () => value ?? !0, () => !1);
+function useDidFinishSSR(value, options) {
+  if (options?.sync) return useSyncExternalStore(emptyFnFn, () => value ?? !0, () => !1);
+  const [cur, setCur] = useState(value);
+  return useEffect(() => {
+    setCur(value ?? !0);
+  }, []), cur ?? !1;
+}
+function useDidFinishSSRSync(value) {
+  return useDidFinishSSR(value, {
+    sync: !0
+  });
 }
 function useClientValue(value) {
   return useDidFinishSSR() ? typeof value == "function" ? value() : value : void 0;
 }
-export { useClientValue, useDidFinishSSR };
+export { useClientValue, useDidFinishSSR, useDidFinishSSRSync };

package/dist/esm/index.native.js

@@ -1,10 +1,57 @@
-import { useSyncExternalStore } from "react";
+import { useEffect, useState, useSyncExternalStore } from "react";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+  }
+}
 var emptyFn = function() {
 }, emptyFnFn = function() {
   return emptyFn;
 };
-function useDidFinishSSR(value) {
+function useDidFinishSSR(value, options) {
   return value ?? !0;
+  var _useState, cur, setCur;
+}
+function useDidFinishSSRSync(value) {
+  return useDidFinishSSR(value, {
+    sync: !0
+  });
 }
 function useClientValue(value) {
   var done = useDidFinishSSR();
@@ -12,6 +59,7 @@ function useClientValue(value) {
 }
 export {
   useClientValue,
-  useDidFinishSSR
+  useDidFinishSSR,
+  useDidFinishSSRSync
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/use-did-finish-ssr/src/index.ts"],
-  "mappings": "AAAA,SAASA,4BAA4B;AAErC,IAAMC,UAAU,WAAA;AAAO,GACjBC,YAAY,WAAA;SAAMD;;AAEjB,SAASE,gBAA6BC,OAAS;AAGlD,SAAOA,SAAS;AAQpB;AAIO,SAASC,eAAsBD,OAAa;AACjD,MAAME,OAAOH,gBAAAA;AACb,SAAQG,OAAmB,OAAOF,SAAU,aAAaA,MAAAA,IAAUA,QAApDG;AACjB;",
-  "names": ["useSyncExternalStore", "emptyFn", "emptyFnFn", "useDidFinishSSR", "value", "useClientValue", "done", "undefined"]
+  "mappings": "AAAA,SAASA,WAAWC,UAAUC,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1D,IAAMC,UAAU,WAAA;AAAO,GACjBC,YAAY,WAAA;SAAMD;;AAEjB,SAASE,gBACdC,OACAC,SAEC;AAIC,SAAOD,SAAS;AAWlB,MAAsBL,WAAfO,KAAKC;AAKd;AAKO,SAASC,oBAAiCJ,OAAS;AACxD,SAAOD,gBAAgBC,OAAO;IAC5BK,MAAM;EACR,CAAA;AACF;AAIO,SAASC,eAAsBN,OAAa;AACjD,MAAMO,OAAOR,gBAAAA;AACb,SAAQQ,OAAmB,OAAOP,SAAU,aAAaA,MAAAA,IAAUA,QAApDQ;AACjB;",
+  "names": ["useEffect", "useState", "useSyncExternalStore", "emptyFn", "emptyFnFn", "useDidFinishSSR", "value", "options", "cur", "setCur", "useDidFinishSSRSync", "sync", "useClientValue", "done", "undefined"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-did-finish-ssr",
-  "version": "1.99.0",
+  "version": "1.100.0",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,10 +27,10 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.99.0"
+    "@tamagui/constants": "1.100.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.99.0",
+    "@tamagui/build": "1.100.0",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/src/index.ts

@@ -1,19 +1,41 @@
-import { useSyncExternalStore } from 'react'
+import { useEffect, useState, useSyncExternalStore } from 'react'
 
 const emptyFn = () => {}
 const emptyFnFn = () => emptyFn
 
-export function useDidFinishSSR<A = boolean>(value?: A): A | false {
+export function useDidFinishSSR<A = boolean>(
+  value?: A,
+  options?: {
+    sync?: boolean
+  }
+): A | false {
   if (process.env.TAMAGUI_TARGET === 'native') {
     // @ts-expect-error
     return value ?? true
   }
 
-  return useSyncExternalStore(
-    emptyFnFn,
-    () => (value == undefined ? true : value),
-    () => false as any
-  )
+  if (options?.sync) {
+    return useSyncExternalStore(
+      emptyFnFn,
+      () => (value == undefined ? true : value),
+      () => false as any
+    )
+  }
+
+  const [cur, setCur] = useState<any>(value)
+  useEffect(() => {
+    setCur(value ?? true)
+  }, [])
+  return cur ?? false
+}
+
+// const useIsomorphicLayoutEffect =
+//   typeof window === 'undefined' ? useEffect : useLayoutEffect
+
+export function useDidFinishSSRSync<A = boolean>(value?: A): A | false {
+  return useDidFinishSSR(value, {
+    sync: true,
+  })
 }
 
 type FunctionOrValue<Value> = Value extends () => infer X ? X : Value

package/types/index.d.ts

@@ -1,4 +1,7 @@
-export declare function useDidFinishSSR<A = boolean>(value?: A): A | false;
+export declare function useDidFinishSSR<A = boolean>(value?: A, options?: {
+    sync?: boolean;
+}): A | false;
+export declare function useDidFinishSSRSync<A = boolean>(value?: A): A | false;
 type FunctionOrValue<Value> = Value extends () => infer X ? X : Value;
 export declare function useClientValue<Value>(value?: Value): FunctionOrValue<Value> | undefined;
 export {};

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,CAWjE;AAED,KAAK,eAAe,CAAC,KAAK,IAAI,KAAK,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAErE,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,SAAS,CAGvF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,CAAC,CAAC,GAAG,OAAO,EACzC,KAAK,CAAC,EAAE,CAAC,EACT,OAAO,CAAC,EAAE;IACR,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GACA,CAAC,GAAG,KAAK,CAmBX;AAKD,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,CAIrE;AAED,KAAK,eAAe,CAAC,KAAK,IAAI,KAAK,SAAS,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAErE,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,SAAS,CAGvF"}