Convert @emotion/use-insertion-effect-with-fallbacks's source code to TypeScript (#3279)

Author: Andarist

.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.

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"
     }
   }
 }

packages/use-insertion-effect-with-fallbacks/src/conditions/false.js renamed to packages/use-insertion-effect-with-fallbacks/src/conditions/false.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