Merge branch '18.0' into 18.0-tutorials-mepl

Author: Mathilde411

awesome_owl/__manifest__.py

@@ -28,22 +28,13 @@
     ],
     'assets': {
         'awesome_owl.assets_playground': [
-            # bootstrap
             ('include', 'web._assets_helpers'),
             'web/static/src/scss/pre_variables.scss',
             'web/static/lib/bootstrap/scss/_variables.scss',
-            ('include', 'web._assets_bootstrap_backend'),
-
-            # required for fa icons
-            'web/static/src/libs/fontawesome/css/font-awesome.css',
-            
-            # include base files from framework
+            'web/static/lib/bootstrap/scss/_maps.scss',
+            ('include', 'web._assets_bootstrap'),
             ('include', 'web._assets_core'),
-
-            'web/static/src/core/utils/functions.js',
-            'web/static/src/core/browser/browser.js',
-            'web/static/src/core/registry.js',
-            'web/static/src/core/assets.js',
+            'web/static/src/libs/fontawesome/css/font-awesome.css',
             'awesome_owl/static/src/**/*',
         ],
     },

awesome_owl/static/src/main.js

@@ -1,41 +1,12 @@
-/** @odoo-module **/
 
-import { browser } from "@web/core/browser/browser";
-import { mount, whenReady } from "@odoo/owl";
+import { whenReady } from "@odoo/owl";
+import { mountComponent } from "@web/env";
 import { Playground } from "./playground";
-import { templates } from "@web/core/assets";
 
-// Mount the Playground component when the document.body is ready
-whenReady( () => {
-    mount(Playground, document.body, { templates, dev: true, name: "Owl Tutorial" });
-});
-
-
-
-/**
- * This code is iterating over the cause property of an error object to console.error a string
- * containing the stack trace of the error and any errors that caused it.
- * @param {Event} ev
- */
-function logError(ev) {
-    ev.preventDefault();
-    let error = ev ?.error || ev.reason;
+const config = {
+    dev: true,
+    name: "Owl Tutorial",
+};
 
-    if (error.seen) {
-        // If an error causes the mount to crash, Owl will reject the mount promise and throw the
-        // error. Therefore, this if statement prevents the same error from appearing twice.
-        return;
-    }
-    error.seen = true;
-
-    let errorMessage = error.stack;
-    while (error.cause) {
-        errorMessage += "\nCaused by: "
-        errorMessage += error.cause.stack;
-        error = error.cause;
-    }
-    console.error(errorMessage);
-}
-
-browser.addEventListener("error", (ev) => {logError(ev)});
-browser.addEventListener("unhandledrejection", (ev) => {logError(ev)});
+// Mount the Playground component when the document.body is ready
+whenReady(() => mountComponent(Playground, document.body, config));