.changeset/wicked-foxes-behave.md

@@ -0,0 +1,5 @@
+---
+'create-qwik': patch
+---
+
+feat: added `preserveModules` to library starters to improve library bundling / tree-shaking

package.json

@@ -73,9 +73,6 @@
       ]
     }
   },
-  "simple-git-hooks": {
-    "pre-commit": "pnpm pretty-quick --staged"
-  },
   "contributors": [
     {
       "name": "Miško Hevery",
@@ -228,13 +225,13 @@
     "lint.prettier": "prettier --cache --check .",
     "lint.rust": "make lint",
     "lint.syncpack": "syncpack list-mismatches",
-    "prepare": "simple-git-hooks",
     "preinstall": "npx only-allow pnpm",
+    "prepare": "simple-git-hooks",
     "prettier.fix": "prettier --cache --write .",
     "qwik-save-artifacts": "tsm ./scripts/qwik-save-artifacts.ts",
     "release": "changeset publish",
-    "release.prepare": "pnpm build --prepare-release",
     "release.pkg-pr-new": "pnpm dlx pkg-pr-new@^0.0.9 publish --compact --pnpm ./packages/qwik ./packages/qwik-city ./packages/eslint-plugin-qwik ./packages/create-qwik",
+    "release.prepare": "pnpm build --prepare-release",
     "serve": "tsm --inspect --conditions=development starters/dev-server.ts 3300",
     "serve.debug": "tsm --inspect-brk --conditions=development starters/dev-server.ts 3300",
     "start": "concurrently \"npm:build.watch\"  \"npm:tsc.watch\" -n build,tsc -c green,cyan",
@@ -256,5 +253,8 @@
     "update.qwik.builds": "tsm scripts/update-qwik-builds.ts packages/docs && tsm scripts/update-qwik-builds.ts packages/insights; pnpm install",
     "vitest": "vitest"
   },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm pretty-quick --staged"
+  },
   "type": "module"
 }

packages/docs/src/repl/worker/app-bundle-client.ts

@@ -18,7 +18,7 @@ export const appBundleClient = async (
     debug: options.debug,
     srcInputs: getInputs(options),
     // Older versions don't support `segment`
-    entryStrategy: options.entryStrategy === 'segment' ? 'hook':options.entryStrategy,
+    entryStrategy: options.entryStrategy === 'segment' ? 'hook' : options.entryStrategy,
     manifestOutput: (m) => {
       result.manifest = m;
     },

packages/docs/src/root.tsx

@@ -1,11 +1,5 @@
-import {
-  PrefetchGraph,
-  PrefetchServiceWorker,
-  component$,
-  useContextProvider,
-  useStore,
-} from '@builder.io/qwik';
-import { QwikCityProvider, RouterOutlet } from '@builder.io/qwik-city';
+import { component$, useContextProvider, useStore } from '@builder.io/qwik';
+import { QwikCityProvider, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
 import RealMetricsOptimization from './components/real-metrics-optimization/real-metrics-optimization';
 import { RouterHead } from './components/router-head/router-head';
 import { GlobalStore, type SiteStore } from './context';
@@ -60,8 +54,7 @@ export default component$(() => {
         <meta charset="utf-8" />
         <script dangerouslySetInnerHTML={uwu} />
         <RouterHead />
-        <PrefetchServiceWorker />
-        <PrefetchGraph />
+        <ServiceWorkerRegister />
         {/* <script dangerouslySetInnerHTML={`(${collectSymbols})()`} /> */}
         <Insights publicApiKey={import.meta.env.PUBLIC_QWIK_INSIGHTS_KEY} />
       </head>

starters/apps/library/vite.config.ts

@@ -14,9 +14,14 @@ export default defineConfig(() => {
       lib: {
         entry: "./src/index.ts",
         formats: ["es", "cjs"],
-        fileName: (format) => `index.qwik.${format === "es" ? "mjs" : "cjs"}`,
+        fileName: (format, entryName) =>
+          `${entryName}.qwik.${format === "es" ? "mjs" : "cjs"}`,
       },
       rollupOptions: {
+        output: {
+          preserveModules: true,
+          preserveModulesRoot: "src",
+        },
         // externalize deps that shouldn't be bundled into the library
         external: [
           /^node:.*/,