@podlite/editor-react 0.0.31 → 0.0.33

package/lib/dict.js

@@ -0,0 +1,255 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dict = [
+    {
+        displayText: 'head1',
+        text: `=head1 #{}`,
+    },
+    {
+        displayText: 'head2',
+        text: `=head2 `,
+    },
+    {
+        displayText: 'head3',
+        text: `=head3 `,
+    },
+    {
+        displayText: 'item1 *',
+        text: `=item1 `,
+    },
+    {
+        displayText: 'item1 1.)',
+        text: `=item1 # `,
+    },
+    {
+        displayText: 'item (1., 2.) 🏷',
+        text: `=item1 # item 
+    =item2 # item level 2
+    =item2 # item level 2
+=item1 # item
+    =item2 # item
+    =item2 # item level 2
+`,
+    },
+    {
+        displayText: 'item (*, *) 🏷',
+        text: `=item1  item 
+    =item2 item level 2
+    =item2 item level 2
+=item1  item
+    =item2 item
+    =item3  item level 2
+`,
+    },
+    {
+        displayText: 'picture 🏷',
+        text: `=picture #{https://github.com/zag/podlite-desktop/blob/master/dist-assets/linux-icon/256x256.png?raw=true}
+`,
+    },
+    {
+        displayText: 'table simple 🏷',
+        text: `=for table
+    mouse    | mice
+    horse    | horses
+    elephant | elephants
+`,
+    },
+    {
+        displayText: 'table 2x 🏷',
+        text: `=begin table :caption('#{Caption of table}')
+Constants           1
+Variables           10
+Subroutines         33
+Everything else     57
+=end table
+`,
+    },
+    {
+        displayText: 'table 3x 🏷',
+        text: `=for table :caption('#{Caption of table}')
+    Animal | Legs |    Eats
+    =======================
+    Zebra  +   4  + Cookies
+    Human  +   2  +   Pizza
+    Shark  +   0  +    Fish
+`,
+    },
+    {
+        displayText: 'Mermaid diagram simple 🏷',
+        text: `=begin Mermaid  :caption('#{Caption of diagram}')
+    graph LR
+            A-->B
+            B-->C
+            C-->A
+            D-->C
+=end Mermaid
+`,
+    },
+    {
+        displayText: 'Mermaid diagram Sequence 🏷',
+        text: `=for Mermaid :caption('#{Caption of diagram}')
+    sequenceDiagram
+        autonumber
+        Student->>Admin: Can I enrol this semester?
+        loop enrolmentCheck
+            Admin->>Admin: Check previous results
+        end
+        Note right of Admin: Exam results may <br> be delayed
+        Admin-->>Student: Enrolment success
+        Admin->>Professor: Assign student to tutor
+        Professor-->>Admin: Student is assigned
+
+`,
+    },
+    {
+        displayText: 'Mermaid flowchart 🏷',
+        text: `=for Mermaid :caption('#{Caption of diagram}')
+    graph LR
+        A[Square Rect] -- Link text --> B((Circle))
+        A --> C(Round Rect)
+        B --> D{Rhombus}
+        C --> D
+
+`,
+    },
+    {
+        displayText: 'Mermaid class 🏷',
+        text: `=for Mermaid :caption('#{Caption of diagram}')
+    classDiagram
+       Person <|-- Student
+       Person <|-- Professor
+       Person : +String name
+       Person : +String phoneNumber
+       Person : +String emailAddress
+       Person: +purchaseParkingPass()
+       Address "1" <-- "0..1" Person:lives at
+       class Student{
+          +int studentNumber
+          +int averageMark
+          +isEligibleToEnrol()
+          +getSeminarsTaken()
+        }
+        class Professor{
+          +int salary
+        }
+        class Address{
+          +String street
+          +String city
+          +String state
+          +int postalCode
+          +String country
+          -validate()
+          +outputAsLabel()  
+    }
+
+`,
+    },
+    {
+        displayText: 'code block with formatting 🏷',
+        text: `=begin code :allow<I B Z> 
+  #{}
+=end code
+`,
+    },
+    {
+        displayText: 'toc head1, head2, head3',
+        text: `=toc head1, head2, head3
+`,
+    },
+    {
+        displayText: 'toc (with :title) 🏷',
+        text: `=for toc :title('Table of contents')
+head1, head2, head3 
+
+`,
+    },
+    {
+        displayText: 'toc ( picture, Mermaid )  + tables 🏷',
+        text: `=for toc :title('List of media')
+picture, Mermaid
+=for toc :title('List of tables')
+table
+
+`,
+    },
+    {
+        displayText: 'markdown',
+        text: `=begin markdown
+#{}
+=end markdown
+`,
+    },
+    {
+        displayText: 'formula with caption 🏷',
+        text: `=for formula :caption('The Cauchy-Schwarz Inequality')
+   \\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)
+{}
+`,
+    },
+    // markdown mode
+    {
+        displayText: 'head1',
+        text: `# `,
+        lang: 'md',
+    },
+    {
+        displayText: 'head2',
+        text: `## `,
+        lang: 'md',
+    },
+    {
+        displayText: 'head3',
+        text: `### `,
+        lang: 'md',
+    },
+    {
+        displayText: 'item1 *',
+        text: `* `,
+        lang: 'md',
+    },
+    {
+        displayText: 'item1 1.)',
+        text: `1. `,
+        lang: 'md',
+    },
+    {
+        displayText: 'picture 🏷',
+        text: `![Podlite](https://github.com/zag/podlite-desktop/blob/master/dist-assets/linux-icon/256x256.png?raw=true "Podlite logo")
+
+`,
+        lang: 'md',
+    },
+    {
+        displayText: 'Table',
+        text: `| Syntax      | Description |
+| ----------- | ----------- |
+| Header      | Title       |
+| Paragraph   | Text        |
+
+`,
+        lang: 'md',
+    },
+    {
+        displayText: 'Mermaid simple 🏷',
+        text: `\`\`\`mermaid 
+graph LR
+        A-->B
+        B-->C
+        C-->A
+        D-->C
+\`\`\``,
+        lang: 'md',
+    },
+    {
+        displayText: 'formula 🏷',
+        text: `
+$$
+\\left( \\sum_{k=1}^n a_k b_k \\right)^2 \\leq \\left( \\sum_{k=1}^n a_k^2 \\right) \\left( \\sum_{k=1}^n b_k^2 \\right)
+$$
+{}
+`,
+        lang: 'md',
+    },
+];
+exports.default = dict;
+//# sourceMappingURL=dict.js.map

