lint++

Author: wmertens

package.json

@@ -110,7 +110,7 @@
     "cross-spawn": "7.0.3",
     "csstype": "3.1.3",
     "dotenv": "16.4.5",
-    "esbuild": "0.24.0",
+    "esbuild": "0.25.4",
     "eslint": "9.25.1",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-no-only-tests": "3.3.0",

packages/docs/package.json

@@ -8,9 +8,6 @@
     "@algolia/autocomplete-core": "1.7.4",
     "@algolia/client-search": "4.14.3",
     "@builder.io/partytown": "0.10.2",
-    "@builder.io/qwik": "../qwik",
-    "@builder.io/qwik-city": "../qwik-router",
-    "@builder.io/sdk-qwik": "0.14.31",
     "@emotion/react": "11.13.0",
     "@emotion/styled": "11.13.0",
     "@modular-forms/qwik": "0.23.1",

packages/docs/src/routes/demo/cookbook/glob-import/index.tsx

@@ -1,17 +1,8 @@
-import {
-  type Component,
-  component$,
-  useSignal,
-  useTask$,
-  isDev,
-} from '@qwik.dev/core';
+import { component$, type Component } from '@qwik.dev/core';
 
-const metaGlobComponents: Record<string, any> = import.meta.glob(
+const metaGlobComponents = import.meta.glob<Component>(
   '/src/routes/demo/cookbook/glob-import/examples/*',
-  {
-    import: 'default',
-    eager: !isDev,
-  }
+  { import: 'default' }
 );
 
 export default component$(() => {
@@ -24,15 +15,14 @@ export default component$(() => {
   );
 });
 
+const loaded: Record<string, Component> = {};
 export const MetaGlobExample = component$<{ name: string }>(({ name }) => {
-  const MetaGlobComponent = useSignal<Component<any>>();
-  const componentPath = `/src/routes/demo/cookbook/glob-import/examples/${name}.tsx`;
-
-  useTask$(async () => {
-    MetaGlobComponent.value = isDev
-      ? await metaGlobComponents[componentPath]() // We need to call `await metaGlobComponents[componentPath]()` in development as it is `eager:false`
-      : metaGlobComponents[componentPath]; // We need to directly access the `metaGlobComponents[componentPath]` expression in preview/production as it is `eager:true`
-  });
+  const Cmp = loaded[name];
+  if (!Cmp) {
+    const componentPath = `/src/routes/demo/cookbook/glob-import/examples/${name}.tsx`;
+    const promise = metaGlobComponents[componentPath]();
+    throw promise.then((c) => (loaded[name] = c));
+  }
 
-  return <>{MetaGlobComponent.value && <MetaGlobComponent.value />}</>;
+  return <Cmp />;
 });