mirror of
https://github.com/odoo/owl.git
synced 2025-10-06 19:59:41 +07:00
Bastien Fafchamps (bafa)
55c48b2b12
This commit adds basic autocomplete in xml files. This includes autocompletion for elements, components, props, attributes, and javascript expressions. It also: - Adds "Go To Definition" support for props and javascript expressions in xml - Support for the following directives: t-att, t-model, t-tag, t-debug, t-log - Fixes t-else syntax highlight to be non-dynamic as the attribute value should be empty
108 lines
2.8 KiB
JavaScript
108 lines
2.8 KiB
JavaScript
import { createAttributePatterns, createPattern } from "../syntax_builder_utils.mjs";
|
|
|
|
export const inilineJs = [createPattern("inline-js", {
|
|
patterns: [
|
|
{
|
|
match: "\\s(=>)\\s",
|
|
captures: {
|
|
"1": {
|
|
name: "string.quoted.double.xml owl.arrow",
|
|
}
|
|
}
|
|
},
|
|
{
|
|
match: "\\b(props)\\b",
|
|
captures: {
|
|
"1": {
|
|
name: "variable.language.js owl.expression.props",
|
|
}
|
|
}
|
|
},
|
|
{
|
|
match: "\\s(and|or)\\s",
|
|
captures: {
|
|
"1": {
|
|
name: "keyword.operator.logical.js owl.logical",
|
|
}
|
|
}
|
|
},
|
|
{
|
|
include: "source.js"
|
|
}
|
|
]
|
|
})];
|
|
|
|
const formattedString = createPattern("formatted-string", {
|
|
contentName: "meta.embedded.block.javascript",
|
|
begin: `({{)`,
|
|
beginCaptures: {
|
|
"1": "owl.double-curlybrackets",
|
|
},
|
|
end: `(}})`,
|
|
endCaptures: {
|
|
"1": "owl.double-curlybrackets",
|
|
},
|
|
patterns: inilineJs
|
|
});
|
|
|
|
// -------------------------------- Attributes --------------------------------
|
|
|
|
export const htmlAttributes = createAttributePatterns("html-attributes", {
|
|
match: "[a-z]{2}[a-z_:.-]+",
|
|
attributeName: "owl.xml.attribute",
|
|
});
|
|
|
|
export const propsAttributes = createAttributePatterns("props-attributes", {
|
|
match: "[a-zA-Z]{2}[a-zA-Z_:.]*",
|
|
contentName: "meta.embedded.block.javascript",
|
|
attributeName: "owl.attribute owl.attribute.props",
|
|
patterns: inilineJs,
|
|
});
|
|
|
|
export const owlAttributesDynamic = createAttributePatterns("owl-attributes-dynamic", {
|
|
match: [
|
|
"t-if",
|
|
"t-elif",
|
|
"t-foreach",
|
|
"t-as",
|
|
"t-key",
|
|
"t-esc",
|
|
"t-out",
|
|
"t-props",
|
|
"t-component",
|
|
"t-set",
|
|
"t-value",
|
|
"t-portal",
|
|
"t-slot-scope",
|
|
"t-att",
|
|
"t-tag",
|
|
"t-log",
|
|
"t-model",
|
|
"t-att-[a-z_:.-]+",
|
|
"t-on-[a-z_:.-]+"
|
|
].join("|"),
|
|
contentName: "meta.embedded.block.javascript",
|
|
attributeName: "owl.attribute owl.attribute.dynamic",
|
|
patterns: inilineJs,
|
|
});
|
|
|
|
export const owlAttributesStatic = createAttributePatterns("owl-attributes-static", {
|
|
match: [
|
|
"t-name",
|
|
"t-else",
|
|
"t-ref",
|
|
"t-set-slot",
|
|
"t-inherit",
|
|
"t-inherit-mode",
|
|
"t-translation",
|
|
"t-debug",
|
|
].join("|"),
|
|
attributeName: "owl.attribute owl.attribute.static",
|
|
});
|
|
|
|
export const owlAttributesFormattedString = createAttributePatterns("owl-attributes-formatted-string", {
|
|
match: ["t-call", "t-slot", "t-attf-[a-z_:.-]+"].join("|"),
|
|
attributeName: "owl.attribute owl.attribute.formatted",
|
|
patterns: [formattedString],
|
|
});
|