@jsenv/plugin-react 1.2.16 → 1.2.18

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@jsenv/plugin-react",
-  "version": "1.2.16",
+  "version": "1.2.18",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/jsenv/jsenv-core",
+    "url": "https://github.com/jsenv/core",
     "directory": "packages/jsenv-plugin-react"
   },
   "publishConfig": {
@@ -24,10 +24,10 @@
     "test": "node --conditions=development ./scripts/test.mjs"
   },
   "dependencies": {
-    "@babel/plugin-transform-react-jsx": "7.21.0",
+    "@babel/plugin-transform-react-jsx": "7.21.5",
     "@babel/plugin-transform-react-jsx-development": "7.18.6",
-    "@jsenv/ast": "3.0.6",
-    "@jsenv/plugin-commonjs": "2.0.4",
+    "@jsenv/ast": "3.0.8",
+    "@jsenv/plugin-commonjs": "2.0.5",
     "@jsenv/sourcemap": "1.0.10",
     "@jsenv/url-meta": "8.1.0",
     "react-refresh": "0.14.0"

package/src/client/react_refresh.js

@@ -1,31 +1,31 @@
-import RefreshRuntime from "react-refresh"
+import RefreshRuntime from "react-refresh";
 
 export const installReactRefresh = (url) => {
   if (!self.__react_refresh_installed__) {
-    throw new Error("react refresh not installed")
+    throw new Error("react refresh not installed");
   }
 
-  let prevRefreshReg
-  let prevRefreshSig
-  prevRefreshReg = self.$RefreshReg$
-  prevRefreshSig = self.$RefreshSig$
+  let prevRefreshReg;
+  let prevRefreshSig;
+  prevRefreshReg = self.$RefreshReg$;
+  prevRefreshSig = self.$RefreshSig$;
   self.$RefreshReg$ = (type, id) => {
-    RefreshRuntime.register(type, `${url} ${id}`)
-  }
-  self.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform
+    RefreshRuntime.register(type, `${url} ${id}`);
+  };
+  self.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
 
   return {
     end: () => {
-      self.$RefreshReg$ = prevRefreshReg
-      self.$RefreshSig$ = prevRefreshSig
+      self.$RefreshReg$ = prevRefreshReg;
+      self.$RefreshSig$ = prevRefreshSig;
     },
     acceptCallback: () => {
       if (!self.__react_refresh_timeout__) {
         self.__react_refresh_timeout__ = setTimeout(() => {
-          self.__react_refresh_timeout__ = 0
-          RefreshRuntime.performReactRefresh()
-        }, 30)
+          self.__react_refresh_timeout__ = 0;
+          RefreshRuntime.performReactRefresh();
+        }, 30);
       }
     },
-  }
-}
+  };
+};

package/src/client/react_refresh_preamble.js

@@ -1,20 +1,20 @@
-import RefreshRuntime from "react-refresh"
+import RefreshRuntime from "react-refresh";
 
 // see https://github.com/vitejs/vite/blob/0858450b2a258b216ae9aa797cc02e9a0d4eb0af/packages/plugin-react/src/fast-refresh.ts#L29-L35
-RefreshRuntime.injectIntoGlobalHook(self)
-self.$RefreshReg$ = () => {}
-self.$RefreshSig$ = () => (type) => type
+RefreshRuntime.injectIntoGlobalHook(self);
+self.$RefreshReg$ = () => {};
+self.$RefreshSig$ = () => (type) => type;
 const debounce = (fn, delay) => {
-  let handle
+  let handle;
   return () => {
-    clearTimeout(handle)
-    handle = setTimeout(fn, delay)
-  }
-}
+    clearTimeout(handle);
+    handle = setTimeout(fn, delay);
+  };
+};
 // see https://github.com/vitejs/vite/blob/0858450b2a258b216ae9aa797cc02e9a0d4eb0af/packages/plugin-react/src/fast-refresh.ts#L16-L26
 RefreshRuntime.performReactRefresh = debounce(
   RefreshRuntime.performReactRefresh,
   16,
-)
+);
 
-self.__react_refresh_installed__ = true
+self.__react_refresh_installed__ = true;

