Convert @emotion/use-insertion-effect-with-fallbacks's source code …

…to TypeScript (#3279)
emotion-js · Dec 3, 2024 · e1bf17e · e1bf17e
1 parent c161e6f
commit e1bf17e
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 20 deletions.
diff --git a/.changeset/grumpy-suits-cough.md b/.changeset/grumpy-suits-cough.md
@@ -0,0 +1,5 @@
+---
+'@emotion/use-insertion-effect-with-fallbacks': minor
+---
+
+Source code has been migrated to TypeScript. From now on type declarations will be emitted based on that, instead of being hand-written.
diff --git a/packages/use-insertion-effect-with-fallbacks/package.json b/packages/use-insertion-effect-with-fallbacks/package.json
@@ -4,6 +4,7 @@
   "description": "A wrapper package that uses `useInsertionEffect` or a fallback for it",
   "main": "dist/emotion-use-insertion-effect-with-fallbacks.cjs.js",
   "module": "dist/emotion-use-insertion-effect-with-fallbacks.esm.js",
+  "types": "dist/emotion-use-insertion-effect-with-fallbacks.cjs.d.ts",
   "license": "MIT",
   "repository": "https://github.com/emotion-js/emotion/tree/main/packages/use-insertion-effect-with-fallbacks",
   "publishConfig": {
@@ -53,11 +54,11 @@
   },
   "imports": {
     "#is-browser": {
-      "edge-light": "./src/conditions/false.js",
-      "workerd": "./src/conditions/false.js",
-      "worker": "./src/conditions/false.js",
-      "browser": "./src/conditions/true.js",
-      "default": "./src/conditions/is-browser.js"
+      "edge-light": "./src/conditions/false.ts",
+      "workerd": "./src/conditions/false.ts",
+      "worker": "./src/conditions/false.ts",
+      "browser": "./src/conditions/true.ts",
+      "default": "./src/conditions/is-browser.ts"
     }
   }
 }
diff --git a/...ct-with-fallbacks/src/conditions/false.js → ...ct-with-fallbacks/src/conditions/false.ts b/...ct-with-fallbacks/src/conditions/false.js → ...ct-with-fallbacks/src/conditions/false.ts
diff --git a/...th-fallbacks/src/conditions/is-browser.js → ...th-fallbacks/src/conditions/is-browser.ts b/...th-fallbacks/src/conditions/is-browser.js → ...th-fallbacks/src/conditions/is-browser.ts
diff --git a/...ect-with-fallbacks/src/conditions/true.js → ...ect-with-fallbacks/src/conditions/true.ts b/...ect-with-fallbacks/src/conditions/true.js → ...ect-with-fallbacks/src/conditions/true.ts
diff --git a/packages/use-insertion-effect-with-fallbacks/src/index.js b/packages/use-insertion-effect-with-fallbacks/src/index.js
diff --git a/packages/use-insertion-effect-with-fallbacks/src/index.ts b/packages/use-insertion-effect-with-fallbacks/src/index.ts
@@ -0,0 +1,21 @@
+import * as React from 'react'
+import isBrowser from '#is-browser'
+
+const syncFallback = <T>(create: () => T) => create()
+
+const useInsertionEffect = React[
+  ('useInsertion' + 'Effect') as 'useInsertionEffect'
+]
+  ? (React[('useInsertion' + 'Effect') as 'useInsertionEffect'] as <T>(
+      create: () => T
+    ) => T | undefined)
+  : false
+
+export const useInsertionEffectAlwaysWithSyncFallback: <T>(
+  create: () => T
+) => T | undefined = !isBrowser
+  ? syncFallback
+  : useInsertionEffect || syncFallback
+
+export const useInsertionEffectWithLayoutFallback: typeof React.useLayoutEffect =
+  useInsertionEffect || React.useLayoutEffect