package/lib/dict.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dict.js","sourceRoot":"","sources":["../src/dict.ts"],"names":[],"mappings":";;AAMA,MAAM,IAAI,GAAW;IACnB;QACE,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE,YAAY;KACnB;IACD;QACE,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE,SAAS;KAChB;IAED;QACE,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE,SAAS;KAChB;IACD;QACE,WAAW,EAAE,SAAS;QACtB,IAAI,EAAE,SAAS;KAChB;IACD;QACE,WAAW,EAAE,WAAW;QACxB,IAAI,EAAE,WAAW;KAClB;IACD;QACE,WAAW,EAAE,kBAAkB;QAC/B,IAAI,EAAE;;;;;;CAMT;KACE;IACD;QACE,WAAW,EAAE,gBAAgB;QAC7B,IAAI,EAAE;;;;;;CAMT;KACE;IACD;QACE,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE;CACT;KACE;IACD;QACE,WAAW,EAAE,iBAAiB;QAC9B,IAAI,EAAE;;;;CAIT;KACE;IACD;QACE,WAAW,EAAE,aAAa;QAC1B,IAAI,EAAE;;;;;;CAMT;KACE;IACD;QACE,WAAW,EAAE,aAAa;QAC1B,IAAI,EAAE;;;;;;CAMT;KACE;IACD;QACE,WAAW,EAAE,2BAA2B;QACxC,IAAI,EAAE;;;;;;;CAOT;KACE;IACD;QACE,WAAW,EAAE,6BAA6B;QAC1C,IAAI,EAAE;;;;;;;;;;;;CAYT;KACE;IACD;QACE,WAAW,EAAE,sBAAsB;QACnC,IAAI,EAAE;;;;;;;CAOT;KACE;IACD;QACE,WAAW,EAAE,kBAAkB;QAC/B,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT;KACE;IACD;QACE,WAAW,EAAE,+BAA+B;QAC5C,IAAI,EAAE;;;CAGT;KACE;IACD;QACE,WAAW,EAAE,yBAAyB;QACtC,IAAI,EAAE;CACT;KACE;IACD;QACE,WAAW,EAAE,sBAAsB;QACnC,IAAI,EAAE;;;CAGT;KACE;IACD;QACE,WAAW,EAAE,uCAAuC;QACpD,IAAI,EAAE;;;;;CAKT;KACE;IAED;QACE,WAAW,EAAE,UAAU;QACvB,IAAI,EAAE;;;CAGT;KACE;IACD;QACE,WAAW,EAAE,yBAAyB;QACtC,IAAI,EAAE;;;CAGT;KACE;IAED,gBAAgB;IAEhB;QACE,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;KACX;IACD;QACE,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,IAAI;KACX;IAED;QACE,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,IAAI;KACX;IACD;QACE,WAAW,EAAE,SAAS;QACtB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;KACX;IACD;QACE,WAAW,EAAE,WAAW;QACxB,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,IAAI;KACX;IACD;QACE,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE;;CAET;QACG,IAAI,EAAE,IAAI;KACX;IAED;QACE,WAAW,EAAE,OAAO;QACpB,IAAI,EAAE;;;;;CAKT;QACG,IAAI,EAAE,IAAI;KACX;IACD;QACE,WAAW,EAAE,mBAAmB;QAChC,IAAI,EAAE;;;;;;OAMH;QACH,IAAI,EAAE,IAAI;KACX;IACD;QACE,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE;;;;;CAKT;QACG,IAAI,EAAE,IAAI;KACX;CACF,CAAA;AACD,kBAAe,IAAI,CAAA"}

