The Genesis Global Community Success initiative is committed to open-sourcing select technologies that we believe the open-source community would benefit from.

CEP FAST Plugin

This is a @genesiscommunitysuccess/custom-elements-lsp (CEP) plugin which adds enhancements to support FAST. Enhancements include:

• Support for property bindings autocompletion and diagnostics for :prop. Extra info in quickinfo window.
• Support for boolean attribute bindings in templates ?attr.
• Support for event bindings autocompletion and diagnostics for @events. Extra info in quickinfo window.

Setup

1. You need to follow the setup guide for the CEP here.
2. You need to install this plugin.

npm i @genesiscommunitysuccess/cep-fast-plugin --save-dev

3. You need to configure this plugin within the CEP. See instructions here.

If using this plugin and you're using a design system you'll likely want to configure designSystemPrefix as specified in the main instructions too.

At minimum you'll need the following configuration to enable FAST enhancements:

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "@genesiscommunitysuccess/custom-elements-lsp",
        "designSystemPrefix": "example",
        "parser": {
          "fastEnable": true,
        },
        "plugins": ["@genesiscommunitysuccess/cep-fast-plugin"]
      }
    ]
  }
}

Contributing

Thanks for taking interest in contributing to the Custom Elements Plugin. See the contributing guidelines (CONTRIBUTING.md) at the root of the monorepo.

License

See here.