@quilted/rollup 0.2.24 → 0.2.26

package/source/app.ts

@@ -907,7 +907,7 @@ export function magicModuleAppRequestRouter({
       return multiline`
         import '@quilted/quilt/globals';
 
-        import {jsx} from 'react/jsx-runtime';
+        import {jsx} from 'preact/jsx-runtime';
         import {RequestRouter} from '@quilted/quilt/request-router';
         import {renderToResponse} from '@quilted/quilt/server';
 
@@ -944,23 +944,19 @@ export function magicModuleAppBrowserEntry({
     module: MAGIC_MODULE_ENTRY,
     sideEffects: true,
     async source() {
-      const reactRootFunction = hydrate ? 'hydrateRoot' : 'createRoot';
+      const reactRootFunction = hydrate ? 'hydrate' : 'render';
 
       return multiline`
         import '@quilted/quilt/globals';
 
-        import {jsx} from 'react/jsx-runtime';
-        import {${reactRootFunction}} from 'react-dom/client';
+        import {jsx} from 'preact/jsx-runtime';
+        import {${reactRootFunction}} from 'preact';
 
         import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
 
         const element = document.querySelector(${JSON.stringify(selector)});
 
-        ${
-          hydrate
-            ? `${reactRootFunction}(element, jsx(App));`
-            : `${reactRootFunction}(element).render(jsx(App));`
-        }
+        ${reactRootFunction}(jsx(App), element);
       `;
     },
   });

package/source/features/async.ts

@@ -22,10 +22,17 @@ export function asyncModules({
   return {
     name: '@quilted/async',
     async resolveId(id, importer) {
-      if (id.startsWith(IMPORT_PREFIX)) return `\0${id}`;
-      if (!id.startsWith(MODULE_PREFIX)) return null;
+      let prefix: string;
+
+      if (id.startsWith(IMPORT_PREFIX)) {
+        prefix = IMPORT_PREFIX;
+      } else if (id.startsWith(MODULE_PREFIX)) {
+        prefix = MODULE_PREFIX;
+      } else {
+        return null;
+      }
 
-      const imported = id.replace(MODULE_PREFIX, '');
+      const imported = id.replace(prefix, '');
 
       const resolved = await this.resolve(imported, importer, {
         skipSelf: true,
@@ -33,7 +40,7 @@ export function asyncModules({
 
       if (resolved == null) return null;
 
-      return `\0${MODULE_PREFIX}${resolved.id}`;
+      return `\0${prefix}${resolved.id}`;
     },
     resolveDynamicImport(specifier) {
       if (

package/source/features/source-code.ts

@@ -29,7 +29,7 @@ export function sourceCode({
       // Support very modern features
       target: 'es2022',
       jsx: 'automatic',
-      jsxImportSource: typeof react === 'string' ? react : 'react',
+      jsxImportSource: typeof react === 'string' ? react : 'preact',
       exclude: 'node_modules/**',
     });
   }
@@ -47,7 +47,7 @@ export function sourceCode({
         require.resolve('@babel/preset-react'),
         {
           runtime: 'automatic',
-          importSource: typeof react === 'string' ? react : 'react',
+          importSource: typeof react === 'string' ? react : 'preact',
           development: mode === 'development',
         },
       ],

package/source/features/workers.ts

@@ -269,7 +269,7 @@ const workerFunctionContent = (pkg: string) =>
 
 const KNOWN_WRAPPER_MODULES = new Map<string, Map<string, string>>([
   ['@quilted/workers', workerFunctionContent('@quilted/workers')],
-  ['@quilted/react-workers', workerFunctionContent('@quilted/react-workers')],
+  ['@quilted/preact-workers', workerFunctionContent('@quilted/preact-workers')],
   ['@quilted/quilt/threads', workerFunctionContent('@quilted/quilt/threads')],
 ]);
 

package/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@quilted/craft/typescript/project.json",
+  "extends": "@quilted/typescript/tsconfig.project.json",
   "compilerOptions": {
     "rootDir": "source",
     "outDir": "build/typescript"