package/lib/helpers.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addVMargin = exports.templateGetSelectionPos = exports.getSuggestionContextForLine = exports.parse = void 0;
+const schema_1 = require("@podlite/schema");
+const parse = (str) => {
+    let podlite = (0, schema_1.podlitePluggable)();
+    let tree = podlite.parse(str);
+    const asAst = podlite.toAstResult(tree);
+    return asAst.interator;
+};
+exports.parse = parse;
+const getSuggestionContextForLine = (pod, line) => {
+    const tree = (0, exports.parse)(pod);
+    // TODO:: deprecate named block =Markdown
+    const markdownBlocks = (0, schema_1.getFromTree)(tree, 'Markdown', 'markdown'); // TODO: remove `any`
+    const isMd = markdownBlocks.findIndex(({ location: { start: { line: lineStart }, end: { line: lineEnd }, }, }) => {
+        return line > lineStart && line < lineEnd;
+    }) !== -1;
+    if (isMd)
+        return 'md';
+    return 'pod6';
+};
+exports.getSuggestionContextForLine = getSuggestionContextForLine;
+const templateGetSelectionPos = (pod) => {
+    // if empty selection
+    const EMPTY_SELECTION = new RegExp(/\{\}/);
+    const lineNumEmptySel = pod.split('\n').findIndex(str => str.match(EMPTY_SELECTION));
+    if (lineNumEmptySel > -1) {
+        const line = pod.split('\n')[lineNumEmptySel];
+        const matchResult = line.match(EMPTY_SELECTION);
+        const start = { line: lineNumEmptySel, offset: matchResult.index };
+        const end = { line: lineNumEmptySel, offset: matchResult.index };
+        return { start, end, text: pod.replace(EMPTY_SELECTION, '') };
+    }
+    const SELECTION = new RegExp(/\{[^}]+\}/);
+    const lineNum = pod.split('\n').findIndex(str => str.match(SELECTION));
+    if (lineNum > -1) {
+        const line = pod.split('\n')[lineNum];
+        const matchResult = line.match(SELECTION);
+        const start = { line: lineNum, offset: matchResult.index };
+        const end = {
+            line: lineNum,
+            offset: matchResult.index + matchResult[0].length,
+        };
+        return { start, end, text: pod };
+    }
+    return null;
+};
+exports.templateGetSelectionPos = templateGetSelectionPos;
+const addVMargin = (count, pod) => {
+    const addString = ' '.repeat(count);
+    const [firstLine, ...restLines] = pod.split('\n');
+    return [firstLine, ...[].concat(restLines).map(str => `${addString}${str}`)].join('\n');
+};
+exports.addVMargin = addVMargin;
+//# sourceMappingURL=helpers.js.map

