@platformos/codemirror-language-client 0.0.7 → 0.0.9

package/playground/src/language-server-worker.ts

@@ -17,20 +17,17 @@ declare global {
   export const WEBPACK_TAGS: any[];
   export const WEBPACK_FILTERS: any[];
   export const WEBPACK_OBJECTS: any[];
-  export const WEBPACK_SYSTEM_TRANSLATIONS: any;
   export const WEBPACK_SCHEMAS: any;
 }
 
 const tags = WEBPACK_TAGS;
 const filters = WEBPACK_FILTERS;
 const objects = WEBPACK_OBJECTS;
-const systemTranslations = WEBPACK_SYSTEM_TRANSLATIONS;
 const schemas = WEBPACK_SCHEMAS;
 
 const worker = self as any as Worker;
 
 const loadConfig: Dependencies['loadConfig'] = async (_uri, fileExists) => ({
-  context: 'theme',
   settings: {},
   checks: allChecks,
   rootUri: 'browser:/',
@@ -60,13 +57,12 @@ startServer(
   worker,
   {
     fs: new MainThreadFileSystem(connection),
-    themeDocset: {
+    platformosDocset: {
       graphQL: async () => null,
       filters: async () => filters,
       tags: async () => tags,
       objects: async () => objects,
       liquidDrops: async () => objects,
-      systemTranslations: async () => systemTranslations,
     },
     jsonValidationSet: {
       schemas: async () => schemas,

package/playground/src/playground.ts

@@ -12,53 +12,48 @@ import { MarkedString, MarkupContent } from 'vscode-languageserver-protocol';
 
 const md = new MarkdownIt();
 
-const exampleTemplate = `{% # sections/title.liquid %}
+const exampleTemplate = `{% # app/views/partials/header.liquid %}
 {% # mod-alt-v for vim mode %}
-<section>
-  <h2>{{ section.settings.title }}</h2>
-  {% echo 'hi' | upcase %}
-</section>
-
-{% schema %}
-{
-  "name": "t:sections.title.name",
-  "limit": 1,
-  "settings": [
-    {
-      "type": "text",
-      "id": "title",
-      "label": "t:sections.title.settings.title.label"
-    }
-  ]
-}
-{% endschema %}
+{% doc %}
+  @param {string} title - The page title
+  @param {boolean} [show_nav] - Whether to show the navigation
+{% enddoc %}
+<header>
+  <h1>{{ title }}</h1>
+  <p>{{ 'header.welcome' | t }}</p>
+  {% if context.current_user %}
+    <span>{{ 'header.greeting' | t: name: context.current_user.name }}</span>
+    <a href="/logout">{{ 'header.logout' | t }}</a>
+  {% endif %}
+  {% if show_nav %}
+    {% render 'nav' %}
+  {% endif %}
+</header>
 `;
 
 const exampleTranslations = {
-  product: {
-    price_html: '<b>{{ price }}$</b>',
-    size: 'Size',
-    count: {
-      one: '{{ count }} item',
-      other: '{{ count }} items',
-    },
+  header: {
+    welcome: 'Welcome to our platform',
+    greeting: 'Hello, {{ name }}!',
+    logout: 'Log out',
   },
-  footer: {
-    subscribe: 'Subscribe to our newsletter',
+  navigation: {
+    home: 'Home',
+    about: 'About',
   },
 };
 
-const exampleSchemaTranslations = {
-  sections: {
-    title: {
-      name: 'Title section name',
-      settings: { title: { label: 'Title section title setting' } },
-    },
-    other: {
-      name: 'Other section name',
-    },
-  },
-};
+const exampleNavPartial = `{% # app/views/partials/nav.liquid %}
+<nav>
+  <ul>
+    <li><a href="/">{{ 'navigation.home' | t }}</a></li>
+    <li><a href="/about">{{ 'navigation.about' | t }}</a></li>
+    {% for item in context.models %}
+      <li><a href="{{ item.url }}">{{ item.title }}</a></li>
+    {% endfor %}
+  </ul>
+</nav>
+`;
 
 function asMarkdown(content: MarkupContent | MarkedString[] | MarkedString): string {
   if (Array.isArray(content)) {
@@ -123,16 +118,12 @@ async function main() {
 
   client.client.onRequest('fs/readFile' as any, ([uri]: string) => {
     switch (uri) {
-      case 'browser:/sections/section.liquid':
+      case 'browser:/app/views/partials/header.liquid':
         return exampleTemplate;
-      case 'browser:/locales/en.default.json':
+      case 'browser:/app/views/partials/nav.liquid':
+        return exampleNavPartial;
+      case 'browser:/app/translations/en.default.json':
         return JSON.stringify(exampleTranslations, null, 2);
-      case 'browser:/locales/en.default.schema.json':
-        return JSON.stringify(exampleSchemaTranslations, null, 2);
-      case 'browser:/snippets/article-card.liquid':
-      case 'browser:/snippets/product-card.liquid':
-      case 'browser:/snippets/product.liquid':
-        return '';
       default:
         throw new Error(`File does not exist ${uri}`);
     }
@@ -140,13 +131,10 @@ async function main() {
 
   client.client.onRequest('fs/stat' as any, ([uri]: string) => {
     switch (uri) {
-      case 'browser:/.theme-check.yml':
-      case 'browser:/locales/en.default.json':
-      case 'browser:/locales/en.schema.default.json':
-      case 'browser:/sections/section.liquid':
-      case 'browser:/snippets/article-card.liquid':
-      case 'browser:/snippets/product-card.liquid':
-      case 'browser:/snippets/product.liquid':
+      case 'browser:/.platformos-check.yml':
+      case 'browser:/app/translations/en.default.json':
+      case 'browser:/app/views/partials/header.liquid':
+      case 'browser:/app/views/partials/nav.liquid':
         return { fileType: 1, size: 1 };
       default:
         throw new Error(`File does not exist: ${uri}`);
@@ -157,26 +145,26 @@ async function main() {
     switch (uri) {
       case 'browser:/': {
         return [
-          ['browser:/sections', 2],
-          ['browser:/snippets', 2],
-          ['browser:/locales', 2],
-          ['browser:/.theme-check.yml', 1],
+          ['browser:/app', 2],
+          ['browser:/.platformos-check.yml', 1],
         ];
       }
-      case 'browser:/sections': {
-        return [['browser:/sections/section.liquid', 1]];
-      }
-      case 'browser:/snippets': {
+      case 'browser:/app': {
         return [
-          ['browser:/snippets/article-card.liquid', 1],
-          ['browser:/snippets/product-card.liquid', 1],
-          ['browser:/snippets/product.liquid', 1],
+          ['browser:/app/views', 2],
+          ['browser:/app/translations', 2],
         ];
       }
-      case 'browser:/locales': {
+      case 'browser:/app/translations': {
+        return [['browser:/app/translations/en.default.json', 1]];
+      }
+      case 'browser:/app/views': {
+        return [['browser:/app/views/partials', 2]];
+      }
+      case 'browser:/app/views/partials': {
         return [
-          ['browser:/locales/en.default.json', 1],
-          ['browser:/locales/en.default.schema.json', 1],
+          ['browser:/app/views/partials/header.liquid', 1],
+          ['browser:/app/views/partials/nav.liquid', 1],
         ];
       }
       default: {
@@ -191,7 +179,7 @@ async function main() {
       {
         key: 'Mod-Alt-v',
         run: () => {
-          [liquidEditor, themeTranslationsEditor, schemaTranslationEditor].forEach((view) => {
+          [liquidEditor, translationsEditor, navPartialEditor].forEach((view) => {
             view.dispatch({
               effects: vimCompartment.reconfigure([vimEnabled ? [] : vim({ status: true })]),
             });
@@ -212,13 +200,13 @@ async function main() {
         // liquid(),
         // liquidHighLightStyle,
         // oneDark,
-        client.extension('browser:/sections/section.liquid'),
+        client.extension('browser:/app/views/partials/header.liquid'),
       ],
     }),
     parent: document.getElementById('liquid-editor')!,
   });
 
-  const themeTranslationsEditor = new EditorView({
+  const translationsEditor = new EditorView({
     state: EditorState.create({
       doc: JSON.stringify(exampleTranslations, null, 2),
       extensions: [
@@ -226,25 +214,25 @@ async function main() {
         basicSetup,
         jsonc(),
         // oneDark,
-        client.extension('browser:/locales/en.default.json'),
+        client.extension('browser:/app/translations/en.default.json'),
       ],
     }),
-    parent: document.getElementById('theme-translations-editor')!,
+    parent: document.getElementById('translations-editor')!,
   });
 
-  const schemaTranslationEditor = new EditorView({
+  const navPartialEditor = new EditorView({
     state: EditorState.create({
-      doc: JSON.stringify(exampleSchemaTranslations, null, 2),
+      doc: exampleNavPartial,
       extensions: [
         vimConfig,
         basicSetup,
         jsonc(),
         // liquidHighLightStyle,
         // oneDark,
-        client.extension('browser:/locales/en.default.schema.json'),
+        client.extension('browser:/app/views/partials/nav.liquid'),
       ],
     }),
-    parent: document.getElementById('schema-translations-editor')!,
+    parent: document.getElementById('nav-partial-editor')!,
   });
 }
 

package/playground/webpack.config.js

@@ -7,17 +7,16 @@ const path = require('path');
 const { DefinePlugin } = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { default: TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin');
-const { ThemeLiquidDocsManager } = require('@platformos/platformos-check-docs-updater');
+const { PlatformOSLiquidDocsManager } = require('@platformos/platformos-check-docs-updater');
 
 /** @type {() => Promise<WebpackConfig>} */
 const config = async () => {
-  const docsManager = new ThemeLiquidDocsManager();
-  const [tags, filters, objects, systemTranslations, schemas] = await Promise.all([
+  const docsManager = new PlatformOSLiquidDocsManager();
+  const [tags, filters, objects, schemas] = await Promise.all([
     docsManager.tags(),
     docsManager.filters(),
     docsManager.objects(),
-    docsManager.systemTranslations(),
-    docsManager.schemas('theme'),
+    docsManager.schemas(),
   ]);
 
   const devServerConfig = {
@@ -45,7 +44,6 @@ const config = async () => {
         WEBPACK_TAGS: JSON.stringify(tags),
         WEBPACK_FILTERS: JSON.stringify(filters),
         WEBPACK_OBJECTS: JSON.stringify(objects),
-        WEBPACK_SYSTEM_TRANSLATIONS: JSON.stringify(systemTranslations),
         WEBPACK_SCHEMAS: JSON.stringify(schemas),
       }),
       new HtmlWebpackPlugin({

package/playground/dist/c79446f35d8df82b1201.7baf47407c339642d100.hot-update.json

@@ -1 +0,0 @@
-{"c":["src_language-server-worker_ts"],"r":[],"m":[]}

package/playground/dist/c79446f35d8df82b1201.7e0989b9d82d407d3fa3.hot-update.json

@@ -1 +0,0 @@
-{"c":["src_language-server-worker_ts"],"r":[],"m":[]}

package/playground/dist/index.html

@@ -1,10 +0,0 @@
-<head id="head">
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>Liquid Language Server - Playground</title>
-<script defer src="main.bundle.js"></script></head>
-<body>
-  <div id="liquid-editor"></div>
-  <div id="theme-translations-editor"></div>
-  <div id="schema-translations-editor"></div>
-</body>

package/playground/dist/language-server-worker.d.ts

@@ -1,12 +0,0 @@
-/**
- * These are replaced at build time by the contents of
- * @shopify/theme-check-docs-updater's DocsManager
- */
-declare global {
-    export const WEBPACK_TAGS: any[];
-    export const WEBPACK_FILTERS: any[];
-    export const WEBPACK_OBJECTS: any[];
-    export const WEBPACK_SYSTEM_TRANSLATIONS: any;
-    export const WEBPACK_SCHEMAS: any;
-}
-export {};

package/playground/dist/main.7baf47407c339642d100.hot-update.js

@@ -1,29 +0,0 @@
-"use strict";
-self["webpackHotUpdate"]("main",{},
-/******/ function(__webpack_require__) { // webpackRuntimeModules
-/******/ /* webpack/runtime/get javascript chunk filename */
-/******/ (() => {
-/******/ 	// This function allow to reference async chunks
-/******/ 	__webpack_require__.u = (chunkId) => {
-/******/ 		// return url for filenames based on template
-/******/ 		return "" + chunkId + ".bundle.js";
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/get javascript update chunk filename */
-/******/ (() => {
-/******/ 	// This function allow to reference all chunks
-/******/ 	__webpack_require__.hu = (chunkId) => {
-/******/ 		// return url for filenames based on template
-/******/ 		return "" + chunkId + "." + __webpack_require__.h() + ".hot-update.js";
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/getFullHash */
-/******/ (() => {
-/******/ 	__webpack_require__.h = () => ("dd1332ce1d9a02f8d4b7")
-/******/ })();
-/******/ 
-/******/ }
-);
-//# sourceMappingURL=main.7baf47407c339642d100.hot-update.js.map

package/playground/dist/main.7baf47407c339642d100.hot-update.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.7baf47407c339642d100.hot-update.js","mappings":";;;;;UAAA;UACA;UACA;UACA;UACA;;;;;UCJA;UACA;UACA;UACA;UACA;;;;;UCJA","sources":["webpack:///webpack/runtime/get javascript chunk filename","webpack:///webpack/runtime/get javascript update chunk filename","webpack:///webpack/runtime/getFullHash"],"sourcesContent":["// This function allow to reference async chunks\n__webpack_require__.u = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"\" + chunkId + \".bundle.js\";\n};","// This function allow to reference all chunks\n__webpack_require__.hu = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"\" + chunkId + \".\" + __webpack_require__.h() + \".hot-update.js\";\n};","__webpack_require__.h = () => (\"dd1332ce1d9a02f8d4b7\")"],"names":[],"sourceRoot":""}

package/playground/dist/main.7baf47407c339642d100.hot-update.json

@@ -1 +0,0 @@
-{"c":["main"],"r":[],"m":[]}

package/playground/dist/main.7e0989b9d82d407d3fa3.hot-update.js

@@ -1,29 +0,0 @@
-"use strict";
-self["webpackHotUpdate"]("main",{},
-/******/ function(__webpack_require__) { // webpackRuntimeModules
-/******/ /* webpack/runtime/get javascript chunk filename */
-/******/ (() => {
-/******/ 	// This function allow to reference async chunks
-/******/ 	__webpack_require__.u = (chunkId) => {
-/******/ 		// return url for filenames based on template
-/******/ 		return "" + chunkId + ".bundle.js";
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/get javascript update chunk filename */
-/******/ (() => {
-/******/ 	// This function allow to reference all chunks
-/******/ 	__webpack_require__.hu = (chunkId) => {
-/******/ 		// return url for filenames based on template
-/******/ 		return "" + chunkId + "." + __webpack_require__.h() + ".hot-update.js";
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/getFullHash */
-/******/ (() => {
-/******/ 	__webpack_require__.h = () => ("a703ef18bdebbe600de5")
-/******/ })();
-/******/ 
-/******/ }
-);
-//# sourceMappingURL=main.7e0989b9d82d407d3fa3.hot-update.js.map

package/playground/dist/main.7e0989b9d82d407d3fa3.hot-update.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.7e0989b9d82d407d3fa3.hot-update.js","mappings":";;;;;UAAA;UACA;UACA;UACA;UACA;;;;;UCJA;UACA;UACA;UACA;UACA;;;;;UCJA","sources":["webpack:///webpack/runtime/get javascript chunk filename","webpack:///webpack/runtime/get javascript update chunk filename","webpack:///webpack/runtime/getFullHash"],"sourcesContent":["// This function allow to reference async chunks\n__webpack_require__.u = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"\" + chunkId + \".bundle.js\";\n};","// This function allow to reference all chunks\n__webpack_require__.hu = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"\" + chunkId + \".\" + __webpack_require__.h() + \".hot-update.js\";\n};","__webpack_require__.h = () => (\"a703ef18bdebbe600de5\")"],"names":[],"sourceRoot":""}

package/playground/dist/main.7e0989b9d82d407d3fa3.hot-update.json

@@ -1 +0,0 @@
-{"c":["main"],"r":[],"m":[]}