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

package/dist/owl.es.js

@@ -115,13 +115,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) {
@@ -162,6 +164,7 @@ function useScope() {
 }
 var Scope = class {
   app;
+  pluginManager;
   status = STATUS.NEW;
   computations = [];
   willStart = [];
@@ -169,6 +172,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
@@ -612,14 +616,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);
@@ -631,7 +640,6 @@ function unsubscribeEffect(effect2) {
   cleanupEffect(effect2);
   for (const childEffect of effect2.observers) {
     childEffect.state = 0;
-    removeSources(childEffect);
     unsubscribeEffect(childEffect);
   }
   effect2.observers.clear();
@@ -708,19 +716,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}`);
   }
@@ -782,7 +798,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" });
     }
   };
@@ -861,15 +877,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("?")) {
@@ -884,20 +905,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
       });
     }
   }
@@ -1115,12 +1138,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());
@@ -1189,9 +1213,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) {
@@ -1264,7 +1382,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,
@@ -1638,11 +1756,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") {
@@ -1653,43 +1766,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");
@@ -1711,7 +1787,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) {
@@ -1751,7 +1827,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;
       }
     }
@@ -1997,7 +2073,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);
@@ -2908,6 +2984,9 @@ function cancelFibers(fibers) {
       node.forceNextRender = true;
     } else {
       result++;
+      if (node.bdom) {
+        node.forceNextRender = true;
+      }
     }
     result += cancelFibers(fiber.children);
   }
@@ -3122,7 +3201,6 @@ var ComponentNode = class extends Scope {
   willPatch = [];
   patched = [];
   signalComputation;
-  pluginManager;
   constructor(C, props2, app, parent, parentKey) {
     super(app);
     this.parent = parent;
@@ -4000,10 +4078,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) {
@@ -4027,10 +4101,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);
@@ -4140,27 +4210,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"/>`;
 };
@@ -4262,29 +4312,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 });
@@ -4295,10 +4322,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,
@@ -4313,8 +4340,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"
 };
 
@@ -6508,7 +6535,7 @@ export {
   batched,
   blockDom,
   computed,
-  config2 as config,
+  config,
   effect,
   getScope,
   globalTemplates,
@@ -6534,7 +6561,7 @@ export {
   toRaw,
   types2 as types,
   untrack,
-  useApp,
+  useApp2 as useApp,
   useEffect,
   useListener,
   useScope,