fix: share one Svelte runtime across built components and fix CodeHighlighter language loading

- share the Svelte runtime of ms.Application with every other component in
  the bridge generation build (Gradio >= 6.9), so cross-component `$state`
  props are tracked again (revisited tabs / menus switch back, AutoLoading
  shows up)
- statically map the Prism languages that antdx.CodeHighlighter imports
  through a bare template `import()`
- share `@ant-design/x` through `window.ms_globals` (wrong `antdx` key)
- split `frontend/plugin.js` into `frontend/plugins/`, and read the shared
  globals from `inject.ts` instead of a hand-written table

Author: Col0ring

.changeset/fix-code-highlighter-languages.md

@@ -0,0 +1,6 @@
+---
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+fix: `antdx.CodeHighlighter` fails to load Prism languages (`Failed to resolve module specifier`) and renders code without highlighting in the production build

.changeset/share-ant-design-x.md

@@ -0,0 +1,6 @@
+---
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+fix: share `@ant-design/x` across components instead of bundling a copy into each of them

.changeset/share-svelte-runtime.md

@@ -0,0 +1,6 @@
+---
+'@modelscope-studio/frontend': patch
+'modelscope_studio': patch
+---
+
+fix: components stop updating after the first render in the production build, e.g. revisited tabs or menu items no longer switch the content and `ms.AutoLoading` no longer shows up

frontend/defineConfig.js

@@ -1,6 +1,6 @@
 import react from '@vitejs/plugin-react';
 
-import { ModelScopeStudioVitePlugin } from './plugin.js';
+import { ModelScopeStudioVitePlugin } from './plugins/index.js';
 
 /**
  * @type {(options:{ external?: boolean | { excludes:string[] } }) => any}

frontend/fixtures.d.ts

@@ -2,6 +2,8 @@ declare module 'virtual:component-loader' {
   export const load_component;
 }
 
+declare module 'virtual:ms-svelte-runtime' {}
+
 declare module '*?worker' {
   const workerConstructor: {
     new (options?: { name?: string }): Worker;

frontend/plugin.js

@@ -0,0 +1,39 @@
+import path from 'node:path';
+import url from 'node:url';
+
+const frontendDir = path.resolve(
+  path.dirname(url.fileURLToPath(import.meta.url)),
+  '..'
+);
+
+/**
+ * The source aliases (keep in sync with `paths` of the root `tsconfig.json`)
+ * and the production mode of the build.
+ *
+ * @type {() => import('vite').Plugin}
+ */
+export function configPlugin() {
+  return {
+    name: 'modelscope-studio-config',
+    config(userConfig, { command }) {
+      if (command === 'build') {
+        userConfig.define = {
+          ...userConfig.define,
+          'process.env.NODE_ENV': JSON.stringify('production'),
+        };
+        userConfig.build ??= {};
+      }
+
+      userConfig.resolve ??= {};
+      userConfig.resolve.alias = {
+        ...(userConfig.resolve.alias || {}),
+        '@utils': path.resolve(frontendDir, 'utils'),
+        '@globals': path.resolve(frontendDir, 'globals'),
+        '@svelte-preprocess-react': path.resolve(
+          frontendDir,
+          'svelte-preprocess-react'
+        ),
+      };
+    },
+  };
+}