Function executeSignalOperation

packages/qwik/src/core/render/dom/signals.ts:15–104

(rCtx: RenderContext, operation: SubscriberSignal)

import { isQwikElement } from '../../util/element';

export const executeSignalOperation = (rCtx: RenderContext, operation: SubscriberSignal) => {
  try {
    const type = operation[0];
    const staticCtx = rCtx.$static$;
    switch (type) {
      case 1:
      case 2: {
        let elm;
        let hostElm;
        if (type === 1) {
          elm = operation[1];
          hostElm = operation[3];
        } else {
          elm = operation[3];
          hostElm = operation[1];
        }
        // assertTrue(elm.isConnected, 'element must be connected to the dom');
        // assertTrue(hostElm.isConnected, 'host element must be connected to the dom');
        const elCtx = tryGetContext(elm);
        if (elCtx == null) {
          return;
        }
        const prop = operation[4];
        const isSVG = elm.namespaceURI === SVG_NS;
        staticCtx.$containerState$.$subsManager$.$clearSignal$(operation);
        let value = trackSignal(operation[2], operation.slice(0, -1) as any) as any;
        if (prop === 'class') {
          value = serializeClassWithHost(value, tryGetContext(hostElm));
        } else if (prop === 'style') {
          value = stringifyStyle(value);
        }
        const vdom = getVdom(elCtx);
        if (prop in vdom.$props$ && vdom.$props$[prop] === value) {
          return;
        }
        vdom.$props$[prop] = value;
        return smartSetProperty(staticCtx, elm, prop, value, isSVG);
      }
      case 3:
      case 4: {
        const elm = operation[3];
        if (!staticCtx.$visited$.includes(elm)) {
          // assertTrue(elm.isConnected, 'text node must be connected to the dom');
          staticCtx.$containerState$.$subsManager$.$clearSignal$(operation);
          // MISKO: I believe no `invocationContext` is OK because the JSX in signal
          // has already been converted to JSX and there is nothing to execute there.
          const invocationContext = undefined;
          let signalValue = trackSignal(operation[2], operation.slice(0, -1) as any);
          const subscription = getLastSubscription()!;

          if (Array.isArray(signalValue)) {
            signalValue = new JSXNodeImpl<typeof Virtual>(Virtual, {}, null, signalValue, 0, null);
          }
          let newVnode = processData(signalValue, invocationContext) as
            | ProcessedJSXNode
            | undefined;
          if (isPromise(newVnode)) {
            logError('Rendering promises in JSX signals is not supported');