package/lib/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -1,29 +1,5 @@
-import React from 'react';
-import 'codemirror/mode/gfm/gfm';
-import 'codemirror/addon/hint/show-hint';
-import 'codemirror/addon/hint/show-hint.css';
-import 'codemirror/addon/search/search';
-import 'codemirror/addon/search/searchcursor';
-import 'codemirror/addon/dialog/dialog';
-import 'codemirror/addon/dialog/dialog.css';
-import './podlite-mode';
-import './Editor.css';
-export interface ConverterResult {
-    errors?: any;
-    result: any;
-}
-declare type Props = {
-    content: string;
-    onChangeSource: Function;
-    sourceType?: 'pod6' | 'md';
-    onConvertSource: (source: string) => ConverterResult;
-    onSavePressed?: Function;
-    isDarkTheme?: boolean;
-    isLineNumbers?: boolean;
-    isAutoComplete?: boolean;
-    isPreviewModeEnabled?: boolean;
-    isControlled?: boolean;
-    isHighlightSource?: boolean;
-};
-export declare const Editor: ({ onChangeSource, content, isDarkTheme, isLineNumbers, isPreviewModeEnabled, onConvertSource, onSavePressed, sourceType, isControlled, isAutoComplete, isHighlightSource, }: Props) => React.JSX.Element;
-export default Editor;
+import Editor2 from './Editor';
+import WindowWrapper from './Wrapper';
+export { Editor2 as Editor2 };
+export { WindowWrapper as WindowWrapper };
+export default Editor2;

package/lib/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WindowWrapper = exports.Editor2 = void 0;
+const tslib_1 = require("tslib");
+const Editor_1 = (0, tslib_1.__importDefault)(require("./Editor"));
+exports.Editor2 = Editor_1.default;
+const Wrapper_1 = (0, tslib_1.__importDefault)(require("./Wrapper"));
+exports.WindowWrapper = Wrapper_1.default;
+exports.default = Editor_1.default;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;AAAA,mEAA8B;AAEV,kBAFb,gBAAO,CAEa;AAD3B,qEAAqC;AAEX,wBAFnB,iBAAa,CAEmB;AACvC,kBAAe,gBAAO,CAAA"}

package/lib/podlite-vars.css

