fixup

Author: wmertens

e2e/docs-e2e/package.json

@@ -5,7 +5,7 @@
   "author": "",
   "devDependencies": {
     "@playwright/test": "1.50.1",
-    "@types/node": "20.19.0"
+    "@types/node": "24.2.1"
   },
   "keywords": [],
   "license": "ISC",

packages/docs/package.json

@@ -30,7 +30,7 @@
     "@tailwindcss/vite": "4.1.11",
     "@types/leaflet": "1.9.20",
     "@types/prismjs": "1.26.5",
-    "@types/react": "18.3.3",
+    "@types/react": "19.1.10",
     "@types/react-dom": "18.3.0",
     "@unpic/core": "0.0.42",
     "@unpic/qwik": "0.0.38",

packages/docs/src/repl/bundler/index.ts

@@ -5,13 +5,6 @@ import { getDeps } from './bundled';
 import type { InitMessage, BundleMessage, OutgoingMessage } from './bundler-worker';
 import bundlerWorkerUrl from './bundler-worker?worker&url';
 
-import ssrWorkerStringPre from './repl-ssr-worker?compiled-string';
-import listenerScript from './client-events-listener?compiled-string';
-
-export const ssrWorkerString = ssrWorkerStringPre
-  .replace(/globalThis\.DO_NOT_TOUCH_IMPORT/g, 'import')
-  .replace('globalThis.LISTENER_SCRIPT', JSON.stringify(listenerScript));
-
 const bundlers = new Map<string, Bundler>();
 
 class Bundler {

packages/docs/src/repl/ui/editor.tsx

@@ -1,23 +1,22 @@
 import {
   component$,
-  type NoSerialize,
-  type QRL,
-  useVisibleTask$,
-  useContext,
   useSignal,
   useStore,
   useTask$,
+  useVisibleTask$,
+  type NoSerialize,
+  type QRL,
 } from '@qwik.dev/core';
+import { getThemeSignal } from '../../components/theme-toggle/theme-toggle';
+import type { ReplAppInput, ReplStore } from '../types';
 import type { IStandaloneCodeEditor } from './monaco';
 import {
   addQwikLibs,
   getEditorTheme,
-  type ICodeEditorViewState,
   initMonacoEditor,
   updateMonacoEditor,
+  type ICodeEditorViewState,
 } from './monaco';
-import type { ReplAppInput, ReplStore } from '../types';
-import { GlobalStore } from '../../context';
 
 export const Editor = component$((props: EditorProps) => {
   const hostRef = useSignal<Element>();
@@ -29,8 +28,6 @@ export const Editor = component$((props: EditorProps) => {
     viewStates: {},
   });
 
-  const globalStore = useContext(GlobalStore);
-
   useVisibleTask$(async () => {
     if (!store.editor) {
       await initMonacoEditor(hostRef.value, props, store, props.store);
@@ -43,12 +40,10 @@ export const Editor = component$((props: EditorProps) => {
   });
 
   useVisibleTask$(({ track }) => {
-    track(() => globalStore.theme);
-    if (globalStore.theme !== 'auto') {
-      store.editor?.updateOptions({
-        theme: getEditorTheme(globalStore.theme === 'dark'),
-      });
-    }
+    const theme = track(getThemeSignal());
+    store.editor?.updateOptions({
+      theme: getEditorTheme(theme === 'dark'),
+    });
   });
 
   useTask$(async ({ track }) => {

packages/docs/vite.config.ts

@@ -10,7 +10,7 @@ import { transformerMetaHighlight, transformerMetaWordHighlight } from '@shikijs
 import type { ShikiTransformer } from '@shikijs/types';
 import tailwindcss from '@tailwindcss/vite';
 import path, { resolve } from 'node:path';
-import { defineConfig, loadEnv, type Plugin, type Rollup } from 'vite';
+import { defineConfig, loadEnv, type Plugin, type Rollup, type UserConfig } from 'vite';
 import { compiledStringPlugin } from '../../scripts/compiled-string-plugin';
 import { examplesData, playgroundData, rawSource, tutorialData } from './vite.repl-apps';
 import { sourceResolver } from './vite.source-resolver';
@@ -262,5 +262,5 @@ export default defineConfig(() => {
         'Cross-Origin-Embedder-Policy': 'require-corp',
       },
     },
-  };
+  } as UserConfig;
 });

packages/qwik/src/cli/add/update-files.unit.ts

@@ -74,7 +74,7 @@ describe('mergeIntegrationDir', () => {
       normalizePath(join('destDir', 'subDestDir', 'src', 'global.css')),
     ];
 
-    expect(actualResults).toEqual(expectedResults);
+    expect(actualResults.sort()).toEqual(expectedResults.sort());
   });
 
   test('should merge integration directory in a monorepo', async () => {
@@ -118,7 +118,7 @@ describe('mergeIntegrationDir', () => {
       normalizePath(join('destDir', 'subDestDir', 'apps', 'subpackage', 'src', 'global.css')),
     ];
 
-    expect(actualResults).toEqual(expectedResults);
+    expect(actualResults.sort()).toEqual(expectedResults.sort());
 
     const tests = {
       'destDir/subDestDir/apps/subpackage/fake.ts': 'fake file',
@@ -130,7 +130,10 @@ describe('mergeIntegrationDir', () => {
       'destDir/subDestDir/apps/subpackage/src/global.css': 'p{color: red}\n\n/* CSS */\n',
     };
     for (const [fileName, content] of Object.entries(tests)) {
-      const file = fakeFileUpdates.files.find((f) => f.path === fileName);
+      const file = fakeFileUpdates.files.find((f) => normalizePath(f.path) === fileName);
+      if (!file) {
+        console.error(`File %s not found:`, fakeFileUpdates.files);
+      }
       expect(file?.content.toString()).toBe(content);
     }
   });

packages/qwik/src/testing/document.ts

@@ -1,7 +1,6 @@
 import type { MockDocumentOptions, MockWindow } from './types';
 import domino from 'domino';
 import { normalizeUrl } from './util';
-const domino = qwikDom as any;
 
 export function mockAttachShadow(el: Element) {
   if (typeof (el as any).attachShadow !== 'function') {
@@ -92,7 +91,7 @@ const noop = () => {};
 
 const QWIK_DOC = Symbol();
 
-class MockShadowRoot extends domino.impl.DocumentFragment {
+class MockShadowRoot extends (domino as any).impl.DocumentFragment {
   nodeType = 11; // DOCUMENT_FRAGMENT_NODE
   host: Element;