@lapis-notes/csv 0.0.0-stage → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,22 @@
+# CSV
+
+## 0.2.0
+
+### Minor Changes
+
+- [#28](https://github.com/lapismd/lapis-plugins/pull/28) [`3b2e5df`](https://github.com/lapismd/lapis-plugins/commit/3b2e5df4a5753461a2561c67f9fc42d22e96a896) Thanks [@stevejuma](https://github.com/stevejuma)! - Add a Storybook CSV and TSV table view and note embed for a seeded sample.
+
+### Patch Changes
+
+- [#28](https://github.com/lapismd/lapis-plugins/pull/28) [`8b06759`](https://github.com/lapismd/lapis-plugins/commit/8b067595fe863310e586566b1e99409fb4f79ae0) Thanks [@stevejuma](https://github.com/stevejuma)! - Mirror the workspace-host binding and the Svelte events/reactivity renderer
+  modules that the CSV runtime already imports in the plugin archive's shared
+  dependency metadata, so the packaged runtime resolves them from the host
+  allowlist like every other Svelte component package.
+
+- [#28](https://github.com/lapismd/lapis-plugins/pull/28) [`c9febb1`](https://github.com/lapismd/lapis-plugins/commit/c9febb1c8b431db30ecdcf7507cfff8f727bc4ed) Thanks [@stevejuma](https://github.com/stevejuma)! - Consume the published Notes next packages, Mira 0.1.2, and Design Core 0.7.0 through the existing semver floors. Markdown dependents accept ^0.2.0. History keeps its public repository entrypoints, and Bases keeps the file-icon contract on API 0.2.0.
+
+## 0.1.0
+
+### Minor Changes
+
+- Add a Storybook CSV and TSV table view and note embed for a seeded sample.

package/LICENSE.md

@@ -0,0 +1,4 @@
+Apache-2.0
+
+This project is licensed under the Apache License 2.0.
+See <https://www.apache.org/licenses/LICENSE-2.0>.

package/README.md

@@ -1,3 +1,20 @@
-# Temporary Holding Version
+# CSV
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+CSV and TSV table view and note embed for Lapis applications
+
+## Install for static composition
+
+```sh
+pnpm add @lapis-notes/csv
+```
+
+Register the exported plugin class in the application's `PluginProfile`. Import
+`@lapis-notes/csv/styles.css?inline` and pass the CSS through the static
+registration so the host owns its lifecycle.
+
+The runtime plugin ID is `lapis-csv`. A matching signed
+`lapis-csv-0.2.0.lapis-plugin` archive is attached to the
+package-scoped GitHub release for manual or registry installation.
+
+See the [repository README](https://github.com/lapismd/lapis-plugins#readme) for
+development, validation, and release-gate details.

package/dist/app.css

@@ -0,0 +1,210 @@
+@import "./styles/csv-table.css";
+
+.csv-view,
+.csv-table-view,
+.csv-sheet-view,
+.csv-source-pane {
+  /* Mira rebinds `--font-mono` inside notes. The theme face stays on `--studio-font-mono`. */
+  --csv-font-mono: var(
+    --studio-font-mono,
+    "Source Code Pro Variable",
+    "Source Code Pro",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    monospace
+  );
+  --csv-col-1: oklch(0.53 0.19 25);
+  --csv-col-2: oklch(0.49 0.16 145);
+  --csv-col-3: oklch(0.49 0.14 230);
+  --csv-col-4: oklch(0.53 0.17 310);
+  --csv-col-5: oklch(0.52 0.15 85);
+  --csv-separator: var(--text-muted, var(--muted-foreground));
+  --csv-shell-background: var(--background-primary, var(--background));
+  --csv-surface-border: var(--background-modifier-border, var(--border));
+  --csv-text-color: var(--text-normal, var(--foreground));
+  --csv-muted-color: var(--text-muted, var(--muted-foreground));
+  --csv-error-color: var(--text-error, var(--destructive));
+  --csv-header-background: var(
+    --background-secondary,
+    var(--background-primary, var(--background))
+  );
+  --csv-index-background: var(
+    --background-secondary-alt,
+    var(--background-secondary, var(--background))
+  );
+  --table-selection: hsla(var(--color-accent-hsl, 250 60% 50%), 0.12);
+  --table-selection-border-color: var(
+    --interactive-accent,
+    var(--accent, hsl(250 60% 50%))
+  );
+  --table-drag-handle-color: var(--text-faint, var(--muted-foreground));
+  --table-drag-handle-background: transparent;
+}
+
+.dark .csv-view,
+.dark .csv-table-view,
+.dark .csv-sheet-view,
+.dark .csv-source-pane {
+  --csv-col-1: oklch(0.72 0.16 25);
+  --csv-col-2: oklch(0.74 0.14 145);
+  --csv-col-3: oklch(0.74 0.12 230);
+  --csv-col-4: oklch(0.74 0.14 310);
+  --csv-col-5: oklch(0.78 0.13 85);
+}
+
+.csv-view {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  flex-direction: column;
+  overflow: hidden;
+  color: var(--csv-text-color);
+  background: var(--csv-shell-background);
+}
+
+.csv-view__editor,
+.csv-view__table {
+  height: 100%;
+  min-height: 0;
+}
+
+.csv-source-view .cm-csv-cell1,
+.csv-source-view .cm-content .cm-csv-cell1 {
+  color: var(--csv-col-1);
+}
+
+.csv-source-view .cm-csv-cell2 {
+  color: var(--csv-col-2);
+}
+
+.csv-source-view .cm-csv-cell3 {
+  color: var(--csv-col-3);
+}
+
+.csv-source-view .cm-csv-cell4 {
+  color: var(--csv-col-4);
+}
+
+.csv-source-view .cm-csv-cell5 {
+  color: var(--csv-col-5);
+}
+
+.csv-source-view .cm-csv-separator {
+  color: var(--csv-separator);
+  opacity: 0.75;
+}
+
+.csv-source-pane {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  color: var(--csv-text-color);
+  background: var(--csv-shell-background);
+}
+
+.csv-source-pane__editor {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+}
+
+.csv-source-pane__editor :global(.cm-editor) {
+  height: 100%;
+  background: transparent;
+}
+
+.csv-source-pane .cm-editor.csv-source-view,
+.csv-source-pane .cm-editor.csv-source-view .cm-scroller,
+.csv-source-pane .cm-editor.csv-source-view .cm-content,
+.csv-source-pane .cm-editor.csv-source-view .cm-line {
+  font-family: var(--csv-font-mono);
+}
+
+.csv-table-view__errors {
+  padding: 0.5rem 0.75rem;
+  border-bottom: 1px solid var(--csv-surface-border);
+  color: var(--csv-error-color);
+  font-size: 0.875rem;
+}
+
+.csv-table-view__errors p {
+  margin: 0;
+}
+
+.csv-table-view__scroll {
+  flex: 1 1 auto;
+  height: auto;
+  min-height: 0;
+}
+
+.csv-status-bar {
+  box-sizing: border-box;
+  display: flex;
+  flex: 0 0 2rem;
+  align-items: center;
+  gap: 0.375rem;
+  width: 100%;
+  height: 2rem;
+  min-width: 0;
+  padding-inline: 0.5rem;
+  border-block-start: 1px solid var(--ui-workspace-border, var(--border));
+  background: var(--background);
+  color: var(--ui-workspace-muted-foreground, var(--muted-foreground));
+  font-size: 0.75rem;
+  line-height: 1;
+  user-select: none;
+}
+
+.csv-status-bar__text {
+  padding-inline: 0.25rem;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+}
+
+.csv-status-bar__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  border: 0;
+  border-radius: var(--ui-workspace-radius-small, 0.25rem);
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  line-height: 1;
+}
+
+.csv-status-bar__icon:hover {
+  color: var(--foreground);
+  background: color-mix(in srgb, var(--foreground) 8%, transparent);
+}
+
+.csv-status-bar__icon--pressed {
+  color: var(--foreground);
+  background: color-mix(in srgb, var(--foreground) 8%, transparent);
+}
+
+.csv-status-bar__modes {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.125rem;
+  margin-inline-start: auto;
+}
+
+.csv-status-bar__mode {
+  margin-inline-start: 0;
+}
+
+.csv-status-bar__icon svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}

package/dist/csv-settings.d.ts

@@ -0,0 +1,13 @@
+export type CsvDelimiter = "," | "\t" | ";" | "|";
+export type CsvDelimiterMode = "auto" | CsvDelimiter;
+export type CsvPluginSettings = {
+    headerRow: boolean;
+    delimiter: CsvDelimiterMode;
+    showRowNumbers: boolean;
+};
+export type CsvPluginSettingsPatch = Partial<CsvPluginSettings>;
+export declare const DEFAULT_CSV_SETTINGS: CsvPluginSettings;
+export declare function mergeCsvSettings(data: Partial<CsvPluginSettings> | null | undefined): CsvPluginSettings;
+export declare function patchCsvSettings(current: CsvPluginSettings, patch: CsvPluginSettingsPatch): CsvPluginSettings;
+export declare function delimiterForExtension(extension: string): CsvDelimiter;
+export declare function resolveDelimiter(settings: CsvPluginSettings, extension: string): CsvDelimiter;

package/dist/csv-settings.js

@@ -0,0 +1,28 @@
+export const DEFAULT_CSV_SETTINGS = {
+    headerRow: true,
+    delimiter: "auto",
+    showRowNumbers: true,
+};
+export function mergeCsvSettings(data) {
+    return {
+        ...DEFAULT_CSV_SETTINGS,
+        ...data,
+    };
+}
+export function patchCsvSettings(current, patch) {
+    return mergeCsvSettings({ ...current, ...patch });
+}
+export function delimiterForExtension(extension) {
+    switch (extension.toLowerCase()) {
+        case "tsv":
+            return "\t";
+        default:
+            return ",";
+    }
+}
+export function resolveDelimiter(settings, extension) {
+    if (settings.delimiter === "auto") {
+        return delimiterForExtension(extension);
+    }
+    return settings.delimiter;
+}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import "./styles.css";
+export { default as manifest } from "../manifest.json";
+export { CSV_EXTENSIONS, CSV_FILENAME_PATTERNS, CSV_PLUGIN_ID, CSV_VIEW_TYPE, SAMPLE_CSV_PATH, SAMPLE_PLAIN_NOTE_PATH, SAMPLE_READING_NOTE_PATH, sampleReadingMarkdown, } from "./lib/ids";
+export { default as CsvTable } from "./lib/CsvTable.svelte";
+export { CSVPlugin } from "./lib/csv-plugin";
+export { default } from "./lib/csv-plugin";
+export { CsvFileView } from "./lib/views/csv-view";

package/dist/index.js

@@ -0,0 +1,7 @@
+import "./styles.css";
+export { default as manifest } from "../manifest.json";
+export { CSV_EXTENSIONS, CSV_FILENAME_PATTERNS, CSV_PLUGIN_ID, CSV_VIEW_TYPE, SAMPLE_CSV_PATH, SAMPLE_PLAIN_NOTE_PATH, SAMPLE_READING_NOTE_PATH, sampleReadingMarkdown, } from "./lib/ids";
+export { default as CsvTable } from "./lib/CsvTable.svelte";
+export { CSVPlugin } from "./lib/csv-plugin";
+export { default } from "./lib/csv-plugin";
+export { CsvFileView } from "./lib/views/csv-view";

package/dist/lib/CsvSheet.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+  import type { App, TFile } from "@lapis-notes/api";
+  import {
+    DEFAULT_CSV_SETTINGS,
+    patchCsvSettings,
+    type CsvPluginSettings,
+    type CsvPluginSettingsPatch,
+  } from "../csv-settings";
+  import CsvSheetView from "./sheet/csv-sheet-view.svelte";
+
+  let {
+    app,
+    file,
+    role = "file",
+    onShowTable,
+    onToggleSource,
+  }: {
+    app: App;
+    file: TFile;
+    role?: "file" | "embed";
+    onShowTable?: () => void;
+    onToggleSource?: () => void;
+  } = $props();
+
+  let settings = $state<CsvPluginSettings>({ ...DEFAULT_CSV_SETTINGS });
+  const loaded = $derived.by(() => app.vault.cachedRead(file));
+
+  function handleContentChange(text: string) {
+    void app.vault.modify(file, text);
+  }
+
+  function handleSettingsChange(patch: CsvPluginSettingsPatch) {
+    settings = patchCsvSettings(settings, patch);
+  }
+</script>
+
+<div class="csv-table-frame" data-testid="csv-canvas" data-csv-role={role}>
+  {#key file.path}
+    {#await loaded}
+      <p class="csv-table-status">Reading this table.</p>
+    {:then content}
+      <CsvSheetView
+        {app}
+        {file}
+        {content}
+        {settings}
+        onContentChange={handleContentChange}
+        onSettingsChange={handleSettingsChange}
+        {onShowTable}
+        {onToggleSource}
+      />
+    {:catch reason}
+      <p class="csv-table-status" data-csv-error="true">
+        {reason instanceof Error ? reason.message : "Unable to read this table."}
+      </p>
+    {/await}
+  {/key}
+</div>

package/dist/lib/CsvSheet.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { App, TFile } from "@lapis-notes/api";
+type $$ComponentProps = {
+    app: App;
+    file: TFile;
+    role?: "file" | "embed";
+    onShowTable?: () => void;
+    onToggleSource?: () => void;
+};
+declare const CsvSheet: import("svelte").Component<$$ComponentProps, {}, "">;
+type CsvSheet = ReturnType<typeof CsvSheet>;
+export default CsvSheet;

package/dist/lib/CsvTable.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+  import type { App, TFile } from "@lapis-notes/api";
+  import CsvTableView from "./components/csv-table-view.svelte";
+  import {
+    DEFAULT_CSV_SETTINGS,
+    patchCsvSettings,
+    type CsvPluginSettings,
+    type CsvPluginSettingsPatch,
+  } from "../csv-settings";
+
+  let {
+    app,
+    file,
+    role = "file",
+    onToggleSource,
+    onShowCanvas,
+  }: {
+    app: App;
+    file: TFile;
+    role?: "file" | "embed";
+    onToggleSource?: () => void;
+    onShowCanvas?: () => void;
+  } = $props();
+
+  let settings = $state<CsvPluginSettings>({ ...DEFAULT_CSV_SETTINGS });
+  const loaded = $derived.by(() => app.vault.cachedRead(file));
+
+  function handleContentChange(text: string) {
+    void app.vault.modify(file, text);
+  }
+
+  function handleSettingsChange(patch: CsvPluginSettingsPatch) {
+    settings = patchCsvSettings(settings, patch);
+  }
+</script>
+
+<div class="csv-table-frame" data-testid="csv-table" data-csv-role={role}>
+  {#key file.path}
+    {#await loaded}
+      <p class="csv-table-status">Reading this table.</p>
+    {:then content}
+      <CsvTableView
+        {app}
+        {file}
+        {content}
+        {settings}
+        onContentChange={handleContentChange}
+        onSettingsChange={handleSettingsChange}
+        {onToggleSource}
+        {onShowCanvas}
+      />
+    {:catch reason}
+      <p class="csv-table-status" data-csv-error="true">
+        {reason instanceof Error ? reason.message : "Unable to read this table."}
+      </p>
+    {/await}
+  {/key}
+</div>

package/dist/lib/CsvTable.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { App, TFile } from "@lapis-notes/api";
+type $$ComponentProps = {
+    app: App;
+    file: TFile;
+    role?: "file" | "embed";
+    onToggleSource?: () => void;
+    onShowCanvas?: () => void;
+};
+declare const CsvTable: import("svelte").Component<$$ComponentProps, {}, "">;
+type CsvTable = ReturnType<typeof CsvTable>;
+export default CsvTable;

package/dist/lib/codemirror/csv-language-extensions.d.ts

@@ -0,0 +1,3 @@
+import type { Extension } from "@codemirror/state";
+/** CSV language and column colours, without the Lapis editor shell. */
+export declare function csvLanguageExtensions(): Extension[];

package/dist/lib/codemirror/csv-language-extensions.js

@@ -0,0 +1,11 @@
+import { EditorView } from "@codemirror/view";
+import { csv } from "./csv-language";
+import { csvRainbowTheme } from "./csv-rainbow-theme";
+/** CSV language and column colours, without the Lapis editor shell. */
+export function csvLanguageExtensions() {
+    return [
+        csv(),
+        csvRainbowTheme(),
+        EditorView.editorAttributes.of({ class: "csv-source-view" }),
+    ];
+}

package/dist/lib/codemirror/csv-language.d.ts

@@ -0,0 +1,3 @@
+import { LRLanguage, LanguageSupport } from "@codemirror/language";
+export declare const csvLanguage: LRLanguage;
+export declare function csv(): LanguageSupport;

package/dist/lib/codemirror/csv-language.js

@@ -0,0 +1,24 @@
+import { LRLanguage, LanguageSupport } from "@codemirror/language";
+import { styleTags, tags as t } from "@lezer/highlight";
+import { parser } from "./csv.parser";
+const csvParser = parser.configure({
+    props: [
+        styleTags({
+            "Cell1/...": t.content,
+            "Cell2/...": t.typeName,
+            "Cell3/...": t.propertyName,
+            "Cell4/...": t.labelName,
+            "Cell5/...": t.name,
+            Separator: t.separator,
+            string: t.string,
+            value: t.variableName,
+        }),
+    ],
+});
+export const csvLanguage = LRLanguage.define({
+    name: "csv",
+    parser: csvParser,
+});
+export function csv() {
+    return new LanguageSupport(csvLanguage);
+}

package/dist/lib/codemirror/csv-rainbow-theme.d.ts

@@ -0,0 +1,3 @@
+import { HighlightStyle } from "@codemirror/language";
+export declare const csvHighlightStyle: HighlightStyle;
+export declare function csvRainbowTheme(): import("@codemirror/state").Extension;

package/dist/lib/codemirror/csv-rainbow-theme.js

@@ -0,0 +1,15 @@
+import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import { tags } from "@lezer/highlight";
+export const csvHighlightStyle = HighlightStyle.define([
+    { tag: tags.content, class: "cm-csv-cell1" },
+    { tag: tags.typeName, class: "cm-csv-cell2" },
+    { tag: tags.propertyName, class: "cm-csv-cell3" },
+    { tag: tags.labelName, class: "cm-csv-cell4" },
+    { tag: tags.name, class: "cm-csv-cell5" },
+    { tag: tags.string, class: "cm-csv-string" },
+    { tag: tags.variableName, class: "cm-csv-value" },
+    { tag: tags.separator, class: "cm-csv-separator" },
+]);
+export function csvRainbowTheme() {
+    return syntaxHighlighting(csvHighlightStyle);
+}

package/dist/lib/codemirror/csv-source-extensions.d.ts

@@ -0,0 +1,7 @@
+import type { Extension } from "@codemirror/state";
+import type { App } from "@lapis-notes/api";
+/**
+ * Lapis markup editor with the CSV language layered on top.
+ * Line numbers, wrapping, indent, and the monospace face come from the host.
+ */
+export declare function csvSourceExtensions(app: App): Extension;

package/dist/lib/codemirror/csv-source-extensions.js

@@ -0,0 +1,9 @@
+import { markupEditor } from "@lapis-notes/api/editor/core";
+import { csvLanguageExtensions } from "./csv-language-extensions";
+/**
+ * Lapis markup editor with the CSV language layered on top.
+ * Line numbers, wrapping, indent, and the monospace face come from the host.
+ */
+export function csvSourceExtensions(app) {
+    return markupEditor({ language: "csv", app }, ...csvLanguageExtensions());
+}

package/dist/lib/codemirror/csv.parser.d.ts

@@ -0,0 +1,2 @@
+import { LRParser } from "@lezer/lr";
+export declare const parser: LRParser;

package/dist/lib/codemirror/csv.parser.js

@@ -0,0 +1,16 @@
+// This file was generated by lezer-generator. You probably shouldn't edit it.
+import { LRParser } from "@lezer/lr";
+export const parser = LRParser.deserialize({
+    version: 14,
+    states: "$[OQOPOOOOOO'#Ci'#CiOOOO'#C_'#C_OcOPO'#ChOOOO'#C^'#C^OnOPO'#CeOQOPOOOQOPO,59SQOOO,59P,59PQOOOOOOOOO-E6c-E6cOOOO'#Ca'#CaOvOPO1G.nP!ROPO'#CeOQOPO7+$YOOOO'#Cb'#CbO!WOPO<<GtOQOPOAN=`OOOO'#Cc'#CcO!cOPOG22zOQOPOLD(fOOOO'#Cd'#CdO!nOPO!$'LQOQOPO!)9AlOOOO!.K7W!.K7W",
+    stateData: "#O~O^PO_POS]P`]Pa]P~OSVO`[Xa[X~O`WOaXO~OS^O`[ia[i~O`WO~OSaO`[ya[y~OSdO`[!Za[!Z~OSgO`[!ka[!k~O^S_S~",
+    goto: "!d^PP_cPhknqtPPz!RTTOUVROUgR[VR`^RcaRfdQUORYUSSOURhgUQOUgQZVQ_^QbaRed",
+    nodeNames: "⚠ Program Row Cell1 Separator Cell2 Cell3 Cell4 Cell5",
+    maxTerm: 17,
+    skippedNodes: [0],
+    repeatNodeCount: 1,
+    tokenData: "(p~RbOX!ZXY#OYZ#TZ]!Z]^#Y^r!Zrs#`s|!Z|}#O}!]!Z!]!^#O!^#p!Z#p#q#O#q;'S!Z;'S;=`!x<%l~!Z~O!Z~~(k~!`W_~OX!ZZ]!Z^|!Z}!]!Z!^#p!Z#q;'S!Z;'S;=`!x<%lO!Z~!{P;=`<%l!Z~#TOS~~#YO`~~#]PYZ#T~#ea_~OX#`XZ$jZ]#`]^$j^r#`rs&Ws|#`|}$j}!]#`!]!^$j!^#O#`#O#P&w#P#p#`#p#q$j#q;'S#`;'S;=`(e<%lO#`~$mVOr$jrs%Ss#O$j#O#P%X#P;'S$j;'S;=`&Q<%lO$j~%XO^~~%[RO;'S$j;'S;=`%e;=`O$j~%hWOr$jrs%Ss#O$j#O#P%X#P;'S$j;'S;=`&Q;=`<%l$j<%lO$j~&TP;=`<%l$j~&_W^~_~OX!ZZ]!Z^|!Z}!]!Z!^#p!Z#q;'S!Z;'S;=`!x<%lO!Z~&|^_~OX#`XZ$jZ]#`]^$j^|#`|}$j}!]#`!]!^$j!^#p#`#p#q$j#q;'S#`;'S;=`'x;=`<%l$j<%lO#`~'{WOr$jrs%Ss#O$j#O#P%X#P;'S$j;'S;=`&Q;=`<%l#`<%lO$j~(hP;=`<%l#`~(pOa~",
+    tokenizers: [0],
+    topRules: { Program: [0, 1] },
+    tokenPrec: 87,
+});

package/dist/lib/codemirror/csv.parser.terms.d.ts

@@ -0,0 +1 @@
+export declare const Program = 1, Row = 2, Cell1 = 3, Separator = 4, Cell2 = 5, Cell3 = 6, Cell4 = 7, Cell5 = 8;

package/dist/lib/codemirror/csv.parser.terms.js

@@ -0,0 +1,2 @@
+// This file was generated by lezer-generator. You probably shouldn't edit it.
+export const Program = 1, Row = 2, Cell1 = 3, Separator = 4, Cell2 = 5, Cell3 = 6, Cell4 = 7, Cell5 = 8;

package/dist/lib/codemirror/syntax.grammar

@@ -0,0 +1,36 @@
+@top Program { (Row newline)* (Row (newline | eof)) }
+
+@skip {}
+
+Row { group }
+
+group { Cell1 (Separator Cell2 (Separator Cell3 (Separator Cell4 (Separator Cell5 (Separator group)?)?)?)?)? }
+
+Cell1 { expression }
+Cell2 { expression }
+Cell3 { expression }
+Cell4 { expression }
+Cell5 { expression }
+
+expression {
+ empty |
+ string |
+ value
+}
+
+empty { }
+
+@tokens {
+ Separator { $[,;\t|] }
+
+ value { ![,;\t|\r\n]+ }
+
+ string { '"' (!["\\] | "\\" _)* '"' }
+
+ newline { '\r'? '\n' }
+ eof { @eof }
+
+ @precedence { string, Separator, value }
+}
+
+@detectDelim