chore: fix eslint problems in starters

Author: Varixo

starters/apps/e2e/src/components/computed/computed.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import { component$, useComputed$, useSignal, useTask$ } from "@qwik.dev/core";
 
 export const ComputedRoot = component$(() => {

starters/apps/playground/src/routes/demo/flower/index.tsx

@@ -5,6 +5,7 @@ import {
   useStylesScoped$,
   useVisibleTask$,
 } from "@qwik.dev/core";
+// @ts-ignore-next-line not sure why this is not working
 import styles from "./flower.css?inline";
 
 export default component$(() => {
@@ -16,7 +17,6 @@ export default component$(() => {
     number: 20,
   });
 
-  // eslint-disable-next-line qwik/no-use-visible-task
   useVisibleTask$(({ cleanup }) => {
     const timeout = setTimeout(() => (state.count = 1), 500);
     cleanup(() => clearTimeout(timeout));

starters/apps/playground/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "target": "ES2017",
+    "module": "ES2022",
+    "lib": ["es2022", "DOM", "WebWorker", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "@qwik.dev/core",
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "Bundler",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "incremental": true,
+    "isolatedModules": true,
+    "outDir": "tmp",
+    "noEmit": true,
+    "paths": {
+      "~/*": ["./src/*"],
+      "~components/*": ["./src/components/*"]
+    }
+  },
+  "include": ["src", "./*.d.ts", "./*.config.ts"]
+}

starters/apps/playground/vite.config.ts

@@ -0,0 +1,86 @@
+/**
+ * This is the base config for vite.
+ * When building, the adapter config is used which loads this file and extends it.
+ */
+import { defineConfig, type UserConfig, type Plugin } from "vite";
+import { qwikVite } from "@qwik.dev/core/optimizer";
+import { qwikCity } from "@qwik.dev/router/vite";
+import crypto from "crypto";
+import tsconfigPaths from "vite-tsconfig-paths";
+import basicSsl from "@vitejs/plugin-basic-ssl";
+/**
+ * Note that Vite normally starts from `index.html` but the qwikCity plugin makes start at `src/entry.ssr.tsx` instead.
+ */
+function createBulkPlugin(): Plugin {
+  return {
+    name: "add-bulk-and-track",
+    transform(code, id) {
+      // Only process JavaScript/TypeScript files
+      if (!id.match(/(\.[cm]?[jt]sx?$|@qwik)/)) {
+        return null;
+      }
+
+      // Generate deterministic bulk based on filename
+      const hash = crypto.createHash("sha256").update(id).digest();
+
+      // Create bulk with an exponential-like distribution between 0kb and 50kb
+      // Most files will be closer to 0kb, with a few reaching 50kb
+      const maxSize = 500;
+      const x = hash[0] / 255; // Normalize first byte to 0-1
+      const exp = Math.pow(x, 6); // Skew distribution
+      const bulkSize = Math.floor(maxSize * exp);
+
+      // Create repeatable random bulk using the hash as seed
+      const prng = crypto.createHash("sha512").update(id).digest();
+      const bulk = Array.from({ length: Math.ceil(bulkSize / 64) }, (_, i) => {
+        // Use the hash as a seed to generate new random blocks
+        const block = crypto
+          .createHash("sha512")
+          .update(prng)
+          .update(Buffer.from([i]))
+          .digest("base64");
+        return block;
+      }).join("");
+
+      // Add tracking code and bulk assignment at the start of each module
+      const trackingCode = `
+        console.log(">>> running", ${JSON.stringify(id)});
+        ;(globalThis._loaded||=[]).push(${JSON.stringify(id)});
+      `;
+      const bulkCode = `
+        globalThis._fakeBulk?.(${JSON.stringify(bulk)});
+      `;
+
+      return {
+        /** Note that this code is injected before the import statements which is technically incorrect but Vite handles it */
+        code: `${trackingCode}\n${code}\n${bulkCode}`,
+        map: null,
+      };
+    },
+  };
+}
+
+export default defineConfig((): UserConfig => {
+  return {
+    plugins: [
+      qwikCity(),
+      qwikVite({ debug: true }),
+      createBulkPlugin(),
+      tsconfigPaths({ root: "." }),
+      basicSsl(),
+    ],
+    build: {
+      minify: false,
+      rollupOptions: {
+        output: {
+          manualChunks: (id) => {
+            // Put library code in separate chunks
+            if (id.includes("vendor-lib")) {
+              return id;
+            }
+          },
+        },
+      },
+    },
+  };
+});

starters/apps/preloader-test/src/components/generated/show-dynamic.tsx

@@ -8,6 +8,7 @@ export default component$(() => {
       <button
         onClick$={() => {
           showDynamic.value = true;
+          // eslint-disable-next-line no-console
           console.log(
             `
 ************************************************

starters/apps/preloader-test/src/routes/counters/index.tsx

@@ -215,6 +215,7 @@ export default component$(() => {
       <Counter100 />
       <Link
         href="/hidden"
+        // eslint-disable-next-line no-console
         onQVisible$={() => console.log("visible below fold")}
       >
         Home

starters/apps/preloader-test/src/routes/index.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable no-console */
 import {
   component$,
   useTask$,

starters/apps/preloader-test/src/routes/layout.tsx

@@ -69,6 +69,7 @@ export default component$(() => {
             <LinkCmp href="/about">About</LinkCmp>
             <LinkCmp
               href="/counters"
+              // eslint-disable-next-line no-console
               onQVisible$={() => console.log("visible")}
             >
               Counters

starters/apps/qwikrouter-test/src/routes/location-path/[id]/layout.tsx

@@ -10,6 +10,7 @@ export default component$(() => {
       // should not happen
       throw new Error("id is undefined");
     }
+    // eslint-disable-next-line no-console
     console.log("location path id", id);
   });
   return (