fsl-lezer/src/ts/fsl.ts

FSL grammar in Lezer, to make FSL and JSSM available to CodeMirror

import { parser }               from "./generated_code/fsl.lezer";

import { LanguageSupport }      from "@codemirror/language"
import { completeFromList }     from "@codemirror/autocomplete"
import { styleTags, tags as t } from "@lezer/highlight";

import {
  foldNodeProp,
  foldInside,
  indentNodeProp,
  LRLanguage
} from "@codemirror/language";





let parserWithMetadata = parser.configure({

  props: [

    styleTags({
      Identifier  : t.variableName,
      Boolean     : t.bool,
      String      : t.string,
      LineComment : t.lineComment,
      "( )"       : t.paren
    }),

    indentNodeProp.add({
      Application : context =>
                      context.column(context.node.from) + context.unit
    }),

    foldNodeProp.add({
      Application : foldInside
    })

  ]

});






export const exampleLanguage = LRLanguage.define({

  parser       : parserWithMetadata,
  languageData : { commentTokens : { line : ";" } }

});






export const exampleCompletion = exampleLanguage.data.of({

  autocomplete: completeFromList([

    { label : "defun",  type : "keyword"  },
    { label : "defvar", type : "keyword"  },
    { label : "let",    type : "keyword"  },
    { label : "cons",   type : "function" },
    { label : "car",    type : "function" },
    { label : "cdr",    type : "function" }

  ])

});






function fsl() {
  return new LanguageSupport(exampleLanguage, [exampleCompletion])
};





export { fsl };