@jsenv/plugin-preact 1.2.25 → 1.2.27

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@jsenv/plugin-preact",
-  "version": "1.2.25",
+  "version": "1.2.27",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/jsenv/jsenv-core",
+    "url": "https://github.com/jsenv/core",
     "directory": "packages/jsenv-plugin-preact"
   },
   "publishConfig": {
@@ -25,9 +25,9 @@
   },
   "dependencies": {
     "babel-plugin-transform-hook-names": "1.0.2",
-    "@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/ast": "3.0.8",
     "@jsenv/sourcemap": "1.0.10",
     "@jsenv/url-meta": "8.1.0",
     "@prefresh/babel-plugin": "0.4.4",

package/src/client/preact_refresh.js

@@ -1,34 +1,34 @@
-import "@prefresh/core"
-import { flush } from "@prefresh/utils"
+import "@prefresh/core";
+import { flush } from "@prefresh/utils";
 
 export const installPreactRefresh = (url) => {
-  let prevRefreshReg = self.$RefreshReg$ || (() => {})
-  let prevRefreshSig = self.$RefreshSig$ || (() => (type) => type)
+  let prevRefreshReg = self.$RefreshReg$ || (() => {});
+  let prevRefreshSig = self.$RefreshSig$ || (() => (type) => type);
   self.$RefreshReg$ = (type, id) => {
-    self.__PREFRESH__.register(type, `${url} ${id}`)
-  }
+    self.__PREFRESH__.register(type, `${url} ${id}`);
+  };
   self.$RefreshSig$ = () => {
-    let status = "begin"
-    let savedType
+    let status = "begin";
+    let savedType;
     return (type, key, forceReset, getCustomHooks) => {
-      if (!savedType) savedType = type
+      if (!savedType) savedType = type;
       status = self.__PREFRESH__.sign(
         type || savedType,
         key,
         forceReset,
         getCustomHooks,
         status,
-      )
-      return type
-    }
-  }
+      );
+      return type;
+    };
+  };
   return {
     end: () => {
-      self.$RefreshReg$ = prevRefreshReg
-      self.$RefreshSig$ = prevRefreshSig
+      self.$RefreshReg$ = prevRefreshReg;
+      self.$RefreshSig$ = prevRefreshSig;
     },
     acceptCallback: () => {
-      flush()
+      flush();
     },
-  }
-}
+  };
+};

package/src/jsenv_plugin_preact.js

@@ -3,15 +3,15 @@
  * - https://github.com/preactjs/prefresh/blob/main/packages/vite/src/index.js
  */
 
-import { URL_META } from "@jsenv/url-meta"
-import { createMagicSource, composeTwoSourcemaps } from "@jsenv/sourcemap"
+import { URL_META } from "@jsenv/url-meta";
+import { createMagicSource, composeTwoSourcemaps } from "@jsenv/sourcemap";
 import {
   applyBabelPlugins,
   parseHtmlString,
   stringifyHtmlAst,
-  injectScriptNodeAsEarlyAsPossible,
+  injectHtmlNodeAsEarlyAsPossible,
   createHtmlNode,
-} from "@jsenv/ast"
+} from "@jsenv/ast";
 
 export const jsenvPluginPreact = ({
   jsxTranspilation = true,
@@ -23,22 +23,22 @@ export const jsenvPluginPreact = ({
     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 = {};
   }
   if (hookNamesInstrumentation === true) {
-    hookNamesInstrumentation = { "./**": true }
+    hookNamesInstrumentation = { "./**": true };
   } else {
-    hookNamesInstrumentation = {}
+    hookNamesInstrumentation = {};
   }
   const associations = URL_META.resolveAssociations(
     {
@@ -47,7 +47,7 @@ export const jsenvPluginPreact = ({
       hookNamesInstrumentation,
     },
     "file://",
-  )
+  );
 
   return {
     name: "jsenv:preact",
@@ -58,57 +58,55 @@ export const jsenvPluginPreact = ({
           reference.specifier === "react" ||
           reference.specifier === "react-dom"
         ) {
-          reference.specifier = "preact/compat"
-          return context.resolveReference(reference)[0].url
+          reference.specifier = "preact/compat";
+          return context.resolveReference(reference)[0].url;
         }
-        return null
+        return null;
       },
     },
     transformUrlContent: {
       html: (urlInfo, context) => {
         if (!preactDevtools) {
-          return null
+          return null;
         }
         if (context.build && preactDevtools !== "dev_and_build") {
-          return null
+          return null;
         }
-        const htmlAst = parseHtmlString(urlInfo.content)
+        const htmlAst = parseHtmlString(urlInfo.content);
         const [preactDevtoolsReference] = context.referenceUtils.inject({
           type: "js_import",
           expectedType: "js_module",
           specifier: context.dev ? "preact/debug" : "preact/devtools",
-        })
-        injectScriptNodeAsEarlyAsPossible(
+        });
+        injectHtmlNodeAsEarlyAsPossible(
           htmlAst,
           createHtmlNode({
             tagName: "script",
             type: "module",
-            textContent: `
-import ${preactDevtoolsReference.generatedSpecifier}
-`,
+            textContent: `import ${preactDevtoolsReference.generatedSpecifier}`,
           }),
           "jsenv:preact",
-        )
-        const htmlModified = stringifyHtmlAst(htmlAst)
-        return { content: htmlModified }
+        );
+        const htmlModified = stringifyHtmlAst(htmlAst);
+        return { content: htmlModified };
       },
       js_module: async (urlInfo, context) => {
         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 hookNamesEnabled =
           context.dev &&
           urlMeta.hookNamesInstrumentation &&
           (urlInfo.content.includes("useState") ||
             urlInfo.content.includes("useReducer") ||
             urlInfo.content.includes("useRef") ||
-            urlInfo.content.includes("useMemo"))
+            urlInfo.content.includes("useMemo"));
         const { code, map } = await applyBabelPlugins({
           babelPlugins: [
             ...(jsxEnabled
@@ -128,8 +126,8 @@ import ${preactDevtoolsReference.generatedSpecifier}
             ...(refreshEnabled ? ["@prefresh/babel-plugin"] : []),
           ],
           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 "preact/jsx-runtime"
@@ -143,50 +141,50 @@ import ${preactDevtoolsReference.generatedSpecifier}
             `"preact"`,
             `"preact/jsx-dev-runtime"`,
             `"preact/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 [preactRefreshClientReference] =
               context.referenceUtils.inject({
                 type: "js_import",
                 expectedType: "js_module",
                 specifier: "@jsenv/plugin-preact/src/client/preact_refresh.js",
-              })
+              });
             magicSource.prepend(`import { installPreactRefresh } from ${
               preactRefreshClientReference.generatedSpecifier
             }
 const __preact_refresh__ = installPreactRefresh(${JSON.stringify(urlInfo.url)})
-`)
+`);
             if (hasReg) {
               magicSource.append(`
 __preact_refresh__.end()
-import.meta.hot.accept(__preact_refresh__.acceptCallback)`)
+import.meta.hot.accept(__preact_refresh__.acceptCallback)`);
             }
           }
         }
         const result = magicSource.toContentAndSourcemap({
           source: "jsenv_preact",
-        })
+        });
         return {
           content: result.content,
           sourcemap: await composeTwoSourcemaps(map, result.sourcemap),
@@ -194,8 +192,8 @@ import.meta.hot.accept(__preact_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/main.js

@@ -1 +1 @@
-export { jsenvPluginPreact } from "./jsenv_plugin_preact.js"
+export { jsenvPluginPreact } from "./jsenv_plugin_preact.js";