@odoo/owl 3.0.0-alpha.31 → 3.0.0-alpha.33

package/dist/owl.cjs.js

@@ -38,7 +38,7 @@ __export(index_exports, {
   batched: () => batched,
   blockDom: () => blockDom,
   computed: () => computed,
-  config: () => config2,
+  config: () => config,
   effect: () => effect,
   getScope: () => getScope,
   globalTemplates: () => globalTemplates,
@@ -64,7 +64,7 @@ __export(index_exports, {
   toRaw: () => toRaw,
   types: () => types2,
   untrack: () => untrack,
-  useApp: () => useApp,
+  useApp: () => useApp2,
   useEffect: () => useEffect,
   useListener: () => useListener,
   useScope: () => useScope,
@@ -191,13 +191,15 @@ function removeSources(computation) {
   sources.clear();
 }
 function disposeComputation(computation) {
-  for (const source of computation.sources) {
+  const sources = computation.sources;
+  for (const source of sources) {
     source.observers.delete(computation);
-    if ("compute" in source && source.isDerived && source.observers.size === 0) {
-      disposeComputation(source);
+    const derived = source;
+    if (derived.isDerived && derived.observers.size === 0) {
+      disposeComputation(derived);
     }
   }
-  computation.sources.clear();
+  sources.clear();
   computation.state = 1;
 }
 function markDownstream(computation) {
@@ -238,6 +240,7 @@ function useScope() {
 }
 var Scope = class {
   app;
+  pluginManager;
   status = STATUS.NEW;
   computations = [];
   willStart = [];
@@ -245,6 +248,7 @@ var Scope = class {
   _destroyCbs = null;
   constructor(app) {
     this.app = app;
+    this.pluginManager = app.pluginManager;
   }
   /**
    * Pushes this scope on the stack for the duration of `callback`. Any code
@@ -688,14 +692,19 @@ function computed(getter, options = {}) {
 }
 function effect(fn) {
   const computation = createComputation(() => {
-    setComputation(void 0);
-    unsubscribeEffect(computation);
-    setComputation(computation);
+    if (computation.value || computation.observers.size) {
+      setComputation(void 0);
+      unsubscribeEffect(computation);
+      setComputation(computation);
+    } else {
+      removeSources(computation);
+    }
     return fn();
   }, false);
   getCurrentComputation()?.observers.add(computation);
   updateComputation(computation);
   return function cleanupEffect2() {
+    computation.state = 0;
     const previousComputation = getCurrentComputation();
     setComputation(void 0);
     unsubscribeEffect(computation);
@@ -707,7 +716,6 @@ function unsubscribeEffect(effect2) {
   cleanupEffect(effect2);
   for (const childEffect of effect2.observers) {
     childEffect.state = 0;
-    removeSources(childEffect);
     unsubscribeEffect(childEffect);
   }
   effect2.observers.clear();
@@ -784,19 +792,27 @@ function asyncComputed(fetcher, options = {}) {
   read.dispose = dispose;
   return read;
 }
+function safeReplacer(knownObjects, _key, value) {
+  if (typeof value === "function") {
+    return value.name || "[Function]";
+  }
+  if (value && typeof value === "object") {
+    const ctor = value.constructor;
+    if (ctor && ctor !== Object && ctor !== Array) {
+      return `[Instance of ${ctor.name || "anonymous"}]`;
+    }
+    if (knownObjects.includes(value)) {
+      return `[Known object]`;
+    }
+    knownObjects.push(value);
+  }
+  return value;
+}
 function assertType(value, validation, errorMessage = "Value does not match the type") {
   const issues = validateType(value, validation);
   if (issues.length) {
-    const issueStrings = JSON.stringify(
-      issues,
-      (key, value2) => {
-        if (typeof value2 === "function") {
-          return value2.name;
-        }
-        return value2;
-      },
-      2
-    );
+    const knownObjects = [];
+    const issueStrings = JSON.stringify(issues, safeReplacer.bind(null, knownObjects), 2);
     throw new OwlError(`${errorMessage}
 ${issueStrings}`);
   }
@@ -858,7 +874,7 @@ function numberType() {
 }
 function stringType() {
   return function validateString(context) {
-    if (typeof context.value !== "string") {
+    if (typeof context.value !== "string" && !(context.value instanceof String)) {
       context.addIssue({ message: "value is not a string" });
     }
   };
@@ -937,15 +953,20 @@ function validateObject(context, schema, isStrict) {
     return;
   }
   const isShape = !Array.isArray(schema);
-  let shape = schema;
-  if (Array.isArray(schema)) {
+  let shape;
+  let keys;
+  if (isShape) {
+    keys = Object.keys(schema);
+    shape = schema;
+  } else {
+    keys = schema;
     shape = {};
-    for (const key of schema) {
+    for (const key of keys) {
       shape[key] = null;
     }
   }
   const missingKeys = [];
-  for (const key in shape) {
+  for (const key of keys) {
     const property = key.endsWith("?") ? key.slice(0, -1) : key;
     if (context.value[property] === void 0) {
       if (!key.endsWith("?")) {
@@ -960,20 +981,22 @@ function validateObject(context, schema, isStrict) {
   if (missingKeys.length) {
     context.addIssue({
       message: "object value has missing keys",
-      missingKeys
+      missingKeys,
+      expectedKeys: keys
     });
   }
   if (isStrict) {
     const unknownKeys = [];
     for (const key in context.value) {
-      if (!(key in shape) && !(`${key}?` in shape)) {
+      if (!keys.includes(key) && !(`${key}?` in shape)) {
         unknownKeys.push(key);
       }
     }
     if (unknownKeys.length) {
       context.addIssue({
         message: "object value has unknown keys",
-        unknownKeys
+        unknownKeys,
+        expectedKeys: keys
       });
     }
   }
@@ -1191,12 +1214,13 @@ var PluginManager = class extends Scope {
   plugins;
   // Resolves once all pending plugin willStart callbacks have settled. The
   // scope transitions to MOUNTED as the last step of this chain. Consumers
-  // (App.mount, providePlugins) await this before treating the manager as
-  // ready. `willStart` itself is inherited from Scope.
+  // (the root's mount(), providePlugins) await this before treating the
+  // manager as ready. `willStart` itself is inherited from Scope.
   ready = Promise.resolve();
   constructor(app, options = {}) {
     super(app);
     this.config = options.config ?? {};
+    this.pluginManager = this;
     if (options.parent) {
       const parent = options.parent;
       parent.onDestroy(() => this.destroy());
@@ -1265,9 +1289,103 @@ function startPlugins(manager, plugins) {
     );
   }
 }
+function onWillStart(fn) {
+  const scope = useScope();
+  scope.willStart.push(scope.decorate(fn, "onWillStart"));
+}
+function onWillDestroy(fn) {
+  const scope = useScope();
+  scope.onDestroy(scope.decorate(fn, "onWillDestroy"));
+}
+function useEffect(fn) {
+  onWillDestroy(effect(fn));
+}
+function useListener(target, eventName, handler, eventParams) {
+  if (typeof target === "function") {
+    useEffect(() => {
+      const el = target();
+      if (el) {
+        el.addEventListener(eventName, handler, eventParams);
+        return () => el.removeEventListener(eventName, handler, eventParams);
+      }
+      return;
+    });
+  } else {
+    target.addEventListener(eventName, handler, eventParams);
+    onWillDestroy(() => target.removeEventListener(eventName, handler, eventParams));
+  }
+}
+function useApp() {
+  return useScope().app;
+}
+function plugin(pluginType) {
+  const scope = useScope();
+  let plugin2 = scope.pluginManager.getPluginById(pluginType.id);
+  if (!plugin2) {
+    if (scope instanceof PluginManager) {
+      plugin2 = scope.pluginManager.startPlugin(pluginType);
+    } else {
+      throw new OwlError(`Unknown plugin "${pluginType.id}"`);
+    }
+  }
+  return plugin2;
+}
+function config(key, type, defaultValue) {
+  const scope = useScope();
+  if (!(scope instanceof PluginManager)) {
+    throw new OwlError("Expected to be in a plugin scope");
+  }
+  if (scope.app.dev && type) {
+    assertType(scope.config, types.object({ [key]: type }), "Config does not match the type");
+  }
+  const configValue = scope.config[key.endsWith("?") ? key.slice(0, -1) : key];
+  return configValue === void 0 ? defaultValue : configValue;
+}
+var EventBus = class extends EventTarget {
+  trigger(name, payload) {
+    this.dispatchEvent(new CustomEvent(name, { detail: payload }));
+  }
+};
+var Markup = class extends String {
+};
+function htmlEscape(str) {
+  if (str instanceof Markup) {
+    return str;
+  }
+  if (str === void 0) {
+    return markup("");
+  }
+  if (typeof str === "number") {
+    return markup(String(str));
+  }
+  [
+    ["&", "&"],
+    ["<", "&lt;"],
+    [">", "&gt;"],
+    ["'", "&#x27;"],
+    ['"', "&quot;"],
+    ["`", "&#x60;"]
+  ].forEach((pairs) => {
+    str = String(str).replace(new RegExp(pairs[0], "g"), pairs[1]);
+  });
+  return markup(str);
+}
+function markup(valueOrStrings, ...placeholders) {
+  if (!Array.isArray(valueOrStrings)) {
+    return new Markup(valueOrStrings);
+  }
+  const strings = valueOrStrings;
+  let acc = "";
+  let i = 0;
+  for (; i < placeholders.length; ++i) {
+    acc += strings[i] + htmlEscape(placeholders[i]);
+  }
+  acc += strings[i];
+  return new Markup(acc);
+}
 
 // ../owl-runtime/dist/owl-runtime.es.js
-var version = "3.0.0-alpha.31";
+var version = "3.0.0-alpha.33";
 var fibersInError = /* @__PURE__ */ new WeakMap();
 var nodeErrorHandlers = /* @__PURE__ */ new WeakMap();
 function invokeErrorHandlers(node, error, finalize, markFibers) {
@@ -1340,7 +1458,7 @@ function filterOutModifiersFromData(dataList) {
   }
   return { modifiers, data: dataList };
 }
-var config = {
+var config2 = {
   // whether or not blockdom should normalize DOM whenever a block is created.
   // Normalizing dom mean removing empty text nodes (or containing only spaces)
   shouldNormalizeDom: true,
@@ -1714,11 +1832,6 @@ function validateTarget(target) {
   }
   throw new OwlError("Cannot mount component: the target is not a valid DOM element");
 }
-var EventBus = class extends EventTarget {
-  trigger(name, payload) {
-    this.dispatchEvent(new CustomEvent(name, { detail: payload }));
-  }
-};
 function whenReady(fn) {
   return new Promise(function(resolve) {
     if (document.readyState !== "loading") {
@@ -1729,43 +1842,6 @@ function whenReady(fn) {
   }).then(fn || function() {
   });
 }
-var Markup = class extends String {
-};
-function htmlEscape(str) {
-  if (str instanceof Markup) {
-    return str;
-  }
-  if (str === void 0) {
-    return markup("");
-  }
-  if (typeof str === "number") {
-    return markup(String(str));
-  }
-  [
-    ["&", "&amp;"],
-    ["<", "&lt;"],
-    [">", "&gt;"],
-    ["'", "&#x27;"],
-    ['"', "&quot;"],
-    ["`", "&#x60;"]
-  ].forEach((pairs) => {
-    str = String(str).replace(new RegExp(pairs[0], "g"), pairs[1]);
-  });
-  return markup(str);
-}
-function markup(valueOrStrings, ...placeholders) {
-  if (!Array.isArray(valueOrStrings)) {
-    return new Markup(valueOrStrings);
-  }
-  const strings = valueOrStrings;
-  let acc = "";
-  let i = 0;
-  for (; i < placeholders.length; ++i) {
-    acc += strings[i] + htmlEscape(placeholders[i]);
-  }
-  acc += strings[i];
-  return new Markup(acc);
-}
 function createEventHandler(rawEvent) {
   const eventName = rawEvent.split(".")[0];
   const capture = rawEvent.includes(".capture");
@@ -1787,7 +1863,7 @@ function createElementHandler(evName, capture = false, passive = false) {
     if (!currentTarget || !inOwnerDocument(currentTarget)) return;
     const data = currentTarget[eventKey];
     if (!data) return;
-    config.mainEventHandler(data, ev, currentTarget);
+    config2.mainEventHandler(data, ev, currentTarget);
   }
   const options = { capture, passive };
   function setup(data) {
@@ -1827,7 +1903,7 @@ function nativeToSyntheticEvent(eventKey, event) {
     const _data = dom[eventKey];
     if (_data) {
       for (const data of Object.values(_data)) {
-        const stopped = config.mainEventHandler(data, event, dom);
+        const stopped = config2.mainEventHandler(data, event, dom);
         if (stopped) return;
       }
     }
@@ -2073,7 +2149,7 @@ function createBlock(str) {
   }
   const doc = new DOMParser().parseFromString(`<t>${str}</t>`, "text/xml");
   const node = doc.firstChild.firstChild;
-  if (config.shouldNormalizeDom) {
+  if (config2.shouldNormalizeDom) {
     normalizeNode(node);
   }
   const tree = buildTree(node);
@@ -2984,6 +3060,9 @@ function cancelFibers(fibers) {
       node.forceNextRender = true;
     } else {
       result++;
+      if (node.bdom) {
+        node.forceNextRender = true;
+      }
     }
     result += cancelFibers(fiber.children);
   }
@@ -3198,7 +3277,6 @@ var ComponentNode = class extends Scope {
   willPatch = [];
   patched = [];
   signalComputation;
-  pluginManager;
   constructor(C, props2, app, parent, parentKey) {
     super(app);
     this.parent = parent;
@@ -4076,10 +4154,6 @@ var mainEventHandler = (data, ev, currentTarget) => {
   }
   return stopped;
 };
-function onWillStart(fn) {
-  const scope = useScope();
-  scope.willStart.push(scope.decorate(fn, "onWillStart"));
-}
 function onWillUpdateProps(fn) {
   const scope = getComponentScope();
   function swapped(s, nextProps) {
@@ -4103,10 +4177,6 @@ function onWillUnmount(fn) {
   const scope = getComponentScope();
   scope.willUnmount.unshift(scope.decorate(fn, "onWillUnmount"));
 }
-function onWillDestroy(fn) {
-  const scope = useScope();
-  scope.onDestroy(scope.decorate(fn, "onWillDestroy"));
-}
 function onError(callback) {
   const scope = getComponentScope();
   let handlers = nodeErrorHandlers.get(scope);
@@ -4216,27 +4286,7 @@ var ErrorBoundary = class extends Component {
     onError((e) => this.props.error.set(e));
   }
 };
-function useEffect(fn) {
-  onWillDestroy(effect(fn));
-}
-function useListener(target, eventName, handler, eventParams) {
-  if (typeof target === "function") {
-    useEffect(() => {
-      const el = target();
-      if (el) {
-        el.addEventListener(eventName, handler, eventParams);
-        return () => el.removeEventListener(eventName, handler, eventParams);
-      }
-      return;
-    });
-  } else {
-    target.addEventListener(eventName, handler, eventParams);
-    onWillDestroy(() => target.removeEventListener(eventName, handler, eventParams));
-  }
-}
-function useApp() {
-  return useScope().app;
-}
+var useApp2 = useApp;
 var PortalContent = class extends Component {
   static template = xml`<t t-call-slot="default"/>`;
 };
@@ -4338,29 +4388,6 @@ function prop(key, type, ...args) {
   }
   return propValue === void 0 && hasDefault ? args[0] : propValue;
 }
-function plugin(pluginType) {
-  const scope = useScope();
-  const manager = scope instanceof ComponentNode ? scope.pluginManager : scope;
-  let plugin2 = manager.getPluginById(pluginType.id);
-  if (!plugin2) {
-    if (scope instanceof PluginManager) {
-      plugin2 = manager.startPlugin(pluginType);
-    } else {
-      throw new OwlError(`Unknown plugin "${pluginType.id}"`);
-    }
-  }
-  return plugin2;
-}
-function config2(name, type) {
-  const scope = useScope();
-  if (!(scope instanceof PluginManager)) {
-    throw new OwlError("Expected to be in a plugin scope");
-  }
-  if (scope.app.dev && type) {
-    assertType(scope.config, types2.object({ [name]: type }), "Config does not match the type");
-  }
-  return scope.config[name.endsWith("?") ? name.slice(0, -1) : name];
-}
 function providePlugins(pluginConstructors, config3) {
   const node = getComponentScope();
   const manager = new PluginManager(node.app, { parent: node.pluginManager, config: config3 });
@@ -4371,10 +4398,10 @@ function providePlugins(pluginConstructors, config3) {
     onWillStart(() => manager.ready);
   }
 }
-config.shouldNormalizeDom = false;
-config.mainEventHandler = mainEventHandler;
+config2.shouldNormalizeDom = false;
+config2.mainEventHandler = mainEventHandler;
 var blockDom = {
-  config,
+  config: config2,
   // bdom entry points
   mount,
   patch,
@@ -4389,8 +4416,8 @@ var blockDom = {
 };
 var __info__ = {
   version: App.version,
-  date: "2026-05-20T14:11:32.436Z",
-  hash: "25eaac4e",
+  date: "2026-05-28T13:29:02.340Z",
+  hash: "fadc22b7",
   url: "https://github.com/odoo/owl"
 };