@platformos/codemirror-language-client 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +91 -0
  3. package/dist/esm/CodeMirrorLanguageClient.d.ts +60 -0
  4. package/dist/esm/CodeMirrorLanguageClient.js +80 -0
  5. package/dist/esm/CodeMirrorLanguageClient.js.map +1 -0
  6. package/dist/esm/LanguageClient.d.ts +112 -0
  7. package/dist/esm/LanguageClient.js +187 -0
  8. package/dist/esm/LanguageClient.js.map +1 -0
  9. package/dist/esm/extensions/client.d.ts +6 -0
  10. package/dist/esm/extensions/client.js +12 -0
  11. package/dist/esm/extensions/client.js.map +1 -0
  12. package/dist/esm/extensions/complete.d.ts +17 -0
  13. package/dist/esm/extensions/complete.js +202 -0
  14. package/dist/esm/extensions/complete.js.map +1 -0
  15. package/dist/esm/extensions/complete.spec.d.ts +1 -0
  16. package/dist/esm/extensions/complete.spec.js +189 -0
  17. package/dist/esm/extensions/complete.spec.js.map +1 -0
  18. package/dist/esm/extensions/documentHighlights.d.ts +14 -0
  19. package/dist/esm/extensions/documentHighlights.js +78 -0
  20. package/dist/esm/extensions/documentHighlights.js.map +1 -0
  21. package/dist/esm/extensions/documentHighlights.spec.d.ts +1 -0
  22. package/dist/esm/extensions/documentHighlights.spec.js +99 -0
  23. package/dist/esm/extensions/documentHighlights.spec.js.map +1 -0
  24. package/dist/esm/extensions/hover.d.ts +16 -0
  25. package/dist/esm/extensions/hover.js +49 -0
  26. package/dist/esm/extensions/hover.js.map +1 -0
  27. package/dist/esm/extensions/hover.spec.d.ts +1 -0
  28. package/dist/esm/extensions/hover.spec.js +59 -0
  29. package/dist/esm/extensions/hover.spec.js.map +1 -0
  30. package/dist/esm/extensions/index.d.ts +6 -0
  31. package/dist/esm/extensions/index.js +7 -0
  32. package/dist/esm/extensions/index.js.map +1 -0
  33. package/dist/esm/extensions/lspLinter.d.ts +23 -0
  34. package/dist/esm/extensions/lspLinter.js +104 -0
  35. package/dist/esm/extensions/lspLinter.js.map +1 -0
  36. package/dist/esm/extensions/lspLinter.spec.d.ts +1 -0
  37. package/dist/esm/extensions/lspLinter.spec.js +141 -0
  38. package/dist/esm/extensions/lspLinter.spec.js.map +1 -0
  39. package/dist/esm/extensions/snippet.d.ts +19 -0
  40. package/dist/esm/extensions/snippet.js +25 -0
  41. package/dist/esm/extensions/snippet.js.map +1 -0
  42. package/dist/esm/extensions/snippet.spec.d.ts +1 -0
  43. package/dist/esm/extensions/snippet.spec.js +23 -0
  44. package/dist/esm/extensions/snippet.spec.js.map +1 -0
  45. package/dist/esm/extensions/textDocumentSync.d.ts +4 -0
  46. package/dist/esm/extensions/textDocumentSync.js +109 -0
  47. package/dist/esm/extensions/textDocumentSync.js.map +1 -0
  48. package/dist/esm/extensions/textDocumentSync.spec.d.ts +1 -0
  49. package/dist/esm/extensions/textDocumentSync.spec.js +163 -0
  50. package/dist/esm/extensions/textDocumentSync.spec.js.map +1 -0
  51. package/dist/esm/index.d.ts +2 -0
  52. package/dist/esm/index.js +3 -0
  53. package/dist/esm/index.js.map +1 -0
  54. package/dist/esm/test/MockClient.d.ts +18 -0
  55. package/dist/esm/test/MockClient.js +63 -0
  56. package/dist/esm/test/MockClient.js.map +1 -0
  57. package/dist/esm/tsconfig.tsbuildInfo +1 -0
  58. package/dist/esm/utils/simpleStateField.d.ts +3 -0
  59. package/dist/esm/utils/simpleStateField.js +17 -0
  60. package/dist/esm/utils/simpleStateField.js.map +1 -0
  61. package/dist/umd/CodeMirrorLanguageClient.d.ts +60 -0
  62. package/dist/umd/CodeMirrorLanguageClient.js +94 -0
  63. package/dist/umd/CodeMirrorLanguageClient.js.map +1 -0
  64. package/dist/umd/LanguageClient.d.ts +112 -0
  65. package/dist/umd/LanguageClient.js +202 -0
  66. package/dist/umd/LanguageClient.js.map +1 -0
  67. package/dist/umd/extensions/client.d.ts +6 -0
  68. package/dist/umd/extensions/client.js +25 -0
  69. package/dist/umd/extensions/client.js.map +1 -0
  70. package/dist/umd/extensions/complete.d.ts +17 -0
  71. package/dist/umd/extensions/complete.js +217 -0
  72. package/dist/umd/extensions/complete.js.map +1 -0
  73. package/dist/umd/extensions/documentHighlights.d.ts +14 -0
  74. package/dist/umd/extensions/documentHighlights.js +93 -0
  75. package/dist/umd/extensions/documentHighlights.js.map +1 -0
  76. package/dist/umd/extensions/hover.d.ts +16 -0
  77. package/dist/umd/extensions/hover.js +64 -0
  78. package/dist/umd/extensions/hover.js.map +1 -0
  79. package/dist/umd/extensions/index.d.ts +6 -0
  80. package/dist/umd/extensions/index.js +36 -0
  81. package/dist/umd/extensions/index.js.map +1 -0
  82. package/dist/umd/extensions/lspLinter.d.ts +23 -0
  83. package/dist/umd/extensions/lspLinter.js +119 -0
  84. package/dist/umd/extensions/lspLinter.js.map +1 -0
  85. package/dist/umd/extensions/snippet.d.ts +19 -0
  86. package/dist/umd/extensions/snippet.js +38 -0
  87. package/dist/umd/extensions/snippet.js.map +1 -0
  88. package/dist/umd/extensions/textDocumentSync.d.ts +4 -0
  89. package/dist/umd/extensions/textDocumentSync.js +122 -0
  90. package/dist/umd/extensions/textDocumentSync.js.map +1 -0
  91. package/dist/umd/index.d.ts +2 -0
  92. package/dist/umd/index.js +29 -0
  93. package/dist/umd/index.js.map +1 -0
  94. package/dist/umd/test/MockClient.d.ts +18 -0
  95. package/dist/umd/test/MockClient.js +77 -0
  96. package/dist/umd/test/MockClient.js.map +1 -0
  97. package/dist/umd/tsconfig.tsbuildInfo +1 -0
  98. package/dist/umd/utils/simpleStateField.d.ts +3 -0
  99. package/dist/umd/utils/simpleStateField.js +30 -0
  100. package/dist/umd/utils/simpleStateField.js.map +1 -0
  101. package/package.json +67 -0
  102. package/playground/src/index.html +10 -0
  103. package/playground/src/language-server-worker.ts +82 -0
  104. package/playground/src/playground.ts +251 -0
  105. package/playground/tsconfig.json +26 -0
  106. package/playground/webpack.config.js +85 -0
  107. package/src/CodeMirrorLanguageClient.ts +179 -0
  108. package/src/LanguageClient.ts +329 -0
  109. package/src/extensions/client.ts +17 -0
  110. package/src/extensions/complete.spec.ts +200 -0
  111. package/src/extensions/complete.ts +274 -0
  112. package/src/extensions/documentHighlights.spec.ts +111 -0
  113. package/src/extensions/documentHighlights.ts +91 -0
  114. package/src/extensions/hover.spec.ts +68 -0
  115. package/src/extensions/hover.ts +66 -0
  116. package/src/extensions/index.ts +19 -0
  117. package/src/extensions/lspLinter.spec.ts +156 -0
  118. package/src/extensions/lspLinter.ts +154 -0
  119. package/src/extensions/snippet.spec.ts +31 -0
  120. package/src/extensions/snippet.ts +42 -0
  121. package/src/extensions/textDocumentSync.spec.ts +188 -0
  122. package/src/extensions/textDocumentSync.ts +138 -0
  123. package/src/index.ts +2 -0
  124. package/src/test/MockClient.ts +96 -0
  125. package/src/utils/simpleStateField.ts +22 -0
  126. package/tsconfig.json +18 -0
  127. package/tsconfig.umd.json +9 -0
