fix: dynamically create extension managers

Author: subframe7536

README.md

@@ -274,7 +274,7 @@ In some VSCode forks like Cursor, the extension detail panel may not render due
 | `custom-ui-style.external.imports`          | External CSS or JS resources; supports variables (${userHome}, ${env:VAR:fallback}) and protocols ('https://', 'file://')         | `array`   | ``          |
 | `custom-ui-style.stylesheet`                | Custom CSS for the editor; supports nested selectors                                                                              | `object`  | `{}`        |
 | `custom-ui-style.extensions.enable`         | Enable file patching in other extensions                                                                                          | `boolean` | `true`      |
-| `custom-ui-style.extensions.config`         | Configuration for patching extension code (key: extension ID, value: patch config)                                                | `object`  | `{}`        |
+| `custom-ui-style.extensions.config`         | Configuration for patching extension files (key: extension ID, value: patch config)                                               | `object`  | `{}`        |
 | `custom-ui-style.webview.enable`            | Enable style patching in webviews                                                                                                 | `boolean` | `true`      |
 | `custom-ui-style.webview.removeCSP`         | Remove Content-Security-Policy restrictions in webviews                                                                           | `boolean` | `true`      |
 | `custom-ui-style.webview.monospaceSelector` | Custom monospace selector for webviews                                                                                            | `array`   | ``          |

src/manager/index.ts

@@ -21,24 +21,24 @@ const isVSCodeUsingESM = (() => {
 })()
 
 export function createFileManagers() {
-  const managers: FileManager[] = [
+  const builtinManagers: FileManager[] = [
     new CssFileManager(),
     new MainFileManager(),
     new RendererFileManager(),
     new ExternalFileManager(),
     new WebViewFileManager(),
     new JsonFileManager(), // MUST be the end of built-in file managers
-    ...createExtensionFileManagers(),
   ]
 
   return {
-    hasBakFile: () => managers.every(m => m.hasBakFile),
+    hasBakFile: () => builtinManagers.every(m => m.hasBakFile),
     reload: async (text: string) => {
       await runAndRestart(
         text,
         isVSCodeUsingESM || config.preferRestart,
         async () => {
-          for (const manager of managers) {
+          const total = [...builtinManagers, ...createExtensionFileManagers()]
+          for (const manager of total) {
             await manager.reload()
           }
         },
@@ -48,7 +48,7 @@ export function createFileManagers() {
       await runAndRestart(
         text,
         isVSCodeUsingESM || config.preferRestart,
-        () => Promise.all(managers.map(m => m.rollback())),
+        () => Promise.all([...builtinManagers, ...createExtensionFileManagers()].map(m => m.rollback())),
       )
     },
   }