@tamagui/use-window-dimensions 1.2.7 → 1.2.8

package/dist/cjs/index.js

@@ -31,8 +31,10 @@ const initialValue = {
   scale: 1
 };
 function useWindowDimensions() {
-  const [state, setState] = (0, import_react.useState)(initialValue);
   const current = (0, import_react_native.useWindowDimensions)();
+  if (process.env.TAMAGUI_TARGET != "web")
+    return current;
+  const [state, setState] = (0, import_react.useState)(initialValue);
   (0, import_constants.useIsomorphicLayoutEffect)(() => {
     setState(current);
   }, [current.height, current.width, current.fontScale, current.scale]);

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport {\n  ScaledSize,\n  useWindowDimensions as useWindowDimensionsRN,\n} 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 [state, setState] = useState(initialValue)\n  const current = useWindowDimensionsRN()\n\n  useIsomorphicLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAC1C,mBAAyB;AACzB,0BAGO;AAMP,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAC/C,QAAM,cAAU,oBAAAA,qBAAsB;AAEtC,kDAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
+  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport {\n  ScaledSize,\n  useWindowDimensions as useWindowDimensionsRN\n} 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  \n  if (process.env.TAMAGUI_TARGET != 'web') return current\n  \n  const [state, setState] = useState(initialValue)\n\n  useIsomorphicLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAC1C,mBAAyB;AACzB,0BAGO;AAMP,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,cAAU,oBAAAA,qBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB;AAAO,WAAO;AAEhD,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,YAAY;AAE/C,kDAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
   "names": ["useWindowDimensionsRN"]
 }

package/dist/esm/index.js

@@ -10,8 +10,10 @@ const initialValue = {
   scale: 1
 };
 function useWindowDimensions() {
-  const [state, setState] = useState(initialValue);
   const current = useWindowDimensionsRN();
+  if (process.env.TAMAGUI_TARGET != "web")
+    return current;
+  const [state, setState] = useState(initialValue);
   useIsomorphicLayoutEffect(() => {
     setState(current);
   }, [current.height, current.width, current.fontScale, current.scale]);

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport {\n  ScaledSize,\n  useWindowDimensions as useWindowDimensionsRN,\n} 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 [state, setState] = useState(initialValue)\n  const current = useWindowDimensionsRN()\n\n  useIsomorphicLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB;AAAA,EAEE,uBAAuB;AAAA,OAClB;AAMP,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,UAAU,sBAAsB;AAEtC,4BAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
+  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useState } from 'react'\nimport {\n  ScaledSize,\n  useWindowDimensions as useWindowDimensionsRN\n} 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  \n  if (process.env.TAMAGUI_TARGET != 'web') return current\n  \n  const [state, setState] = useState(initialValue)\n\n  useIsomorphicLayoutEffect(() => {\n    setState(current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [current.height, current.width, current.fontScale, current.scale])\n\n  return state\n}\n"],
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB;AAAA,EAEE,uBAAuB;AAAA,OAClB;AAMP,MAAM,eAA2B;AAAA,EAC/B,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,sBAAsB;AACpC,QAAM,UAAU,sBAAsB;AAEtC,MAAI,QAAQ,IAAI,kBAAkB;AAAO,WAAO;AAEhD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAE/C,4BAA0B,MAAM;AAC9B,aAAS,OAAO;AAAA,EAElB,GAAG,CAAC,QAAQ,QAAQ,QAAQ,OAAO,QAAQ,WAAW,QAAQ,KAAK,CAAC;AAEpE,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-window-dimensions",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -18,10 +18,10 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "^1.2.7"
+    "@tamagui/constants": "^1.2.8"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.2.7",
+    "@tamagui/build": "^1.2.8",
     "@types/react": "^18.0.15",
     "react": "^18.2.0",
     "react-native": "*"

package/src/index.ts

@@ -2,7 +2,7 @@ import { useIsomorphicLayoutEffect } from '@tamagui/constants'
 import { useState } from 'react'
 import {
   ScaledSize,
-  useWindowDimensions as useWindowDimensionsRN,
+  useWindowDimensions as useWindowDimensionsRN
 } from 'react-native'
 
 /**
@@ -17,8 +17,11 @@ const initialValue: ScaledSize = {
 }
 
 export function useWindowDimensions() {
-  const [state, setState] = useState(initialValue)
   const current = useWindowDimensionsRN()
+  
+  if (process.env.TAMAGUI_TARGET != 'web') return current
+  
+  const [state, setState] = useState(initialValue)
 
   useIsomorphicLayoutEffect(() => {
     setState(current)

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAEX,MAAM,cAAc,CAAA;AAarB,wBAAgB,mBAAmB,eAUlC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EAEX,MAAM,cAAc,CAAA;AAarB,wBAAgB,mBAAmB,eAalC"}