Add json document to playground

Author: kaisalmen

package-lock.json

@@ -0,0 +1,4 @@
+{
+    "$schema": "http://json.schemastore.org/coffeelint",
+    "line_endings": {"value": "unix"}
+}

packages/examples/resources/appPlayground/hello.json

@@ -14,7 +14,8 @@ export const configurePostStart = async (apiWrapper: MonacoVscodeApiWrapper, con
 
     await Promise.all([
         await vscode.workspace.openTextDocument(configResult.helloTsUri),
-        await vscode.workspace.openTextDocument(configResult.testerTsUri)
+        await vscode.workspace.openTextDocument(configResult.testerTsUri),
+        await vscode.workspace.openTextDocument(configResult.helloJsonUri)
     ]);
 
     await Promise.all([

packages/examples/src/appPlayground/common.ts

@@ -21,6 +21,9 @@ import getTitleBarServiceOverride from '@codingame/monaco-vscode-view-title-bar-
 import * as vscode from 'vscode';
 
 // this is required syntax highlighting
+import '@codingame/monaco-vscode-javascript-default-extension';
+import '@codingame/monaco-vscode-json-default-extension';
+import '@codingame/monaco-vscode-json-language-features-default-extension';
 import '@codingame/monaco-vscode-search-result-default-extension';
 import '@codingame/monaco-vscode-typescript-basics-default-extension';
 import '@codingame/monaco-vscode-typescript-language-features-default-extension';
@@ -32,13 +35,15 @@ import { defaultHtmlAugmentationInstructions, defaultViewsInit, type MonacoVscod
 import { configureDefaultWorkerFactory } from 'monaco-languageclient/workerFactory';
 import helloTsCode from '../../resources/appPlayground/hello.ts?raw';
 import testerTsCode from '../../resources/appPlayground/tester.ts?raw';
+import helloJsonCode from '../../resources/appPlayground/hello.json?raw';
 import { createDefaultWorkspaceContent } from '../common/client/utils.js';
 
 export type ConfigResult = {
     vscodeApiConfig: MonacoVscodeApiConfig;
     workspaceFileUri: vscode.Uri;
     helloTsUri: vscode.Uri;
     testerTsUri: vscode.Uri;
+    helloJsonUri: vscode.Uri;
 };
 
 export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResult> => {
@@ -123,6 +128,7 @@ export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResu
     const workspaceUri = vscode.Uri.file('/workspace');
     const helloTsUri = vscode.Uri.file('/workspace/hello.ts');
     const testerTsUri = vscode.Uri.file('/workspace/tester.ts');
+    const helloJsonUri = vscode.Uri.file('/workspace/hello.json');
     const fileSystemProvider = new InMemoryFileSystemProvider();
     const textEncoder = new TextEncoder();
 
@@ -135,13 +141,15 @@ export const configure = async (htmlContainer?: HTMLElement): Promise<ConfigResu
     await fileSystemProvider.mkdir(workspaceUri);
     await fileSystemProvider.writeFile(helloTsUri, textEncoder.encode(helloTsCode), options);
     await fileSystemProvider.writeFile(testerTsUri, textEncoder.encode(testerTsCode), options);
+    await fileSystemProvider.writeFile(helloJsonUri, textEncoder.encode(helloJsonCode), options);
     await fileSystemProvider.writeFile(workspaceFileUri, textEncoder.encode(createDefaultWorkspaceContent('/workspace')), options);
     registerFileSystemOverlay(1, fileSystemProvider);
 
     return {
         vscodeApiConfig,
         workspaceFileUri,
         helloTsUri,
-        testerTsUri
+        testerTsUri,
+        helloJsonUri
     };
 };

packages/examples/src/appPlayground/config.ts

@@ -82,6 +82,19 @@ export const definedViteConfig = defineConfig({
         ]
     },
     plugins: [
+        {
+            // For the *-language-features extensions which use SharedArrayBuffer
+            name: 'configure-response-headers',
+            apply: 'serve',
+            configureServer: (server) => {
+                server.middlewares.use((_req, res, next) => {
+                    res.setHeader('Cross-Origin-Embedder-Policy', 'credentialless')
+                    res.setHeader('Cross-Origin-Opener-Policy', 'same-origin')
+                    res.setHeader('Cross-Origin-Resource-Policy', 'cross-origin')
+                    next()
+                })
+            }
+        },
         vsixPlugin(),
         react()
     ],