feat: use strict mode in monaco run (configurable) (#2334)

Author: QuentinRoy

packages/client/constants.ts

@@ -66,6 +66,7 @@ export const HEADMATTER_FIELDS = [
   'monacoTypesSource',
   'monacoTypesAdditionalPackages',
   'monacoRunAdditionalDeps',
+  'monacoRunUseStrict',
   'remoteAssets',
   'selectable',
   'record',

packages/client/setup/code-runners.ts

@@ -5,6 +5,7 @@ import deps from '#slidev/monaco-run-deps'
 import setups from '#slidev/setups/code-runners'
 import { createSingletonPromise } from '@antfu/utils'
 import { ref } from 'vue'
+import { configs } from '../env'
 
 export default createSingletonPromise(async () => {
   const runners: Record<string, CodeRunner> = {
@@ -63,6 +64,7 @@ function runJavaScript(code: string): CodeRunnerOutputs {
   vmConsole.clear = () => result.value.length = 0
   try {
     const safeJS = `return async (console, __slidev_import, __slidev_on_error) => {
+    ${configs.monacoRunUseStrict ? `"use strict";` : ''}
       try {
         ${sanitizeJS(code)}
       } catch (e) {

packages/parser/src/config.ts

@@ -14,6 +14,7 @@ export function getDefaultConfig(): SlidevConfig {
     monacoTypesAdditionalPackages: [],
     monacoTypesIgnorePackages: [],
     monacoRunAdditionalDeps: [],
+    monacoRunUseStrict: true,
     download: false,
     export: {} as ResolvedExportOptions,
     info: false,

packages/types/src/frontmatter.ts

@@ -264,6 +264,12 @@ export interface HeadmatterConfig extends TransitionOptions {
    * @default []
    */
   monacoRunAdditionalDeps?: string[]
+  /**
+   * Whether to run monaco runnable code in strict mode
+   *
+   * @default true
+   */
+  monacoRunUseStrict?: boolean
   /**
    * Seo meta tags settings
    *

packages/vscode/schema/headmatter.json

@@ -505,6 +505,12 @@
           "markdownDescription": "Additional local modules to load as dependencies of monaco runnable",
           "default": []
         },
+        "monacoRunUseStrict": {
+          "type": "boolean",
+          "description": "Whether to run monaco runnable code in strict mode",
+          "markdownDescription": "Whether to run monaco runnable code in strict mode",
+          "default": true
+        },
         "seoMeta": {
           "$ref": "#/definitions/SeoMeta",
           "description": "Seo meta tags settings",