monaco-textmate-provider v1.3.0

monaco-textmate-provider

Language Provider and Theme Provider for Textmate within monaco.

Usage

const onLoad = async (resolvedMonaco: typeof Monaco) => {
  resolvedMonaco.languages.register({ id: 'myLanguage' });

  const languageProvider = new LanguageProvider({
    monaco: resolvedMonaco,
    wasm: 'https://unpkg.com/vscode-oniguruma@1.7.0/release/onig.wasm',
    grammars: {
      greyscript: {
        scopeName: 'source.src',
        tmLanguageFile: 'https://unpkg.com/my-package@1.0.0/dist/myLanguage.tmLanguage.json',
        languageConfigurationFile: 'https://unpkg.com/my-package@1.0.0/dist/myLanguageConfig.json',
      },
    },
  });
  
  const themeProvider = new ThemeProvider({
    monaco: resolvedMonaco,
    registry: await languageProvider.getRegistry(),
    themes: {
      default: 'https://unpkg.com/my-package@1.0.0/dist/myLanguage.theme.json',
    }
  });

  const model = resolvedMonaco.editor.createModel(
    initialContent,
    'myLanguage'
  );

  themeProvider.setTheme('default');
};

For additional usage information, you can take a look at the provided example code.

Credits

• Thanks to @bolinfest for monaco-tm