package/dist/umd/utils/simpleStateField.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"simpleStateField.js","sourceRoot":"","sources":["../../../src/utils/simpleStateField.ts"],"names":[],"mappings":";;;;;;;;;;;IAGA,4CAkBC;IArBD,6CAAgE;IAEhE,4EAA4E;IAC5E,SAAgB,gBAAgB,CAC9B,WAA+B,EAC/B,YAAe;QAEf,OAAO,kBAAU,CAAC,MAAM,CAAI;YAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY;YAC1B,MAAM,CAAC,KAAK,EAAE,EAAE;gBACd,IAAI,YAAY,GAAG,KAAK,CAAC;gBAEzB,KAAK,MAAM,MAAM,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;oBAChC,IAAI,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;wBAC3B,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;oBAC9B,CAAC;gBACH,CAAC;gBAED,OAAO,YAAY,CAAC;YACtB,CAAC;SACF,CAAC,CAAC;IACL,CAAC"}
package/package.json ADDED
@@ -0,0 +1,67 @@
1
+ {
2
+ "name": "@platformos/codemirror-language-client",
3
+ "version": "0.0.2",
4
+ "description": "A Language Client for CodeMirror",
5
+ "author": "platformOS",
6
+ "homepage": "https://github.com/Platform-OS/platformos-tools/tree/main/packages/codemirror-language-client#readme",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://github.com/Platform-OS/platformos-tools.git",
10
+ "directory": "packages/codemirror-language-client"
11
+ },
12
+ "bugs": {
13
+ "url": "https://github.com/Platform-OS/platformos-tools/issues"
14
+ },
15
+ "license": "MIT",
16
+ "main": "./dist/umd/index.js",
17
+ "typings": "./dist/umd/index.js",
18
+ "module": "./dist/esm/index.js",
19
+ "exports": {
20
+ "import": "./dist/esm/index.js",
21
+ "require": "./dist/umd/index.js"
22
+ },
23
+ "publishConfig": {
24
+ "access": "public",
25
+ "@platformos:registry": "https://registry.npmjs.org"
26
+ },
27
+ "scripts": {
28
+ "build": "yarn build:esm && yarn build:umd",
29
+ "build:ci": "yarn build",
30
+ "build:ts": "true",
31
+ "build:esm": "tsc -b tsconfig.json",
32
+ "build:umd": "tsc -b tsconfig.umd.json",
33
+ "build:playground": "tsc -b playground/tsconfig.json",
34
+ "dev": "yarn dev:client",
35
+ "dev:client": "yarn build:esm --watch",
36
+ "dev:playground": "webpack serve -c ./playground/webpack.config.js",
37
+ "format": "prettier --write \"packages/*/src/**/*.ts\"",
38
+ "format:check": "prettier --check --ignore-unknown \"packages/*/src/**/*.ts\"",
39
+ "test": "vitest",
40
+ "type-check": "tsc --noEmit"
41
+ },
42
+ "dependencies": {
43
+ "vscode-languageserver-protocol": "^3.17.3",
44
+ "vscode-languageserver-textdocument": "^1.0.8"
45
+ },
46
+ "devDependencies": {
47
+ "@codemirror/autocomplete": "^6.0.0",
48
+ "@codemirror/lang-json": "^6.0.1",
49
+ "@codemirror/lint": "^6.2.0",
50
+ "@codemirror/state": "^6.3.0",
51
+ "@codemirror/theme-one-dark": "^6.1.2",
52
+ "@codemirror/view": "^6.9.2",
53
+ "@replit/codemirror-vim": "^6.2.1",
54
+ "@platformos/platformos-check-docs-updater": "0.0.2",
55
+ "@platformos/platformos-language-server-browser": "0.0.2",
56
+ "@platformos/lang-jsonc": "^0.0.2",
57
+ "@types/markdown-it": "^13.0.4",
58
+ "codemirror": "^6.0.1",
59
+ "markdown-it": "^13.0.2"
60
+ },
61
+ "peerDependencies": {
62
+ "@codemirror/autocomplete": "^6.0.0",
63
+ "@codemirror/lint": "^6.2.0",
64
+ "@codemirror/state": "^6.3.0",
65
+ "@codemirror/view": "^6.9.2"
66
+ }
67
+ }
package/playground/src/index.html ADDED
@@ -0,0 +1,10 @@
1
+ <head id="head">
2
+ <meta charset="utf-8" />
3
+ <meta name="viewport" content="width=device-width" />
4
+ <title>Liquid Language Server - Playground</title>
5
+ </head>
6
+ <body>
7
+ <div id="liquid-editor"></div>
8
+ <div id="theme-translations-editor"></div>
9
+ <div id="schema-translations-editor"></div>
10
+ </body>
package/playground/src/language-server-worker.ts ADDED
@@ -0,0 +1,82 @@
1
+ import {
2
+ Dependencies,
3
+ allChecks,
4
+ getConnection,
5
+ startServer,
6
+ AbstractFileSystem,
7
+ FileTuple,
8
+ FileStat,
9
+ } from '@platformos/platformos-language-server-browser';
10
+ import { Connection } from 'vscode-languageserver';
11
+
12
+ /**
13
+ * These are replaced at build time by the contents of
14
+ * @platformos/platformos-check-docs-updater's DocsManager
15
+ */
16
+ declare global {
17
+ export const WEBPACK_TAGS: any[];
18
+ export const WEBPACK_FILTERS: any[];
19
+ export const WEBPACK_OBJECTS: any[];
20
+ export const WEBPACK_SYSTEM_TRANSLATIONS: any;
21
+ export const WEBPACK_SCHEMAS: any;
22
+ }
23
+
24
+ const tags = WEBPACK_TAGS;
25
+ const filters = WEBPACK_FILTERS;
26
+ const objects = WEBPACK_OBJECTS;
27
+ const systemTranslations = WEBPACK_SYSTEM_TRANSLATIONS;
28
+ const schemas = WEBPACK_SCHEMAS;
29
+
30
+ const worker = self as any as Worker;
31
+
32
+ const loadConfig: Dependencies['loadConfig'] = async (_uri, fileExists) => ({
33
+ context: 'theme',
34
+ settings: {},
35
+ checks: allChecks,
36
+ rootUri: 'browser:/',
37
+ });
38
+
39
+ const connection = getConnection(worker);
40
+
41
+ class MainThreadFileSystem implements AbstractFileSystem {
42
+ constructor(private connection: Connection) {
43
+ this.connection = connection;
44
+ }
45
+
46
+ async readFile(uri: string) {
47
+ return this.connection.sendRequest('fs/readFile', uri) as Promise<string>;
48
+ }
49
+
50
+ async readDirectory(uri: string) {
51
+ return this.connection.sendRequest('fs/readDirectory', uri) as Promise<FileTuple[]>;
52
+ }
53
+
54
+ async stat(uri: string) {
55
+ return this.connection.sendRequest('fs/stat', uri) as Promise<FileStat>;
56
+ }
57
+ }
58
+
59
+ startServer(
60
+ worker,
61
+ {
62
+ fs: new MainThreadFileSystem(connection),
63
+ themeDocset: {
64
+ graphQL: async () => null,
65
+ filters: async () => filters,
66
+ tags: async () => tags,
67
+ objects: async () => objects,
68
+ liquidDrops: async () => objects,
69
+ systemTranslations: async () => systemTranslations,
70
+ },
71
+ jsonValidationSet: {
72
+ schemas: async () => schemas,
73
+ },
74
+ loadConfig,
75
+ log(message) {
76
+ console.info(message);
77
+ },
78
+ },
79
+ connection,
80
+ );
81
+
82
+ export {};
package/playground/src/playground.ts ADDED
@@ -0,0 +1,251 @@
1
+ import { basicSetup } from 'codemirror';
2
+ import { EditorView, keymap } from '@codemirror/view';
3
+ import { Compartment, EditorState } from '@codemirror/state';
4
+ import { jsonc } from '@platformos/lang-jsonc';
5
+ import { vim } from '@replit/codemirror-vim';
6
+ import MarkdownIt from 'markdown-it';
7
+ // import { oneDark } from '@codemirror/theme-one-dark';
8
+ // import { liquid, liquidHighLightStyle } from '@platformos/lang-liquid';
9
+
10
+ import { CodeMirrorLanguageClient } from '@platformos/codemirror-language-client';
11
+ import { MarkedString, MarkupContent } from 'vscode-languageserver-protocol';
12
+
13
+ const md = new MarkdownIt();
14
+
15
+ const exampleTemplate = `{% # sections/title.liquid %}
16
+ {% # mod-alt-v for vim mode %}
17
+ <section>
18
+ <h2>{{ section.settings.title }}</h2>
19
+ {% echo 'hi' | upcase %}
20
+ </section>
21
+
22
+ {% schema %}
23
+ {
24
+ "name": "t:sections.title.name",
25
+ "limit": 1,
26
+ "settings": [
27
+ {
28
+ "type": "text",
29
+ "id": "title",
30
+ "label": "t:sections.title.settings.title.label"
31
+ }
32
+ ]
33
+ }
34
+ {% endschema %}
35
+ `;
36
+
37
+ const exampleTranslations = {
38
+ product: {
39
+ price_html: '<b>{{ price }}$</b>',
40
+ size: 'Size',
41
+ count: {
42
+ one: '{{ count }} item',
43
+ other: '{{ count }} items',
44
+ },
45
+ },
46
+ footer: {
47
+ subscribe: 'Subscribe to our newsletter',
48
+ },
49
+ };
50
+
51
+ const exampleSchemaTranslations = {
52
+ sections: {
53
+ title: {
54
+ name: 'Title section name',
55
+ settings: { title: { label: 'Title section title setting' } },
56
+ },
57
+ other: {
58
+ name: 'Other section name',
59
+ },
60
+ },
61
+ };
62
+
63
+ function asMarkdown(content: MarkupContent | MarkedString[] | MarkedString): string {
64
+ if (Array.isArray(content)) {
65
+ return content.map((c) => asMarkdown(c)).join('\n');
66
+ }
67
+
68
+ if (typeof content === 'string') {
69
+ return content;
70
+ }
71
+
72
+ if (MarkupContent.is(content)) {
73
+ return content.value;
74
+ }
75
+
76
+ if (!content) {
77
+ return '';
78
+ }
79
+
80
+ return `\`\`\`${content.language}\n${content.value}\n\`\`\``;
81
+ }
82
+
83
+ let vimEnabled = false;
84
+ const vimCompartment = new Compartment();
85
+
86
+ async function main() {
87
+ const worker = new Worker(new URL('./language-server-worker.ts', import.meta.url));
88
+
89
+ const client = new CodeMirrorLanguageClient(
90
+ worker,
91
+ {
92
+ initializationOptions: {
93
+ 'themeCheck.preloadOnBoot': false,
94
+ },
95
+ },
96
+ {
97
+ autocompleteOptions: {
98
+ activateOnTyping: true,
99
+ maxRenderedOptions: 20,
100
+ defaultKeymap: true,
101
+ },
102
+ infoRenderer: (completionItem) => {
103
+ if (!completionItem.documentation || typeof completionItem.documentation === 'string') {
104
+ return null;
105
+ }
106
+ const node = document.createElement('div');
107
+ const htmlString = md.render(completionItem.documentation.value);
108
+ node.innerHTML = htmlString;
109
+ return node;
110
+ },
111
+ hoverRenderer: (_, hover) => {
112
+ const node = document.createElement('div');
113
+ const htmlString = md.render(asMarkdown(hover.contents));
114
+ node.innerHTML = htmlString;
115
+ return {
116
+ dom: node,
117
+ };
118
+ },
119
+ },
120
+ );
121
+
122
+ await client.start();
123
+
124
+ client.client.onRequest('fs/readFile' as any, ([uri]: string) => {
125
+ switch (uri) {
126
+ case 'browser:/sections/section.liquid':
127
+ return exampleTemplate;
128
+ case 'browser:/locales/en.default.json':
129
+ return JSON.stringify(exampleTranslations, null, 2);
130
+ case 'browser:/locales/en.default.schema.json':
131
+ return JSON.stringify(exampleSchemaTranslations, null, 2);
132
+ case 'browser:/snippets/article-card.liquid':
133
+ case 'browser:/snippets/product-card.liquid':
134
+ case 'browser:/snippets/product.liquid':
135
+ return '';
136
+ default:
137
+ throw new Error(`File does not exist ${uri}`);
138
+ }
139
+ });
140
+
141
+ client.client.onRequest('fs/stat' as any, ([uri]: string) => {
142
+ switch (uri) {
143
+ case 'browser:/.theme-check.yml':
144
+ case 'browser:/locales/en.default.json':
145
+ case 'browser:/locales/en.schema.default.json':
146
+ case 'browser:/sections/section.liquid':
147
+ case 'browser:/snippets/article-card.liquid':
148
+ case 'browser:/snippets/product-card.liquid':
149
+ case 'browser:/snippets/product.liquid':
150
+ return { fileType: 1, size: 1 };
151
+ default:
152
+ throw new Error(`File does not exist: ${uri}`);
153
+ }
154
+ });
155
+
156
+ client.client.onRequest('fs/readDirectory' as any, ([uri]: string) => {
157
+ switch (uri) {
158
+ case 'browser:/': {
159
+ return [
160
+ ['browser:/sections', 2],
161
+ ['browser:/snippets', 2],
162
+ ['browser:/locales', 2],
163
+ ['browser:/.theme-check.yml', 1],
164
+ ];
165
+ }
166
+ case 'browser:/sections': {
167
+ return [['browser:/sections/section.liquid', 1]];
168
+ }
169
+ case 'browser:/snippets': {
170
+ return [
171
+ ['browser:/snippets/article-card.liquid', 1],
172
+ ['browser:/snippets/product-card.liquid', 1],
173
+ ['browser:/snippets/product.liquid', 1],
174
+ ];
175
+ }
176
+ case 'browser:/locales': {
177
+ return [
178
+ ['browser:/locales/en.default.json', 1],
179
+ ['browser:/locales/en.default.schema.json', 1],
180
+ ];
181
+ }
182
+ default: {
183
+ throw new Error(`directory does not exist: '${uri}'`);
184
+ }
185
+ }
186
+ });
187
+
188
+ const vimConfig = [
189
+ vimCompartment.of([]),
190
+ keymap.of([
191
+ {
192
+ key: 'Mod-Alt-v',
193
+ run: () => {
194
+ [liquidEditor, themeTranslationsEditor, schemaTranslationEditor].forEach((view) => {
195
+ view.dispatch({
196
+ effects: vimCompartment.reconfigure([vimEnabled ? [] : vim({ status: true })]),
197
+ });
198
+ });
199
+ vimEnabled = !vimEnabled;
200
+ return true;
201
+ },
202
+ },
203
+ ]),
204
+ ];
205
+
206
+ const liquidEditor = new EditorView({
207
+ state: EditorState.create({
208
+ doc: exampleTemplate,
209
+ extensions: [
210
+ vimConfig,
211
+ basicSetup,
212
+ // liquid(),
213
+ // liquidHighLightStyle,
214
+ // oneDark,
215
+ client.extension('browser:/sections/section.liquid'),
216
+ ],
217
+ }),
218
+ parent: document.getElementById('liquid-editor')!,
219
+ });
220
+
221
+ const themeTranslationsEditor = new EditorView({
222
+ state: EditorState.create({
223
+ doc: JSON.stringify(exampleTranslations, null, 2),
224
+ extensions: [
225
+ vimConfig,
226
+ basicSetup,
227
+ jsonc(),
228
+ // oneDark,
229
+ client.extension('browser:/locales/en.default.json'),
230
+ ],
231
+ }),
232
+ parent: document.getElementById('theme-translations-editor')!,
233
+ });
234
+
235
+ const schemaTranslationEditor = new EditorView({
236
+ state: EditorState.create({
237
+ doc: JSON.stringify(exampleSchemaTranslations, null, 2),
238
+ extensions: [
239
+ vimConfig,
240
+ basicSetup,
241
+ jsonc(),
242
+ // liquidHighLightStyle,
243
+ // oneDark,
244
+ client.extension('browser:/locales/en.default.schema.json'),
245
+ ],
246
+ }),
247
+ parent: document.getElementById('schema-translations-editor')!,
248
+ });
249
+ }
250
+
251
+ main();
package/playground/tsconfig.json ADDED
@@ -0,0 +1,26 @@
1
+ {
2
+ "extends": "../tsconfig.json",
3
+ "include": ["./src/**/*.ts"],
4
+ "exclude": ["./dist"],
5
+ "compilerOptions": {
6
+ "baseUrl": ".",
7
+ "outDir": "dist",
8
+ "rootDir": "src",
9
+ "allowJs": true,
10
+ "lib": ["dom"],
11
+ "module": "es2022",
12
+ "tsBuildInfoFile": "dist/tsconfig.tsbuildinfo",
13
+ "resolveJsonModule": true,
14
+ "paths": {
15
+ "@platformos/codemirror-language-client": ["../src"],
16
+ "@platformos/lang-jsonc": ["../../lang-jsonc/src"],
17
+ "@platformos/platformos-language-server-browser": ["../../platformos-language-server-browser/src"]
18
+ }
19
+ },
20
+ "references": [
21
+ { "path": ".." },
22
+ { "path": "../../lang-jsonc" },
23
+ { "path": "../../platformos-language-server-browser" }
24
+ ]
25
+ }
26
+
package/playground/webpack.config.js ADDED
@@ -0,0 +1,85 @@
1
+ //@ts-check
2
+ /** @typedef {import('webpack').Configuration} WebpackConfig **/
3
+
4
+ 'use strict';
5
+
6
+ const path = require('path');
7
+ const { DefinePlugin } = require('webpack');
8
+ const HtmlWebpackPlugin = require('html-webpack-plugin');
9
+ const { default: TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin');
10
+ const { ThemeLiquidDocsManager } = require('@platformos/platformos-check-docs-updater');
11
+
12
+ /** @type {() => Promise<WebpackConfig>} */
13
+ const config = async () => {
14
+ const docsManager = new ThemeLiquidDocsManager();
15
+ const [tags, filters, objects, systemTranslations, schemas] = await Promise.all([
16
+ docsManager.tags(),
17
+ docsManager.filters(),
18
+ docsManager.objects(),
19
+ docsManager.systemTranslations(),
20
+ docsManager.schemas('theme'),
21
+ ]);
22
+
23
+ const devServerConfig = {
24
+ devServer: {
25
+ port: 3000,
26
+ open: false,
27
+ devMiddleware: {
28
+ writeToDisk: true,
29
+ },
30
+ },
31
+ };
32
+
33
+ return {
34
+ ...devServerConfig,
35
+ context: __dirname,
36
+ mode: 'development',
37
+ entry: './src/playground.ts',
38
+ output: {
39
+ path: path.join(path.resolve(__dirname), 'dist'),
40
+ filename: '[name].bundle.js',
41
+ clean: true,
42
+ },
43
+ plugins: [
44
+ new DefinePlugin({
45
+ WEBPACK_TAGS: JSON.stringify(tags),
46
+ WEBPACK_FILTERS: JSON.stringify(filters),
47
+ WEBPACK_OBJECTS: JSON.stringify(objects),
48
+ WEBPACK_SYSTEM_TRANSLATIONS: JSON.stringify(systemTranslations),
49
+ WEBPACK_SCHEMAS: JSON.stringify(schemas),
50
+ }),
51
+ new HtmlWebpackPlugin({
52
+ title: 'Output Management',
53
+ template: path.join(path.resolve(__dirname), 'src/index.html'),
54
+ }),
55
+ ],
56
+ module: {
57
+ rules: [
58
+ {
59
+ test: /\.css$/i,
60
+ use: ['style-loader', 'css-loader'],
61
+ },
62
+ {
63
+ test: /\.tsx?$/,
64
+ use: {
65
+ loader: 'ts-loader',
66
+ options: {
67
+ projectReferences: true,
68
+ },
69
+ },
70
+ exclude: /node_modules/,
71
+ },
72
+ ],
73
+ },
74
+ resolve: {
75
+ extensions: ['.tsx', '.ts', '.js'],
76
+ plugins: [new TsconfigPathsPlugin({})],
77
+ },
78
+ devtool: 'source-map',
79
+ infrastructureLogging: {
80
+ level: 'log', // enables logging required for problem matchers
81
+ },
82
+ };
83
+ };
84
+
85
+ module.exports = [config];