@@ -0,0 +1,213 @@
+/* -----------------------------------
+Variables
+-------------------------------------- */
+@media (prefers-color-scheme: dark) {
+    .podlite-content,
+    .podlite-var {
+      color-scheme: dark;
+      --color-prettylights-syntax-comment: #8b949e;
+      --color-prettylights-syntax-constant: #79c0ff;
+      --color-prettylights-syntax-entity: #d2a8ff;
+      --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+      --color-prettylights-syntax-entity-tag: #7ee787;
+      --color-prettylights-syntax-keyword: #ff7b72;
+      --color-prettylights-syntax-string: #a5d6ff;
+      --color-prettylights-syntax-variable: #ffa657;
+      --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+      --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+      --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+      --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+      --color-prettylights-syntax-carriage-return-bg: #b62324;
+      --color-prettylights-syntax-string-regexp: #7ee787;
+      --color-prettylights-syntax-markup-list: #f2cc60;
+      --color-prettylights-syntax-markup-heading: #1f6feb;
+      --color-prettylights-syntax-markup-italic: #c9d1d9;
+      --color-prettylights-syntax-markup-bold: #c9d1d9;
+      --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+      --color-prettylights-syntax-markup-deleted-bg: #67060c;
+      --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+      --color-prettylights-syntax-markup-inserted-bg: #033a16;
+      --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+      --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+      --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+      --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+      --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+      --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+      --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
+      --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+      --color-fg-default: #c9d1d9;
+      --color-fg-muted: #8b949e;
+      --color-fg-subtle: #484f58;
+      --color-canvas-default: #0d1117;
+      --color-canvas-subtle: #161b22;
+      --color-border-default: #30363d;
+      --color-border-muted: #21262d;
+      --color-neutral-muted: rgba(110, 118, 129, 0.4);
+      --color-accent-fg: #58a6ff;
+      --color-accent-emphasis: #1f6feb;
+      --color-attention-subtle: rgba(187, 128, 9, 0.15);
+      --color-danger-fg: #f85149;
+      --color-danger-emphasis: #da3633;
+      --color-attention-fg: #d29922;
+      --color-attention-emphasis: #9e6a03;
+      --color-done-fg: #a371f7;
+      --color-done-emphasis: #8957e5;
+      --color-success-fg: #3fb950;
+      --color-success-emphasis: #238636;
+      --color-copied-active-bg: #2e9b33;
+    }
+  }
+  @media (prefers-color-scheme: light) {
+    .podlite-content,
+    .podlite-var {
+      color-scheme: light;
+      --color-prettylights-syntax-comment: #6e7781;
+      --color-prettylights-syntax-constant: #0550ae;
+      --color-prettylights-syntax-entity: #8250df;
+      --color-prettylights-syntax-storage-modifier-import: #24292f;
+      --color-prettylights-syntax-entity-tag: #116329;
+      --color-prettylights-syntax-keyword: #cf222e;
+      --color-prettylights-syntax-string: #0a3069;
+      --color-prettylights-syntax-variable: #953800;
+      --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+      --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+      --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+      --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+      --color-prettylights-syntax-carriage-return-bg: #cf222e;
+      --color-prettylights-syntax-string-regexp: #116329;
+      --color-prettylights-syntax-markup-list: #3b2300;
+      --color-prettylights-syntax-markup-heading: #0550ae;
+      --color-prettylights-syntax-markup-italic: #24292f;
+      --color-prettylights-syntax-markup-bold: #24292f;
+      --color-prettylights-syntax-markup-deleted-text: #82071e;
+      --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+      --color-prettylights-syntax-markup-inserted-text: #116329;
+      --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+      --color-prettylights-syntax-markup-changed-text: #953800;
+      --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+      --color-prettylights-syntax-markup-ignored-text: #eaeef2;
+      --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+      --color-prettylights-syntax-meta-diff-range: #8250df;
+      --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+      --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+      --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+      --color-fg-default: #24292f;
+      --color-fg-muted: #57606a;
+      --color-fg-subtle: #6e7781;
+      --color-canvas-default: #ffffff;
+      --color-canvas-subtle: #f6f8fa;
+      --color-border-default: #d0d7de;
+      --color-border-muted: hsl(210, 18%, 87%);
+      --color-neutral-muted: rgba(175, 184, 193, 0.2);
+      --color-accent-fg: #0969da;
+      --color-accent-emphasis: #0969da;
+      --color-attention-subtle: #fff8c5;
+      --color-danger-fg: #d1242f;
+      --color-danger-emphasis: #cf222e;
+      --color-attention-fg: #9a6700;
+      --color-attention-emphasis: #9a6700;
+      --color-done-fg: #8250df;
+      --color-done-emphasis: #8250df;
+      --color-success-fg: #1a7f37;
+      --color-success-emphasis: #1f883d;
+      --color-copied-active-bg: #2e9b33;
+    }
+  }
+  [data-color-mode*='dark'] .podlite-content,
+  [data-color-mode*='dark'] .podlite-var,
+  .podlite-var[data-color-mode*='dark'],
+  .podlite-content[data-color-mode*='dark'],
+  body[data-color-mode*='dark'] {
+    color-scheme: dark;
+    --color-prettylights-syntax-comment: #8b949e;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #c9d1d9;
+    --color-prettylights-syntax-markup-bold: #c9d1d9;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-fg-default: #c9d1d9;
+    --color-fg-muted: #8b949e;
+    --color-fg-subtle: #484f58;
+    --color-canvas-default: #0d1117;
+    --color-canvas-subtle: #161b22;
+    --color-border-default: #30363d;
+    --color-border-muted: #21262d;
+    --color-neutral-muted: rgba(110, 118, 129, 0.4);
+    --color-accent-fg: #58a6ff;
+    --color-accent-emphasis: #1f6feb;
+    --color-attention-subtle: rgba(187, 128, 9, 0.15);
+    --color-danger-fg: #f85149;
+  }
+  [data-color-mode*='light'] .podlite-content,
+  [data-color-mode*='light'] .podlite-var,
+  .podlite-var[data-color-mode*='light'],
+  .podlite-content[data-color-mode*='light'],
+  body[data-color-mode*='light'] {
+    color-scheme: light;
+    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-entity-tag: #116329;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #24292f;
+    --color-prettylights-syntax-markup-bold: #24292f;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-fg-default: #24292f;
+    --color-fg-muted: #57606a;
+    --color-fg-subtle: #6e7781;
+    --color-canvas-default: #ffffff;
+    --color-canvas-subtle: #f6f8fa;
+    --color-border-default: #d0d7de;
+    --color-border-muted: hsl(210, 18%, 87%);
+    --color-neutral-muted: rgba(175, 184, 193, 0.2);
+    --color-accent-fg: #0969da;
+    --color-accent-emphasis: #0969da;
+    --color-attention-subtle: #fff8c5;
+    --color-danger-fg: #cf222e;
+  }

package/lib/podlite.d.ts

@@ -0,0 +1,3 @@
+export function podliteLang(): LanguageSupport;
+export const podlite: import("@codemirror/language").StreamParser<unknown>;
+import { LanguageSupport } from "@codemirror/language";