Bump braces from 3.0.2 to 3.0.3 in /tools/owl-vision

Bumps [braces](https://github.com/micromatch/braces) from 3.0.2 to 3.0.3.
- [Changelog](https://github.com/micromatch/braces/blob/master/CHANGELOG.md)
- [Commits](https://github.com/micromatch/braces/compare/3.0.2...3.0.3)

---
updated-dependencies:
- dependency-name: braces
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

doc/reference/props.md

@@ -140,28 +140,6 @@ class SomeComponent extends Component {
 The `.bind` suffix also implies `.alike`, so these props will not cause additional
 renderings.
 
-## Translatable props
-
-When you need to pass a user-facing string to a subcomponent, you likely want it
-to be translated. Unfortunately, because props are arbitrary expressions, it wouldn't
-be practical for Owl to find out which parts of the expression are strings and translate
-them, and it also makes it difficult for tooling to extract these strings to generate
-terms to translate. While you can work around this issue by doing the translation in
-JavaScript, or by using `t-set` with a body (the body of `t-set` is translated),
-and passing the variable as a prop, this is a sufficiently common use case that Owl
-provides a suffix for this purpose: `.translate`.
-
-```xml
-<t t-name="ParentComponent">
-    <Child someProp.translate="some message"/>
-</t>
-```
-
-Note that the content of this attribute is _NOT_ treated as a JavaScript expression:
-it is treated as a string, as if it was an attribute on an HTML element, and translated
-before being passed to the component. If you need to interpolate some data into the
-string, you will still have to do this in JavaScript.
-
 ## Dynamic Props
 
 The `t-props` directive can be used to specify totally dynamic props:

doc/reference/slots.md

@@ -201,17 +201,16 @@ use this `Notebook` component:
 
 ```xml
 <Notebook>
-  <t t-set-slot="page1" title.translate="Page 1">
+  <t t-set-slot="page1" title="'Page 1'">
     <div>this is in the page 1</div>
   </t>
-  <t t-set-slot="page2" title.translate="Page 2" hidden="somevalue">
+  <t t-set-slot="page2" title="'Page 2'" hidden="somevalue">
     <div>this is in the page 2</div>
   </t>
 </Notebook>
 ```
 
-Slot params works like normal props, so one can use suffixes like `.translate`
-when a prop is a user facing string and should be translated, or `.bind` to
+Slot params works like normal props, so one can use the `.bind` suffix to
 bind a function if needed.
 
 ## Slot scopes

docs/owl.js

@@ -2622,7 +2622,7 @@ function wrapError(fn, hookName) {
                         result.catch(() => { }),
                         new Promise((resolve) => setTimeout(() => resolve(TIMEOUT), 3000)),
                     ]).then((res) => {
-                        if (res === TIMEOUT && node.fiber === fiber && node.status <= 2) {
+                        if (res === TIMEOUT && node.fiber === fiber) {
                             console.warn(timeoutError);
                         }
                     });
@@ -3512,7 +3512,7 @@ function compileExprToArray(expr) {
     const localVars = new Set();
     const tokens = tokenize(expr);
     let i = 0;
-    let stack = []; // to track last opening (, [ or {
+    let stack = []; // to track last opening [ or {
     while (i < tokens.length) {
         let token = tokens[i];
         let prevToken = tokens[i - 1];
@@ -3521,12 +3521,10 @@ function compileExprToArray(expr) {
         switch (token.type) {
             case "LEFT_BRACE":
             case "LEFT_BRACKET":
-            case "LEFT_PAREN":
                 stack.push(token.type);
                 break;
             case "RIGHT_BRACE":
             case "RIGHT_BRACKET":
-            case "RIGHT_PAREN":
                 stack.pop();
         }
         let isVar = token.type === "SYMBOL" && !RESERVED_WORDS.includes(token.value);
@@ -3638,13 +3636,6 @@ function isProp(tag, key) {
     }
     return false;
 }
-/**
- * Returns a template literal that evaluates to str. You can add interpolation
- * sigils into the string if required
- */
-function toStringExpression(str) {
-    return `\`${str.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/, "\\${")}\``;
-}
 // -----------------------------------------------------------------------------
 // BlockDescription
 // -----------------------------------------------------------------------------
@@ -3825,14 +3816,15 @@ class CodeGenerator {
             mainCode.push(``);
             for (let block of this.blocks) {
                 if (block.dom) {
-                    let xmlString = toStringExpression(block.asXmlString());
+                    let xmlString = block.asXmlString();
+                    xmlString = xmlString.replace(/\\/g, "\\\\").replace(/`/g, "\\`");
                     if (block.dynamicTagName) {
-                        xmlString = xmlString.replace(/^`<\w+/, `\`<\${tag || '${block.dom.nodeName}'}`);
-                        xmlString = xmlString.replace(/\w+>`$/, `\${tag || '${block.dom.nodeName}'}>\``);
-                        mainCode.push(`let ${block.blockName} = tag => createBlock(${xmlString});`);
+                        xmlString = xmlString.replace(/^<\w+/, `<\${tag || '${block.dom.nodeName}'}`);
+                        xmlString = xmlString.replace(/\w+>$/, `\${tag || '${block.dom.nodeName}'}>`);
+                        mainCode.push(`let ${block.blockName} = tag => createBlock(\`${xmlString}\`);`);
                     }
                     else {
-                        mainCode.push(`let ${block.blockName} = createBlock(${xmlString});`);
+                        mainCode.push(`let ${block.blockName} = createBlock(\`${xmlString}\`);`);
                     }
                 }
             }
@@ -4010,7 +4002,7 @@ class CodeGenerator {
         const isNewBlock = !block || forceNewBlock;
         if (isNewBlock) {
             block = this.createBlock(block, "comment", ctx);
-            this.insertBlock(`comment(${toStringExpression(ast.value)})`, block, {
+            this.insertBlock(`comment(\`${ast.value}\`)`, block, {
                 ...ctx,
                 forceNewBlock: forceNewBlock && !block,
             });
@@ -4032,7 +4024,7 @@ class CodeGenerator {
         }
         if (!block || forceNewBlock) {
             block = this.createBlock(block, "text", ctx);
-            this.insertBlock(`text(${toStringExpression(value)})`, block, {
+            this.insertBlock(`text(\`${value}\`)`, block, {
                 ...ctx,
                 forceNewBlock: forceNewBlock && !block,
             });
@@ -4253,8 +4245,7 @@ class CodeGenerator {
             expr = compileExpr(ast.expr);
             if (ast.defaultValue) {
                 this.helpers.add("withDefault");
-                // FIXME: defaultValue is not translated
-                expr = `withDefault(${expr}, ${toStringExpression(ast.defaultValue)})`;
+                expr = `withDefault(${expr}, \`${ast.defaultValue}\`)`;
             }
         }
         if (!block || forceNewBlock) {
@@ -4507,7 +4498,7 @@ class CodeGenerator {
                 this.addLine(`${ctxVar}[zero] = ${bl};`);
             }
         }
-        const key = this.generateComponentKey();
+        const key = `key + \`${this.generateComponentKey()}\``;
         if (isDynamic) {
             const templateVar = generateId("template");
             if (!this.staticDefs.find((d) => d.id === "call")) {
@@ -4559,12 +4550,12 @@ class CodeGenerator {
         else {
             let value;
             if (ast.defaultValue) {
-                const defaultValue = toStringExpression(ctx.translate ? this.translate(ast.defaultValue) : ast.defaultValue);
+                const defaultValue = ctx.translate ? this.translate(ast.defaultValue) : ast.defaultValue;
                 if (ast.value) {
-                    value = `withDefault(${expr}, ${defaultValue})`;
+                    value = `withDefault(${expr}, \`${defaultValue}\`)`;
                 }
                 else {
-                    value = defaultValue;
+                    value = `\`${defaultValue}\``;
                 }
             }
             else {
@@ -4575,12 +4566,12 @@ class CodeGenerator {
         }
         return null;
     }
-    generateComponentKey(currentKey = "key") {
+    generateComponentKey() {
         const parts = [generateId("__")];
         for (let i = 0; i < this.target.loopLevel; i++) {
             parts.push(`\${key${i + 1}}`);
         }
-        return `${currentKey} + \`${parts.join("__")}\``;
+        return parts.join("__");
     }
     /**
      * Formats a prop name and value into a string suitable to be inserted in the
@@ -4594,12 +4585,7 @@ class CodeGenerator {
      * "onClick.bind"    "onClick"        "onClick: bind(ctx, ctx['onClick'])"
      */
     formatProp(name, value) {
-        if (name.endsWith(".translate")) {
-            value = toStringExpression(this.translateFn(value));
-        }
-        else {
-            value = this.captureExpression(value);
-        }
+        value = this.captureExpression(value);
         if (name.includes(".")) {
             let [_name, suffix] = name.split(".");
             name = _name;
@@ -4608,7 +4594,6 @@ class CodeGenerator {
                     value = `(${value}).bind(this)`;
                     break;
                 case "alike":
-                case "translate":
                     break;
                 default:
                     throw new OwlError("Invalid prop suffix");
@@ -4677,6 +4662,7 @@ class CodeGenerator {
             this.addLine(`${propVar}.slots = markRaw(Object.assign(${slotDef}, ${propVar}.slots))`);
         }
         // cmap key
+        const key = this.generateComponentKey();
         let expr;
         if (ast.isDynamic) {
             expr = generateId("Comp");
@@ -4692,7 +4678,7 @@ class CodeGenerator {
             // todo: check the forcenewblock condition
             this.insertAnchor(block);
         }
-        let keyArg = this.generateComponentKey();
+        let keyArg = `key + \`${key}\``;
         if (ctx.tKeyExpr) {
             keyArg = `${ctx.tKeyExpr} + ${keyArg}`;
         }
@@ -4765,7 +4751,7 @@ class CodeGenerator {
         }
         let key = this.target.loopLevel ? `key${this.target.loopLevel}` : "key";
         if (isMultiple) {
-            key = this.generateComponentKey(key);
+            key = `${key} + \`${this.generateComponentKey()}\``;
         }
         const props = ast.attrs ? this.formatPropObject(ast.attrs) : [];
         const scope = this.getPropString(props, dynProps);
@@ -4806,6 +4792,7 @@ class CodeGenerator {
         }
         let { block } = ctx;
         const name = this.compileInNewTarget("slot", ast.content, ctx);
+        const key = this.generateComponentKey();
         let ctxStr = "ctx";
         if (this.target.loopLevel || !this.hasSafeContext) {
             ctxStr = generateId("ctx");
@@ -4818,8 +4805,7 @@ class CodeGenerator {
             expr: `app.createComponent(null, false, true, false, false)`,
         });
         const target = compileExpr(ast.target);
-        const key = this.generateComponentKey();
-        const blockString = `${id}({target: ${target},slots: {'default': {__render: ${name}.bind(this), __ctx: ${ctxStr}}}}, ${key}, node, ctx, Portal)`;
+        const blockString = `${id}({target: ${target},slots: {'default': {__render: ${name}.bind(this), __ctx: ${ctxStr}}}}, key + \`${key}\`, node, ctx, Portal)`;
         if (block) {
             this.insertAnchor(block);
         }
@@ -5552,7 +5538,7 @@ function compile(template, options = {}) {
 }
 
 // do not modify manually. This file is generated by the release script.
-const version = "2.3.0";
+const version = "2.2.10";
 
 // -----------------------------------------------------------------------------
 //  Scheduler
@@ -5978,9 +5964,9 @@ TemplateSet.prototype._compileTemplate = function _compileTemplate(name, templat
     });
 };
 
-export { App, Component, EventBus, OwlError, __info__, batched, blockDom, loadFile, markRaw, markup, mount, onError, onMounted, onPatched, onRendered, onWillDestroy, onWillPatch, onWillRender, onWillStart, onWillUnmount, onWillUpdateProps, reactive, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, validate, validateType, whenReady, xml };
+export { App, Component, EventBus, OwlError, __info__, blockDom, loadFile, markRaw, markup, mount, onError, onMounted, onPatched, onRendered, onWillDestroy, onWillPatch, onWillRender, onWillStart, onWillUnmount, onWillUpdateProps, reactive, status, toRaw, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useRef, useState, useSubEnv, validate, validateType, whenReady, xml };
 
 
-__info__.date = '2024-07-25T13:13:44.371Z';
-__info__.hash = '0cde4b8';
+__info__.date = '2024-04-02T10:25:32.577Z';
+__info__.hash = '97b69f1';
 __info__.url = 'https://github.com/odoo/owl';

docs/playground/playground.js

@@ -99,11 +99,6 @@ const SAMPLES = [
     folder: "todo_app",
     code: ["js", "xml", "css"],
   },
-  {
-    description: "Tic-Tac-Toe (with reactivity)",
-    folder: "tic_tac_toe",
-    code: ["js", "xml", "css"],
-  },
   {
     description: "Responsive app",
     folder: "responsive_app",

docs/playground/samples/tic_tac_toe/tic_tac_toe.css

@@ -1,32 +0,0 @@
-.square {
-    background: #fff;
-    border: 1px solid #999;
-    float: left;
-    font-size: 24px;
-    font-weight: bold;
-    line-height: 34px;
-    height: 34px;
-    margin-right: -1px;
-    margin-top: -1px;
-    padding: 0;
-    text-align: center;
-    width: 34px;
-}
-
-.board-row:after {
-    clear: both;
-    content: '';
-    display: table;
-}
-
-.status {
-    margin-bottom: 10px;
-}
-.game {
-    display: flex;
-    flex-direction: row;
-}
-
-.game-info {
-    margin-left: 20px;
-}

docs/playground/samples/tic_tac_toe/tic_tac_toe.js

@@ -1,105 +0,0 @@
-// This example is an implementation of the Tic-Tac-Toe game, from
-// https://react.dev/learn/tutorial-tic-tac-toe.  This is an easy application to start learning owl
-// with some interesting user interactions.
-//
-// In this implementation, we use the owl reactivity mechanism.
-import { Component, useState, mount } from "@odoo/owl";
-
-
-class Square extends Component {
-    static template = "Square";
-}
-
-class Board extends Component {
-    static template = "Board"
-    static components = { Square };
-
-    handleClick(i) {
-        if (this.calculateWinner(this.props.squares) || this.props.squares[i]) {
-          return;
-        }
-        const nextSquares = this.props.squares.slice();
-        if (this.props.xIsNext) {
-          nextSquares[i] = 'X';
-        } else {
-          nextSquares[i] = 'O';
-        }
-        this.props.onPlay(nextSquares);
-    }
-
-    get status(){
-        const winner = this.calculateWinner(this.props.squares);
-        if (winner) {
-          return 'Winner: ' + winner;
-        } else {
-            if (Object.values(this.props.squares).filter((v) => v === null).length > 0)
-                return 'Next player: ' + (this.props.xIsNext ? 'X' : 'O');
-            else 
-                return 'Draw';
-        }
-    }
-
-    calculateWinner(squares) {
-        const lines = [
-          [0, 1, 2],
-          [3, 4, 5],
-          [6, 7, 8],
-          [0, 3, 6],
-          [1, 4, 7],
-          [2, 5, 8],
-          [0, 4, 8],
-          [2, 4, 6],
-        ];
-        for (let i = 0; i < lines.length; i++) {
-          const [a, b, c] = lines[i];
-          if (squares[a] && squares[a] === squares[b] && squares[a] === squares[c]) {
-            return squares[a];
-          }
-        }
-        return null;
-      }
-}  
-
-class Game extends Component {
-    static template = "Game"
-    static components = { Board };
-
-    setup() {
-        this.state = useState({
-            currentMove: 0,
-            history: [Array(9).fill(null)],
-        });
-    }
-
-    get currentSquares() {
-        return this.state.history[this.state.currentMove];
-    }
-
-    get xIsNext() {
-        return this.state.currentMove % 2 === 0;
-    }
-
-    jumpTo(nextMove) {
-        this.state.currentMove = nextMove;
-    }
-
-    handlePlay(nextSquares) {
-        const nextHistory = [...this.state.history.slice(0, this.state.currentMove + 1), nextSquares];
-        this.state.history = nextHistory;
-        this.state.currentMove = this.state.history.length - 1;
-    }
-
-    get moves() {
-        return this.state.history.map((_squares, move) => {
-            if (move > 0) {
-              return {id: move, description: 'Go to move #' + move};
-            } else {
-              return {id: move, description: 'Go to game start'};
-            }
-        });
-    }
-
-}
-
-// Application setup
-mount(Game, document.body, { templates: TEMPLATES, dev: true});

docs/playground/samples/tic_tac_toe/tic_tac_toe.xml

@@ -1,43 +0,0 @@
-<templates>
-    <button t-name="Square" class="square" t-on-click="props.onSquareClick">
-        <t t-esc="props.value"/>
-    </button>
-
-    <t t-name="Board">
-        <div class="status">
-            <t t-esc="status"/>
-        </div>
-        <div class="board-row">
-            <Square value="props.squares[0]" onSquareClick="() => this.handleClick(0)" />
-            <Square value="props.squares[1]" onSquareClick="() => this.handleClick(1)" />
-            <Square value="props.squares[2]" onSquareClick="() => this.handleClick(2)" />
-        </div>
-        <div class="board-row">
-            <Square value="props.squares[3]" onSquareClick="() => this.handleClick(3)" />
-            <Square value="props.squares[4]" onSquareClick="() => this.handleClick(4)" />
-            <Square value="props.squares[5]" onSquareClick="() => this.handleClick(5)" />
-        </div>
-        <div class="board-row">
-            <Square value="props.squares[6]" onSquareClick="() => this.handleClick(6)" />
-            <Square value="props.squares[7]" onSquareClick="() => this.handleClick(7)" />
-            <Square value="props.squares[8]" onSquareClick="() => this.handleClick(8)" />
-        </div>
-    </t>
-
-    <div t-name="Game" class="game">
-        <div class="game-board">
-            <Board xIsNext="xIsNext" squares="currentSquares" onPlay.bind="handlePlay" />
-        </div>
-        <div class="game-info">
-            <ol>
-                <t t-foreach="moves" t-as="move" t-key="move.id">
-                    <li>
-                        <button t-on-click="() => this.jumpTo(move.id)">
-                            <t t-esc="move.description"/>
-                        </button>
-                    </li>
-                </t>
-            </ol>
-        </div>
-    </div>
-</templates>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/owl",
-  "version": "2.3.0",
+  "version": "2.2.10",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odoo/owl",
-  "version": "2.3.0",
+  "version": "2.2.10",
   "description": "Odoo Web Library (OWL)",
   "main": "dist/owl.cjs.js",
   "module": "dist/owl.es.js",

src/compiler/code_generator.ts

@@ -1136,11 +1136,7 @@ export class CodeGenerator {
    * "onClick.bind"    "onClick"        "onClick: bind(ctx, ctx['onClick'])"
    */
   formatProp(name: string, value: string): string {
-    if (name.endsWith(".translate")) {
-      value = toStringExpression(this.translateFn(value));
-    } else {
-      value = this.captureExpression(value);
-    }
+    value = this.captureExpression(value);
     if (name.includes(".")) {
       let [_name, suffix] = name.split(".");
       name = _name;
@@ -1149,7 +1145,6 @@ export class CodeGenerator {
           value = `(${value}).bind(this)`;
           break;
         case "alike":
-        case "translate":
           break;
         default:
           throw new OwlError("Invalid prop suffix");

src/compiler/inline_expressions.ts

@@ -268,7 +268,7 @@ export function compileExprToArray(expr: string): Token[] {
   const localVars = new Set<string>();
   const tokens = tokenize(expr);
   let i = 0;
-  let stack = []; // to track last opening (, [ or {
+  let stack = []; // to track last opening [ or {
 
   while (i < tokens.length) {
     let token = tokens[i];
@@ -279,12 +279,10 @@ export function compileExprToArray(expr: string): Token[] {
     switch (token.type) {
       case "LEFT_BRACE":
       case "LEFT_BRACKET":
-      case "LEFT_PAREN":
         stack.push(token.type);
         break;
       case "RIGHT_BRACE":
       case "RIGHT_BRACKET":
-      case "RIGHT_PAREN":
         stack.pop();
     }
 

src/version.ts

@@ -1,2 +1,2 @@
 // do not modify manually. This file is generated by the release script.
-export const version = "2.3.0";
+export const version = "2.2.10";

tests/compiler/inline_expressions.test.ts

@@ -174,9 +174,6 @@ describe("expression evaluation", () => {
     expect(compileExpr("list.data.map((data) => data)")).toBe(
       "ctx['list'].data.map((_data)=>_data)"
     );
-    expect(compileExpr("(ev) => { myFunc(v1, v2, ev.target.value); }")).toBe(
-      "(_ev)=>{ctx['myFunc'](ctx['v1'],ctx['v2'],_ev.target.value);}"
-    );
   });
   test.skip("arrow functions: not yet supported", () => {
     // e is added to localvars in inline_expression but not removed after the arrow func body

tests/components/__snapshots__/props.test.ts.snap

@@ -66,29 +66,6 @@ exports[`.alike suffix in a simple case 2`] = `
 }"
 `;
 
-exports[`.translate props are translated 1`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  const comp1 = app.createComponent(\`Child\`, true, false, false, []);
-  
-  return function template(ctx, node, key = \\"\\") {
-    return comp1({message: \`translated message\`}, key + \`__1\`, node, this, null);
-  }
-}"
-`;
-
-exports[`.translate props are translated 2`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  
-  return function template(ctx, node, key = \\"\\") {
-    return text(ctx['props'].message);
-  }
-}"
-`;
-
 exports[`basics accept ES6-like syntax for props (with getters) 1`] = `
 "function anonymous(app, bdom, helpers
 ) {
@@ -435,29 +412,6 @@ exports[`can bind function prop with bind suffix 2`] = `
 }"
 `;
 
-exports[`can use .translate suffix 1`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  const comp1 = app.createComponent(\`Child\`, true, false, false, []);
-  
-  return function template(ctx, node, key = \\"\\") {
-    return comp1({message: \`some message\`}, key + \`__1\`, node, this, null);
-  }
-}"
-`;
-
-exports[`can use .translate suffix 2`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  
-  return function template(ctx, node, key = \\"\\") {
-    return text(ctx['props'].message);
-  }
-}"
-`;
-
 exports[`do not crash when binding anonymous function prop with bind suffix 1`] = `
 "function anonymous(app, bdom, helpers
 ) {

tests/components/__snapshots__/slots.test.ts.snap

@@ -1,30 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`slots .translate slot props are translated 1`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  let { capture, markRaw } = helpers;
-  const comp1 = app.createComponent(\`Child\`, true, true, false, []);
-  
-  return function template(ctx, node, key = \\"\\") {
-    const ctx1 = capture(ctx);
-    return comp1({slots: markRaw({'default': {message: \`translated message\`}})}, key + \`__1\`, node, this, null);
-  }
-}"
-`;
-
-exports[`slots .translate slot props are translated 2`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  
-  return function template(ctx, node, key = \\"\\") {
-    return text(ctx['props'].slots.default.message);
-  }
-}"
-`;
-
 exports[`slots can define a default content 1`] = `
 "function anonymous(app, bdom, helpers
 ) {
@@ -226,31 +201,6 @@ exports[`slots can render only empty slot 1`] = `
 }"
 `;
 
-exports[`slots can use .translate suffix on slot props 1`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  let { capture, markRaw } = helpers;
-  const comp1 = app.createComponent(\`Child\`, true, true, false, []);
-  
-  return function template(ctx, node, key = \\"\\") {
-    const ctx1 = capture(ctx);
-    return comp1({slots: markRaw({'default': {message: \`some message\`}})}, key + \`__1\`, node, this, null);
-  }
-}"
-`;
-
-exports[`slots can use .translate suffix on slot props 2`] = `
-"function anonymous(app, bdom, helpers
-) {
-  let { text, createBlock, list, multi, html, toggler, comment } = bdom;
-  
-  return function template(ctx, node, key = \\"\\") {
-    return text(ctx['props'].slots.default.message);
-  }
-}"
-`;
-
 exports[`slots can use component in default-content of t-slot 1`] = `
 "function anonymous(app, bdom, helpers
 ) {

tests/components/props.test.ts

@@ -299,34 +299,6 @@ test("bound functions are considered 'alike'", async () => {
   expect(fixture.innerHTML).toBe("3child");
 });
 
-test("can use .translate suffix", async () => {
-  class Child extends Component {
-    static template = xml`<t t-esc="props.message"/>`;
-  }
-
-  class Parent extends Component {
-    static template = xml`<Child message.translate="some message"/>`;
-    static components = { Child };
-  }
-
-  await mount(Parent, fixture);
-  expect(fixture.innerHTML).toBe("some message");
-});
-
-test(".translate props are translated", async () => {
-  class Child extends Component {
-    static template = xml`<t t-esc="props.message"/>`;
-  }
-
-  class Parent extends Component {
-    static template = xml`<Child message.translate="some message"/>`;
-    static components = { Child };
-  }
-
-  await mount(Parent, fixture, { translateFn: () => "translated message" });
-  expect(fixture.innerHTML).toBe("translated message");
-});
-
 test("throw if prop uses an unknown suffix", async () => {
   class Child extends Component {
     static template = xml`<t t-esc="props.val"/>`;

tests/components/slots.test.ts

@@ -179,34 +179,6 @@ describe("slots", () => {
     expect(fixture.innerHTML).toBe("<span>default empty</span>");
   });
 
-  test("can use .translate suffix on slot props", async () => {
-    class Child extends Component {
-      static template = xml`<t t-esc="props.slots.default.message"/>`;
-    }
-
-    class Parent extends Component {
-      static template = xml`<Child><t t-set-slot="default" message.translate="some message"/></Child>`;
-      static components = { Child };
-    }
-
-    await mount(Parent, fixture);
-    expect(fixture.innerHTML).toBe("some message");
-  });
-
-  test(".translate slot props are translated", async () => {
-    class Child extends Component {
-      static template = xml`<t t-esc="props.slots.default.message"/>`;
-    }
-
-    class Parent extends Component {
-      static template = xml`<Child><t t-set-slot="default" message.translate="some message"/></Child>`;
-      static components = { Child };
-    }
-
-    await mount(Parent, fixture, { translateFn: () => "translated message" });
-    expect(fixture.innerHTML).toBe("translated message");
-  });
-
   test("default slot with slot scope: shorthand syntax", async () => {
     let child: any;
     class Child extends Component {

tools/owl-vision/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "owl-vision",
-    "version": "0.0.2",
+    "version": "0.1.0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "owl-vision",
-            "version": "0.0.2",
+            "version": "0.1.0",
             "license": "LGPL-3.0-only",
             "dependencies": {
                 "xmldoc": "^1.3.0"
@@ -990,12 +990,12 @@
             }
         },
         "node_modules/braces": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
             "dev": true,
             "dependencies": {
-                "fill-range": "^7.0.1"
+                "fill-range": "^7.1.1"
             },
             "engines": {
                 "node": ">=8"
@@ -1750,9 +1750,9 @@
             }
         },
         "node_modules/fill-range": {
-            "version": "7.0.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
             "dev": true,
             "dependencies": {
                 "to-regex-range": "^5.0.1"
@@ -3868,12 +3868,12 @@
             }
         },
         "braces": {
-            "version": "3.0.2",
-            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
             "dev": true,
             "requires": {
-                "fill-range": "^7.0.1"
+                "fill-range": "^7.1.1"
             }
         },
         "buffer": {
@@ -4433,9 +4433,9 @@
             }
         },
         "fill-range": {
-            "version": "7.0.1",
-            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
             "dev": true,
             "requires": {
                 "to-regex-range": "^5.0.1"