feat: add a feature flag to turn on trusted types policy creation, an…

…d default to false
vuejs · May 30, 2024 · e9f8419 · e9f8419
1 parent cc5cd3c
commit e9f8419
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 1 deletion.
diff --git a/packages/global.d.ts b/packages/global.d.ts
@@ -18,6 +18,7 @@ declare var __FEATURE_OPTIONS_API__: boolean
 declare var __FEATURE_PROD_DEVTOOLS__: boolean
 declare var __FEATURE_SUSPENSE__: boolean
 declare var __FEATURE_PROD_HYDRATION_MISMATCH_DETAILS__: boolean
+declare var __FEATURE_PROD_TRUSTED_TYPES__: boolean
 
 // for tests
 declare namespace jest {

diff --git a/packages/runtime-dom/src/nodeOps.ts b/packages/runtime-dom/src/nodeOps.ts
@@ -13,7 +13,11 @@ type VueTrustedTypePolicy =
 let policy: VueTrustedTypePolicy = undefined
 function getPolicy(): VueTrustedTypePolicy {
   const ttWindow = window as unknown as TrustedTypesWindow
-  if (ttWindow.trustedTypes && !policy) {
+  if (
+    (__DEV__ || __FEATURE_PROD_TRUSTED_TYPES__) &&
+    ttWindow.trustedTypes &&
+    !policy
+  ) {
     try {
       policy = ttWindow.trustedTypes.createPolicy('vue', {
         createHTML: val => val,

diff --git a/rollup.config.js b/rollup.config.js
@@ -192,6 +192,9 @@ function createConfig(format, output, plugins = []) {
       __FEATURE_PROD_HYDRATION_MISMATCH_DETAILS__: isBundlerESMBuild
         ? `__VUE_PROD_HYDRATION_MISMATCH_DETAILS__`
         : `false`,
+      __FEATURE_PROD_TRUSTED_TYPES__: isBundlerESMBuild
+        ? `__VUE_PROD_TRUSTED_TYPES__`
+        : `false`,
     }
 
     if (!isBundlerESMBuild) {

diff --git a/scripts/dev.js b/scripts/dev.js
@@ -127,6 +127,7 @@ for (const target of targets) {
         __FEATURE_OPTIONS_API__: `true`,
         __FEATURE_PROD_DEVTOOLS__: `false`,
         __FEATURE_PROD_HYDRATION_MISMATCH_DETAILS__: `false`,
+        __FEATURE_PROD_TRUSTED_TYPES__: `false`,
       },
     })
     .then(ctx => ctx.watch())

diff --git a/vitest.config.ts b/vitest.config.ts
@@ -17,6 +17,7 @@ export default defineConfig({
     __FEATURE_SUSPENSE__: true,
     __FEATURE_PROD_DEVTOOLS__: false,
     __FEATURE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
+    __FEATURE_PROD_TRUSTED_TYPES__: false,
     __COMPAT__: true,
   },
   resolve: {