lang-firestore

lang-firestore

Firestore query language support for the CodeMirror editor.

Install

npm install lang-firestore

Usage

import { EditorState } from "@codemirror/state";
import { EditorView, basicSetup } from "codemirror";
import { firestore } from "lang-firestore";

new EditorView({
  state: EditorState.create({
    doc: 'db.collection("users").where("age", ">=", 21).get()',
    extensions: [basicSetup, firestore()],
  }),
  parent: document.querySelector("#app")!,
});

Features

• Syntax highlighting for common Firestore query chains (db, collection, doc, where, orderBy, limit, pagination, mutations)
• Operator words: in, not-in, array-contains, array-contains-any
• Basic completions for Firestore API and operators

Contributing

PRs welcome. Run tests and build locally:

npm i
npm run test
npm run build

Sponsor

If you find this useful, consider sponsoring: github.com/sponsors/omar-dulaimi

License

MIT

Changelog

0.1.0 - 2025-08-22

• Upgrade dependencies to latest (CodeMirror 6, Lezer, Rollup 4, TypeScript 5, Vitest 3)
• Switch build to Rollup v4 and @rollup/plugin-typescript
• Expand Firestore language support: collection/doc/where/orderBy/pagination/mutations
• Add operator words: in, not-in, array-contains, array-contains-any
• Provide completions and testing helpers; add Vitest unit tests
• Modernize README; replace Buy Me a Coffee with GitHub Sponsors
• Add GitHub Sponsors funding config