@tamagui/use-window-dimensions 1.0.1-beta.186 → 1.0.1-beta.188

package/dist/cjs/index.js

@@ -21,22 +21,18 @@ __export(src_exports, {
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(src_exports);
-var import_react = require("react");
+var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
 var import_react_native = require("react-native");
-let lastKnownValue = {
+const initialValue = {
   fontScale: 1,
   height: 800,
   width: 600,
   scale: 1
 };
 function useWindowDimensions() {
-  const next = (0, import_react_native.useWindowDimensions)();
-  const [current, setCurrent] = (0, import_react.useState)(lastKnownValue);
-  if (next !== current) {
-    setCurrent(next);
-    lastKnownValue = next;
-  }
-  return current;
+  const current = (0, import_react_native.useWindowDimensions)();
+  const didFinishSSR = (0, import_use_did_finish_ssr.useDidFinishSSR)();
+  return didFinishSSR ? current : initialValue;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import { useState } from 'react'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nlet lastKnownValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const next = useWindowDimensionsRN()\n  const [current, setCurrent] = useState(lastKnownValue)\n\n  if (next !== current) {\n    setCurrent(next)\n    lastKnownValue = next\n  }\n\n  return current\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AACzB,0BAAyE;AAMzE,IAAI,iBAA6B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,WAAO,oBAAAA,qBAAsB;AACnC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,cAAc;AAErD,MAAI,SAAS,SAAS;AACpB,eAAW,IAAI;AACf,qBAAiB;AAAA,EACnB;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const current = useWindowDimensionsRN()\n  const didFinishSSR = useDidFinishSSR()\n  return didFinishSSR ? current : initialValue\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAgC;AAChC,0BAAyE;AAMzE,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,cAAU,oBAAAA,qBAAsB;AACtC,QAAM,mBAAe,2CAAgB;AACrC,SAAO,eAAe,UAAU;AAClC;",
   "names": ["useWindowDimensionsRN"]
 }

package/dist/esm/index.js

@@ -1,19 +1,15 @@
-import { useState } from "react";
+import { useDidFinishSSR } from "@tamagui/use-did-finish-ssr";
 import { useWindowDimensions as useWindowDimensionsRN } from "react-native";
-let lastKnownValue = {
+const initialValue = {
   fontScale: 1,
   height: 800,
   width: 600,
   scale: 1
 };
 function useWindowDimensions() {
-  const next = useWindowDimensionsRN();
-  const [current, setCurrent] = useState(lastKnownValue);
-  if (next !== current) {
-    setCurrent(next);
-    lastKnownValue = next;
-  }
-  return current;
+  const current = useWindowDimensionsRN();
+  const didFinishSSR = useDidFinishSSR();
+  return didFinishSSR ? current : initialValue;
 }
 export {
   useWindowDimensions

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import { useState } from 'react'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nlet lastKnownValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const next = useWindowDimensionsRN()\n  const [current, setCurrent] = useState(lastKnownValue)\n\n  if (next !== current) {\n    setCurrent(next)\n    lastKnownValue = next\n  }\n\n  return current\n}\n"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAqB,uBAAuB,6BAA6B;AAMzE,IAAI,iBAA6B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,OAAO,sBAAsB;AACnC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AAErD,MAAI,SAAS,SAAS;AACpB,eAAW,IAAI;AACf,qBAAiB;AAAA,EACnB;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'\nimport { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: ScaledSize = {\n  fontScale: 1,\n  height: 800,\n  width: 600,\n  scale: 1,\n}\n\nexport function useWindowDimensions() {\n  const current = useWindowDimensionsRN()\n  const didFinishSSR = useDidFinishSSR()\n  return didFinishSSR ? current : initialValue\n}\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAqB,uBAAuB,6BAA6B;AAMzE,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,UAAU,sBAAsB;AACtC,QAAM,eAAe,gBAAgB;AACrC,SAAO,eAAe,UAAU;AAClC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-window-dimensions",
-  "version": "1.0.1-beta.186",
+  "version": "1.0.1-beta.188",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -18,12 +18,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/use-debounce": "^1.0.1-beta.186",
-    "@tamagui/use-force-update": "^1.0.1-beta.186",
+    "@tamagui/use-did-finish-ssr": "^1.0.1-beta.188",
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.186",
+    "@tamagui/build": "^1.0.1-beta.188",
     "@types/react": "^18.0.15",
     "react-native": "*"
   },

package/src/index.ts

@@ -1,11 +1,11 @@
-import { useState } from 'react'
+import { useDidFinishSSR } from '@tamagui/use-did-finish-ssr'
 import { ScaledSize, useWindowDimensions as useWindowDimensionsRN } from 'react-native'
 
 /**
  * SSR safe useWindowDimensions
  */
 
-let lastKnownValue: ScaledSize = {
+const initialValue: ScaledSize = {
   fontScale: 1,
   height: 800,
   width: 600,
@@ -13,13 +13,7 @@ let lastKnownValue: ScaledSize = {
 }
 
 export function useWindowDimensions() {
-  const next = useWindowDimensionsRN()
-  const [current, setCurrent] = useState(lastKnownValue)
-
-  if (next !== current) {
-    setCurrent(next)
-    lastKnownValue = next
-  }
-
-  return current
+  const current = useWindowDimensionsRN()
+  const didFinishSSR = useDidFinishSSR()
+  return didFinishSSR ? current : initialValue
 }