Update playground to monaco-languageclient 11 (#783)

Signed-off-by: Mark Sujew <mark.sujew@typefox.io>

Author: msujew

packages/playground/package.json

@@ -9,28 +9,31 @@
   "scripts": {
     "clean": "shx rm -fr *.tsbuildinfo out",
     "copy:extensions": "shx cp ../vscode-extension/pli-language-support.vsix ./pli-language-support.vsix",
-    "build": "pnpm copy:extensions && vite -c vite.config.ts build",
+    "build": "pnpm build:production:main",    
+    "build:production:main": "pnpm copy:extensions && vite -c vite.config.ts build",
     "serve": "vite -c vite.config.ts serve",
-    "preview": "vite -c vite.config.ts preview",
+    "preview": "vite -c vite.config.preview.ts preview",
     "build:clean": "pnpm clean && pnpm build",
     "dev": "vite -c vite.config.ts",
     "dev:debug": "vite -c vite.config.ts --debug --force"
   },
   "dependencies": {
-    "@codingame/monaco-vscode-api": "^25.1.2",
-    "@codingame/monaco-vscode-explorer-service-override": "^25.1.2",
-    "@codingame/monaco-vscode-files-service-override": "^25.1.2",
-    "@codingame/monaco-vscode-keybindings-service-override": "^25.1.2",
-    "@codingame/monaco-vscode-markers-service-override": "^25.1.2",
-    "@codingame/monaco-vscode-outline-service-override": "^25.1.2",
-    "@codingame/monaco-vscode-views-service-override": "^25.1.2",
+    "@codingame/monaco-vscode-api": "^35.0.1",
+    "@codingame/monaco-vscode-editor-api": "^35.0.1",
+    "@codingame/monaco-vscode-explorer-service-override": "^35.0.1",
+    "@codingame/monaco-vscode-files-service-override": "^35.0.1",
+    "@codingame/monaco-vscode-keybindings-service-override": "^35.0.1",
+    "@codingame/monaco-vscode-markers-service-override": "^35.0.1",
+    "@codingame/monaco-vscode-outline-service-override": "^35.0.1",
+    "@codingame/monaco-vscode-views-service-override": "^35.0.1",
+    "@codingame/monaco-vscode-textmate-service-override": "^35.0.1",
     "lz-string": "^1.5.0",
-    "monaco-languageclient": "~10.7.0",
-    "vscode": "npm:@codingame/monaco-vscode-extension-api@^25.1.2",
-    "vscode-json-languageservice": "~5.4.4"
+    "monaco-languageclient": "11.0.0-next.1",
+    "vscode": "npm:@codingame/monaco-vscode-extension-api@^35.0.1",
+    "vscode-json-languageservice": "^5.7.2"
   },
   "devDependencies": {
-    "@codingame/monaco-vscode-rollup-vsix-plugin": "^25.1.2",
-    "vite": "^8.0.16"
+    "@codingame/monaco-vscode-rollup-vsix-plugin": "^35.0.1",
+    "vite": "^8.1.5"
   }
 }

packages/playground/src/config.ts

@@ -9,14 +9,14 @@
  *
  */
 
-import * as vscode from "vscode";
 import { LogLevel } from "@codingame/monaco-vscode-api";
+import getExplorerServiceOverride from "@codingame/monaco-vscode-explorer-service-override";
 import getKeybindingsServiceOverride from "@codingame/monaco-vscode-keybindings-service-override";
 import getMarkersServiceOverride from "@codingame/monaco-vscode-markers-service-override";
-import getExplorerServiceOverride from "@codingame/monaco-vscode-explorer-service-override";
 import getOutlineServiceOverride from "@codingame/monaco-vscode-outline-service-override";
-import { configureDefaultWorkerFactory } from "monaco-languageclient/workerFactory";
 import type { MonacoVscodeApiConfig } from "monaco-languageclient/vscodeApiWrapper";
+import { configureDefaultWorkerFactory } from "monaco-languageclient/workerFactory";
+import * as vscode from "vscode";
 
 // Load the PL/I extension directly - no need to load the worker
 import "../pli-language-support.vsix";

packages/playground/vite.config.base.ts

@@ -0,0 +1,36 @@
+import vsixPlugin from "@codingame/monaco-vscode-rollup-vsix-plugin";
+import path from "node:path";
+import type { UserConfig } from "vite";
+
+/// <reference lib="rolldown-vite/config" />
+
+export const buildBaseConfig: () => UserConfig = () => {
+  return {
+    base: "./",
+    build: {
+      rolldownOptions: {
+        input: {
+          index: path.resolve(__dirname, "index.html"),
+        },
+      },
+      emptyOutDir: true,
+      outDir: path.resolve(__dirname, "out"),
+      assetsInlineLimit: 0,
+    },
+    worker: {
+      format: "es",
+    },
+    plugins: [vsixPlugin()],
+    server: {
+      port: 5173,
+      host: "0.0.0.0",
+      cors: {
+        origin: "*",
+      },
+      headers: {
+        "Cross-Origin-Opener-Policy": "same-origin",
+        "Cross-Origin-Embedder-Policy": "require-corp",
+      },
+    },
+  };
+};

packages/playground/vite.config.preview.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from "vite";
+import { buildBaseConfig } from "./vite.config.base";
+
+/// <reference lib="rolldown-vite/config" />
+
+export default defineConfig(() => {
+  const previewConfig = buildBaseConfig();
+  previewConfig.preview = {
+    port: 4173,
+    host: "0.0.0.0",
+    cors: {
+      origin: "*",
+    },
+    headers: {
+      "Cross-Origin-Opener-Policy": "same-origin",
+      "Cross-Origin-Embedder-Policy": "require-corp",
+    },
+  };
+  return previewConfig;
+});

packages/playground/vite.config.ts

@@ -1,26 +1,8 @@
-import path from "path";
-import vsixPlugin from "@codingame/monaco-vscode-rollup-vsix-plugin";
-import type { UserConfig } from "vite";
+import { defineConfig } from "vite";
+import { buildBaseConfig } from "./vite.config.base";
 
-const config: UserConfig = {
-  base: "",
-  build: {
-    target: "es2024",
-    rollupOptions: {
-      input: {
-        index: path.resolve(__dirname, "index.html"),
-      },
-    },
-    emptyOutDir: false,
-    assetsInlineLimit: 0,
-    outDir: path.resolve(__dirname, "out"),
-  },
-  worker: {
-    format: "es",
-  },
-  esbuild: {
-    minifySyntax: false,
-  },
-  plugins: [vsixPlugin()],
-};
-export default config;
+/// <reference lib="rolldown-vite/config" />
+
+export default defineConfig(() => {
+  return buildBaseConfig();
+});