package/src/jsenv_plugin_react.js

@@ -2,12 +2,12 @@
  * - https://github.com/vitejs/vite/blob/main/packages/plugin-react/src/index.ts
  */
 
-import { URL_META } from "@jsenv/url-meta"
-import { jsenvPluginCommonJs } from "@jsenv/plugin-commonjs"
-import { createMagicSource, composeTwoSourcemaps } from "@jsenv/sourcemap"
-import { applyBabelPlugins } from "@jsenv/ast"
+import { URL_META } from "@jsenv/url-meta";
+import { jsenvPluginCommonJs } from "@jsenv/plugin-commonjs";
+import { createMagicSource, composeTwoSourcemaps } from "@jsenv/sourcemap";
+import { applyBabelPlugins } from "@jsenv/ast";
 
-import { jsenvPluginReactRefreshPreamble } from "./jsenv_plugin_react_refresh_preamble.js"
+import { jsenvPluginReactRefreshPreamble } from "./jsenv_plugin_react_refresh_preamble.js";
 
 export const jsenvPluginReact = ({
   asJsModuleLogLevel,
@@ -41,8 +41,8 @@ export const jsenvPluginReact = ({
       jsxTranspilation,
       refreshInstrumentation,
     }),
-  ]
-}
+  ];
+};
 
 const jsenvPluginJsxAndRefresh = ({
   jsxTranspilation,
@@ -52,17 +52,17 @@ const jsenvPluginJsxAndRefresh = ({
     jsxTranspilation = {
       "./**/*.jsx": true,
       "./**/*.tsx": true,
-    }
+    };
   } else if (jsxTranspilation === false) {
-    jsxTranspilation = {}
+    jsxTranspilation = {};
   }
   if (refreshInstrumentation === true) {
     refreshInstrumentation = {
       "./**/*.jsx": true,
       "./**/*.tsx": true,
-    }
+    };
   } else if (refreshInstrumentation === false) {
-    refreshInstrumentation = {}
+    refreshInstrumentation = {};
   }
   const associations = URL_META.resolveAssociations(
     {
@@ -70,7 +70,7 @@ const jsenvPluginJsxAndRefresh = ({
       refreshInstrumentation,
     },
     "file://",
-  )
+  );
 
   return {
     name: "jsenv:jsx_and_refresh",
@@ -80,12 +80,12 @@ const jsenvPluginJsxAndRefresh = ({
         const urlMeta = URL_META.applyAssociations({
           url: urlInfo.url,
           associations,
-        })
-        const jsxEnabled = urlMeta.jsxTranspilation
+        });
+        const jsxEnabled = urlMeta.jsxTranspilation;
         const refreshEnabled = context.dev
           ? urlMeta.refreshInstrumentation &&
             !urlInfo.content.includes("import.meta.hot.decline()")
-          : false
+          : false;
         const babelPlugins = [
           ...(jsxEnabled
             ? [
@@ -103,12 +103,12 @@ const jsenvPluginJsxAndRefresh = ({
           ...(refreshEnabled
             ? [["react-refresh/babel", { skipEnvCheck: true }]]
             : []),
-        ]
+        ];
         const { code, map } = await applyBabelPlugins({
           babelPlugins,
           urlInfo,
-        })
-        const magicSource = createMagicSource(code)
+        });
+        const magicSource = createMagicSource(code);
         if (jsxEnabled) {
           // "@babel/plugin-transform-react-jsx" is injecting some of these 3 imports into the code:
           // 1. import { jsx } from "react/jsx-runtime"
@@ -121,28 +121,28 @@ const jsenvPluginJsxAndRefresh = ({
             `"react"`,
             `"react/jsx-dev-runtime"`,
             `"react/jsx-runtime"`,
-          ]
+          ];
           for (const importSpecifier of injectedSpecifiers) {
-            let index = code.indexOf(importSpecifier)
+            let index = code.indexOf(importSpecifier);
             while (index > -1) {
-              const specifier = importSpecifier.slice(1, -1)
+              const specifier = importSpecifier.slice(1, -1);
               const [injectedReference] = context.referenceUtils.inject({
                 type: "js_import",
                 expectedType: "js_module",
                 specifier,
-              })
+              });
               magicSource.replace({
                 start: index,
                 end: index + importSpecifier.length,
                 replacement: injectedReference.generatedSpecifier,
-              })
-              index = code.indexOf(importSpecifier, index + 1)
+              });
+              index = code.indexOf(importSpecifier, index + 1);
             }
           }
         }
         if (refreshEnabled) {
-          const hasReg = /\$RefreshReg\$\(/.test(code)
-          const hasSig = /\$RefreshSig\$\(/.test(code)
+          const hasReg = /\$RefreshReg\$\(/.test(code);
+          const hasSig = /\$RefreshSig\$\(/.test(code);
           if (hasReg || hasSig) {
             const [reactRefreshClientReference] = context.referenceUtils.inject(
               {
@@ -150,20 +150,20 @@ const jsenvPluginJsxAndRefresh = ({
                 expectedType: "js_module",
                 specifier: "@jsenv/plugin-react/src/client/react_refresh.js",
               },
-            )
+            );
             magicSource.prepend(`import { installReactRefresh } from ${
               reactRefreshClientReference.generatedSpecifier
             }
 const __react_refresh__ = installReactRefresh(${JSON.stringify(urlInfo.url)})
-`)
+`);
             if (hasReg) {
               magicSource.append(`
 __react_refresh__.end()
-import.meta.hot.accept(__react_refresh__.acceptCallback)`)
+import.meta.hot.accept(__react_refresh__.acceptCallback)`);
             }
           }
         }
-        const result = magicSource.toContentAndSourcemap()
+        const result = magicSource.toContentAndSourcemap();
         return {
           content: result.content,
           sourcemap: await composeTwoSourcemaps(map, result.sourcemap),
@@ -171,8 +171,8 @@ import.meta.hot.accept(__react_refresh__.acceptCallback)`)
           // I don't know exactly what is resulting in bad sourcemaps
           // but I suspect hooknames or prefresh to be responsible
           sourcemapIsWrong: jsxEnabled && refreshEnabled,
-        }
+        };
       },
     },
-  }
-}
+  };
+};

package/src/jsenv_plugin_react_refresh_preamble.js

@@ -1,29 +1,29 @@
 import {
   parseHtmlString,
   stringifyHtmlAst,
-  injectScriptNodeAsEarlyAsPossible,
+  injectHtmlNodeAsEarlyAsPossible,
   createHtmlNode,
-} from "@jsenv/ast"
+} from "@jsenv/ast";
 
 export const jsenvPluginReactRefreshPreamble = () => {
   const reactRefreshPreambleClientFileUrl = new URL(
     "./client/react_refresh_preamble.js",
     import.meta.url,
-  ).href
+  ).href;
 
   return {
     name: "jsenv:react_refresh_preamble",
     appliesDuring: "dev",
     transformUrlContent: {
       html: (urlInfo, context) => {
-        const htmlAst = parseHtmlString(urlInfo.content)
+        const htmlAst = parseHtmlString(urlInfo.content);
         const [reactRefreshPreambleReference] = context.referenceUtils.inject({
           type: "script",
           subtype: "js_module",
           expectedType: "js_module",
           specifier: reactRefreshPreambleClientFileUrl,
-        })
-        injectScriptNodeAsEarlyAsPossible(
+        });
+        injectHtmlNodeAsEarlyAsPossible(
           htmlAst,
           createHtmlNode({
             tagName: "script",
@@ -31,10 +31,10 @@ export const jsenvPluginReactRefreshPreamble = () => {
             src: reactRefreshPreambleReference.generatedSpecifier,
           }),
           "jsenv:react_refresh_preamble",
-        )
-        const htmlModified = stringifyHtmlAst(htmlAst)
-        return htmlModified
+        );
+        const htmlModified = stringifyHtmlAst(htmlAst);
+        return htmlModified;
       },
     },
-  }
-}
+  };
+};

package/src/main.js

@@ -1 +1 @@
-export { jsenvPluginReact } from "./jsenv_plugin_react.js"
+export { jsenvPluginReact } from "./jsenv_plugin_react.js";