chore: repro

Author: maiieul

packages/qwik-router/src/buildtime/markdown/rehype.ts

@@ -144,6 +144,7 @@ function createExport(mdast: Root, identifierName: string, val: any) {
             type: 'ExportNamedDeclaration',
             source: null,
             specifiers: [],
+            // @ts-ignore
             attributes: [],
             declaration: {
               type: 'VariableDeclaration',

packages/qwik/src/core/preloader/queue.ts

@@ -265,6 +265,7 @@ if (isBrowser) {
   // Get early hints from qwikloader
   document.addEventListener('qsymbol', (ev) => {
     const { symbol, href } = (ev as QwikSymbolEvent).detail;
+    console.log('queue.ts preload qsymbol symbol href', symbol, href);
     // the qrl class doesn't emit href, we don't need to preload
     if (href) {
       const hash = symbol.slice(symbol.lastIndexOf('_') + 1);

packages/qwik/src/core/reactive-primitives/impl/async-computed-signal-impl.ts

@@ -11,7 +11,7 @@ import { setupSignalValueAccess } from './signal-impl';
 import type { NoSerialize } from '../../shared/utils/serialize-utils';
 import { ChoreType } from '../../shared/util-chore-type';
 
-const DEBUG = false;
+const DEBUG = true;
 const log = (...args: any[]) =>
   // eslint-disable-next-line no-console
   console.log('ASYNC COMPUTED SIGNAL', ...args.map(qwikDebugToString));

packages/qwik/src/core/reactive-primitives/impl/computed-signal-impl.ts

@@ -13,7 +13,7 @@ import { _EFFECT_BACK_REF, EffectProperty, NEEDS_COMPUTATION, SignalFlags } from
 import { SignalImpl } from './signal-impl';
 import type { QRLInternal } from '../../shared/qrl/qrl-class';
 
-const DEBUG = false;
+const DEBUG = true;
 // eslint-disable-next-line no-console
 const log = (...args: any[]) => console.log('COMPUTED SIGNAL', ...args.map(qwikDebugToString));
 

packages/qwik/src/core/reactive-primitives/impl/serializer-signal-impl.ts

@@ -13,7 +13,7 @@ import {
 } from '../types';
 import { ComputedSignalImpl } from './computed-signal-impl';
 
-const DEBUG = false;
+const DEBUG = true;
 // eslint-disable-next-line no-console
 const log = (...args: any[]) => console.log('SERIALIZER SIGNAL', ...args.map(qwikDebugToString));
 

packages/qwik/src/core/reactive-primitives/impl/signal-impl.ts

@@ -14,7 +14,7 @@ import type { Signal } from '../signal.public';
 import { SignalFlags, type EffectSubscription } from '../types';
 import { ChoreType } from '../../shared/util-chore-type';
 
-const DEBUG = false;
+const DEBUG = true;
 // eslint-disable-next-line no-console
 const log = (...args: any[]) => console.log('SIGNAL', ...args.map(qwikDebugToString));
 

packages/qwik/src/core/reactive-primitives/impl/store.ts

@@ -18,7 +18,7 @@ import {
 } from '../types';
 import { ChoreType } from '../../shared/util-chore-type';
 
-const DEBUG = false;
+const DEBUG = true;
 
 // eslint-disable-next-line no-console
 const log = (...args: any[]) => console.log('STORE', ...args.map(qwikDebugToString));

packages/qwik/src/core/reactive-primitives/utils.ts

@@ -1,5 +1,6 @@
 import { isDomContainer } from '../client/dom-container';
-import { pad, qwikDebugToString } from '../debug';
+import { qwikDebugToString } from '../debug';
+import { preload } from '../preloader/queue';
 import type { OnRenderFn } from '../shared/component.public';
 import { assertDefined } from '../shared/error/assert';
 import type { Props } from '../shared/jsx/jsx-runtime';
@@ -28,10 +29,13 @@ import {
   type StoreTarget,
 } from './types';
 
-const DEBUG = false;
+const DEBUG = true;
 
-// eslint-disable-next-line no-console
-const log = (...args: any[]) => console.log('SIGNAL', ...args.map(qwikDebugToString));
+const log = (...args: any[]) =>
+  console.warn(
+    'SIGNAL',
+    ...args.map((arg) => (arg && typeof arg === 'object' ? arg : qwikDebugToString(arg)))
+  );
 
 export const throwIfQRLNotResolved = (qrl: QRL) => {
   const resolved = qrl.resolved;
@@ -93,11 +97,14 @@ export const triggerEffects = (
   if (effects) {
     const scheduleEffect = (effectSubscription: EffectSubscription) => {
       const consumer = effectSubscription[EffectSubscriptionProp.CONSUMER];
+      DEBUG && log('schedule.consumer', consumer);
       const property = effectSubscription[EffectSubscriptionProp.PROPERTY];
       assertDefined(container, 'Container must be defined.');
       if (isTask(consumer)) {
+        // preload(consumer.$qrl$?.$hash$, 1);
+        DEBUG && log('schedule.consumer.task', consumer);
         consumer.$flags$ |= TaskFlags.DIRTY;
-        DEBUG && log('schedule.consumer.task', pad('\n' + String(consumer), '  '));
+
         let choreType = ChoreType.TASK;
         if (consumer.$flags$ & TaskFlags.VISIBLE_TASK) {
           choreType = ChoreType.VISIBLE;
@@ -113,7 +120,6 @@ export const triggerEffects = (
             container.$scheduler$(ChoreType.QRL_RESOLVE, null, consumer.$computeQrl$);
           }
         }
-
         (consumer as ComputedSignalImpl<unknown> | WrappedSignalImpl<unknown>).invalidate();
       } else if (property === EffectProperty.COMPONENT) {
         const host: HostElement = consumer as any;

packages/qwik/src/core/shared/qrl/qrl-class.ts

@@ -182,6 +182,7 @@ export const createQRL = <TYPE>(
 
         if (isBrowser && chunk) {
           /** We run the QRL, so now the probability of the chunk is 100% */
+          console.log('qrl-class.ts runQRL preload 1', chunk);
           preload(chunk, 1);
         }
 
@@ -257,11 +258,13 @@ export const createQRL = <TYPE>(
   if (qDev) {
     seal(qrl);
   }
+
   if (isBrowser && symbol) {
     /**
      * Preloading the symbol instead of the chunk allows us to get probabilities for the bundle
      * based on its contents.
      */
+    console.log('qrl-class.ts createQRL preload 0.8', chunk);
     preload(symbol, 0.8);
   }
   return qrl;

packages/qwik/src/core/shared/shared-serialization.ts

@@ -66,6 +66,15 @@ import { WrappedSignalImpl } from '../reactive-primitives/impl/wrapped-signal-im
 import { SerializerSignalImpl } from '../reactive-primitives/impl/serializer-signal-impl';
 import { AsyncComputedSignalImpl } from '../reactive-primitives/impl/async-computed-signal-impl';
 import { isObject } from './utils/types';
+import { qwikDebugToString } from '../debug';
+
+const DEBUG = true;
+
+const log = (...args: any[]) =>
+  console.warn(
+    'SERIALIZATION',
+    ...args.map((arg) => (arg && typeof arg === 'object' ? arg : qwikDebugToString(arg)))
+  );
 
 /** Arrays/Objects are special-cased so their identifiers is a single digit. */
 const needsInflation = (typeId: TypeIds) =>
@@ -181,6 +190,7 @@ export const _eagerDeserializeArray = (
   for (let i = 0; i < data.length; i += 2) {
     out[i / 2] = deserializeData(container, data[i] as TypeIds, data[i + 1]);
   }
+  DEBUG && log('eager deserialized array', out);
   return out;
 };
 
@@ -260,13 +270,16 @@ const inflate = (
       break;
     }
     case TypeIds.Signal: {
+      console.log('new signal', data);
       const signal = target as SignalImpl<unknown>;
       const d = data as [unknown, ...EffectSubscription[]];
       signal.$untrackedValue$ = d[0];
       signal.$effects$ = new Set(d.slice(1) as EffectSubscription[]);
       break;
     }
     case TypeIds.WrappedSignal: {
+      console.log('new wrappedsignal', data);
+
       const signal = target as WrappedSignalImpl<unknown>;
       const d = data as [
         number,
@@ -287,6 +300,7 @@ const inflate = (
       break;
     }
     case TypeIds.AsyncComputedSignal: {
+      console.log('new asynccomputedsignal', data);
       const asyncComputed = target as AsyncComputedSignalImpl<unknown>;
       const d = data as [
         AsyncComputeQRL<unknown>,
@@ -314,6 +328,7 @@ const inflate = (
     // Inflating a SerializerSignal is the same as inflating a ComputedSignal
     case TypeIds.SerializerSignal:
     case TypeIds.ComputedSignal: {
+      console.log('new computedsignal', data);
       const computed = target as ComputedSignalImpl<unknown>;
       const d = data as [QRLInternal<() => {}>, EffectSubscription[] | null, unknown?];
       computed.$computeQrl$ = d[0];