@maple-design/cli-vue 0.0.0-stage → 1.1.0

package/lib/node/config/maple.default.config.js

@@ -0,0 +1,386 @@
+import { defineConfig } from './maple.config.js';
+export default defineConfig({
+    name: 'Maple',
+    namespace: 'mp',
+    host: 'localhost',
+    port: 8080,
+    title: 'Maple Design Mobile',
+    logo: 'maple_icon.png',
+    defaultLanguage: 'zh-CN',
+    themeKey: 'MAPLE_V3_THEME',
+    defaultLightTheme: 'lightTheme',
+    defaultDarkTheme: 'darkTheme',
+    useMobile: false,
+    _cf: ['pages.dev', 'maplejs.org'],
+    analysis: { baidu: '' },
+    pc: {
+        title: {
+            'zh-CN': 'Maple Design Mobile · 与 Cedar 同构的移动端组件库',
+            'en-US': 'Maple Design Mobile · Cedar’s Mobile Counterpart',
+        },
+        menu: [],
+        redirect: '/index',
+        indexPage: {
+            eyebrow: { 'zh-CN': 'CEDAR × MAPLE · 双端同构', 'en-US': 'CEDAR × MAPLE · ONE ARCHITECTURE' },
+            headline: { 'zh-CN': '同一套设计语言，\n从桌面到移动。', 'en-US': 'One design language.\nDesktop to mobile.' },
+            description: {
+                'zh-CN': 'Maple 是 Cedar 的移动端同构组件库。两端对齐组件 API、交互语义与设计 Token，让已有的组件使用经验延续到另一端，同时为触控场景提供合适的布局与交互。',
+                'en-US': 'Maple is the mobile counterpart to Cedar. The two libraries align component APIs, interaction semantics and design tokens, so familiar patterns carry across platforms with layouts and interactions suited to touch.',
+            },
+            companion: {
+                name: 'Cedar Design Web',
+                label: { 'zh-CN': '探索桌面端 Cedar ↗', 'en-US': 'Explore Cedar for desktop ↗' },
+                href: 'https://cedar.show',
+                title: { 'zh-CN': 'Cedar × Maple，同构的两端。', 'en-US': 'Cedar × Maple. Two platforms, one architecture.' },
+                description: {
+                    'zh-CN': '桌面端用 Cedar，移动端用 Maple。共享 API 约定与主题语言，保留各自的交互体验。',
+                    'en-US': 'Cedar for desktop. Maple for mobile. Shared API conventions and theme language, with interactions tailored to each platform.',
+                },
+            },
+            started: {
+                'zh-CN': '快速开始',
+                'en-US': 'Get Started',
+            },
+            viewOnGithub: {
+                'zh-CN': '查看源码',
+                'en-US': 'View On Github',
+            },
+            features: [
+                {
+                    name: { 'zh-CN': '双端同构', 'en-US': 'One architecture' },
+                    description: {
+                        'zh-CN': '与 Cedar 对齐组件结构、公共 API 与行为约定，跨端开发沿用熟悉的组件模型。',
+                        'en-US': 'Aligned component structure, public APIs and behavior conventions make familiar patterns reusable across platforms.',
+                    },
+                },
+                {
+                    name: { 'zh-CN': '统一 API', 'en-US': 'Consistent APIs' },
+                    description: {
+                        'zh-CN': '相同能力保持一致的属性、事件与类型语义，减少桌面与移动之间的切换成本。',
+                        'en-US': 'Shared capabilities follow consistent prop, event and type semantics across desktop and mobile.',
+                    },
+                },
+                {
+                    name: { 'zh-CN': '统一主题', 'en-US': 'Shared theme language' },
+                    description: {
+                        'zh-CN': '使用语义 Token 管理颜色、间距与状态，支持品牌定制和亮暗主题。',
+                        'en-US': 'Semantic tokens define colors, spacing and states, with brand customization and light and dark themes.',
+                    },
+                },
+                {
+                    name: { 'zh-CN': '移动端体验', 'en-US': 'Made for touch' },
+                    description: {
+                        'zh-CN': '针对触控操作、移动布局与全屏浮层优化交互，让同构能力适配移动场景。',
+                        'en-US': 'Touch interactions, mobile layouts and fullscreen overlays adapt shared capabilities to mobile use.',
+                    },
+                },
+                {
+                    name: { 'zh-CN': '按需组合', 'en-US': 'Import what you use' },
+                    description: {
+                        'zh-CN': '组件、图标与样式支持按需引入，配套解析器和 CSS 预设。',
+                        'en-US': 'Import components, icons and styles on demand, with resolvers and CSS presets.',
+                    },
+                },
+                {
+                    name: { 'zh-CN': '类型与文档', 'en-US': 'Types and documentation' },
+                    description: {
+                        'zh-CN': '基于 Vue 3 与 TypeScript，提供类型提示、中英文文档与组件示例。',
+                        'en-US': 'Built with Vue 3 and TypeScript, with type definitions, bilingual documentation and component examples.',
+                    },
+                },
+            ],
+            teamMembers: {
+                label: {
+                    'zh-CN': '贡献者',
+                    'en-US': 'Contributors',
+                },
+                members: [
+                    {
+                        name: { 'zh-CN': '孟帅', 'en-US': '孟帅' },
+                        title: { 'zh-CN': '项目维护者', 'en-US': 'Maintainer' },
+                        description: { 'zh-CN': 'Maple Design Mobile 贡献者', 'en-US': 'Maple Design Mobile contributor' },
+                    },
+                    {
+                        name: { 'zh-CN': '吴甲明', 'en-US': '吴甲明' },
+                        title: { 'zh-CN': '项目维护者', 'en-US': 'Maintainer' },
+                        description: { 'zh-CN': 'Maple Design Mobile 贡献者', 'en-US': 'Maple Design Mobile contributor' },
+                    },
+                ],
+            },
+            license: {
+                'zh-CN': '组件库基于 MIT 协议，您可以自由的使用和分享',
+                'en-US': 'Released under the MIT License, You can use and share freely.',
+            },
+            copyright: {
+                'zh-CN': 'Copyright © 2026 孟帅、吴甲明',
+                'en-US': 'Copyright © 2026 孟帅、吴甲明',
+            },
+        },
+        header: {
+            i18n: {
+                'zh-CN': '中文',
+                'en-US': 'English',
+            },
+            currentVersion: 'v1.x',
+            versions: [],
+            github: 'https://github.com/loca-spirit/maple-design-mobile',
+            changelog: 'https://github.com/loca-spirit/maple-design-mobile/blob/main/CHANGELOG.md',
+            playground: 'https://maplejs.org/playground',
+            themes: [
+                { 'zh-CN': '默认亮色', 'en-US': 'Default Light', value: 'lightTheme' },
+                { 'zh-CN': '默认暗色', 'en-US': 'Default Dark', value: 'darkTheme' },
+                { 'zh-CN': '枫叶亮色', 'en-US': 'Maple Light', value: 'mapleLightTheme' },
+                { 'zh-CN': '枫叶暗色', 'en-US': 'Maple Dark', value: 'mapleDarkTheme' },
+                { 'zh-CN': 'Alps 乐道', 'en-US': 'Alps Light', value: 'alpsLightTheme' },
+                { 'zh-CN': 'Firefly 萤火虫', 'en-US': 'Firefly Light', value: 'fireflyLightTheme' },
+                { 'zh-CN': 'Alps 乐道暗色', 'en-US': 'Alps Dark', value: 'alpsDarkTheme' },
+                { 'zh-CN': 'Firefly 萤火虫暗色', 'en-US': 'Firefly Dark', value: 'fireflyDarkTheme' },
+            ],
+        },
+        clipboard: {
+            'zh-CN': '代码已复制到剪切板',
+            'en-US': 'The code has been copied to the clipboard',
+        },
+        fold: {
+            defaultFold: false,
+            foldHeight: 0,
+        },
+        htmlInject: {
+            head: [],
+            body: [],
+        },
+    },
+    mobile: {
+        title: {
+            'zh-CN': 'Maple Design Mobile · 与 Cedar 同构的移动端组件库',
+            'en-US': 'Maple Design Mobile · Cedar’s Mobile Counterpart',
+        },
+        redirect: '/home',
+        header: {
+            i18n: {
+                'zh-CN': '中文',
+                'en-US': 'English',
+            },
+            github: 'https://github.com/loca-spirit/maple-design-mobile',
+            themes: [
+                { 'zh-CN': '默认亮色', 'en-US': 'Default Light', value: 'lightTheme' },
+                { 'zh-CN': '默认暗色', 'en-US': 'Default Dark', value: 'darkTheme' },
+                { 'zh-CN': '枫叶亮色', 'en-US': 'Maple Light', value: 'mapleLightTheme' },
+                { 'zh-CN': '枫叶暗色', 'en-US': 'Maple Dark', value: 'mapleDarkTheme' },
+                { 'zh-CN': 'Alps 乐道', 'en-US': 'Alps Light', value: 'alpsLightTheme' },
+                { 'zh-CN': 'Firefly 萤火虫', 'en-US': 'Firefly Light', value: 'fireflyLightTheme' },
+                { 'zh-CN': 'Alps 乐道暗色', 'en-US': 'Alps Dark', value: 'alpsDarkTheme' },
+                { 'zh-CN': 'Firefly 萤火虫暗色', 'en-US': 'Firefly Dark', value: 'fireflyDarkTheme' },
+            ],
+        },
+        htmlInject: {
+            head: [],
+            body: [],
+        },
+    },
+    seo: {
+        title: 'Maple Design Mobile · Cedar’s Mobile Counterpart',
+        description: 'Maple Design Mobile is a mobile component library built with Vue 3 and TypeScript, maintained by 孟帅 and 吴甲明. It shares semantic tokens and component API conventions with Cedar Design Web and supports on-demand imports, theming and internationalization.',
+        keywords: [
+            'Maple Design Mobile',
+            'Cedar Design Web',
+            'Vue 3',
+            'TypeScript',
+            '移动端组件库',
+            '语义 Token',
+            '主题定制',
+        ].join(','),
+    },
+    lightTheme: {
+        'color-body': '#fff',
+        'color-index-page-background': '#fff',
+        'color-index-page-feature-background': '#fff',
+        'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #4ddada 50%, #84e0ff 50%)',
+        'color-index-page-second-text-color': 'rgba(60, 60, 60, .7)',
+        'color-index-page-divider-color': '#ddd',
+        'card-border-radius': '12px',
+        'code-example-border-radius': '8px',
+        'color-bar': '#fff',
+        'color-text': '#555',
+        'color-sub-text': '#888',
+        'color-border': 'rgba(0, 0, 0, 0.12)',
+        'color-shadow': '#eee',
+        'color-introduce-border': '#00bebe',
+        'color-primary': '#00bebe',
+        'color-link': '#00c48f',
+        'color-type': '#00c48f',
+        'color-loading-bar': '#00bebe',
+        'color-side-bar': '#00bebe',
+        'color-side-bar-active-background': '#00bebe1a',
+        'color-app-bar': '#00bebe',
+        'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
+        'color-mobile-cell-hover': '#00bebe',
+        'color-pc-language-active': '#00bebe',
+        'color-pc-language-active-background': '#e6fafa',
+        'color-mobile-language-active': '#00bebe',
+        'color-mobile-language-active-background': '#e6fafa',
+        'color-pc-theme-active': '#00bebe',
+        'color-pc-theme-active-background': '#e6fafa',
+        'color-mobile-theme-active': '#00bebe',
+        'color-mobile-theme-active-background': '#e6fafa',
+        'color-mobile-body': '#fff',
+        'color-hl-background': '#fafafa',
+        'color-hl-code': '#58727e',
+        'color-hl-border': '#f3f3f3',
+        'color-hl-group-a': '#7c7c7c',
+        'color-hl-group-b': '#00bebe',
+        'color-hl-group-c': '#ff9422',
+        'color-hl-group-d': '#58c193',
+        'color-hl-group-e': '#ff9422',
+        'color-hl-group-f': '#ff9422',
+        'color-hl-group-g': '#ff9422',
+        'color-hl-group-h': '#06a6e9',
+        'color-hl-group-i': '#00bebe',
+    },
+    darkTheme: {
+        'color-body': '#121212',
+        'color-index-page-background': '#1e1e1e',
+        'color-index-page-feature-background': '#303030',
+        'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #4ddada 50%, #00bebe 50%)',
+        'color-index-page-second-text-color': 'rgba(255, 255, 255, .75)',
+        'color-index-page-divider-color': 'rgba(84, 84, 84, .8)',
+        'card-border-radius': '12px',
+        'code-example-border-radius': '8px',
+        'color-bar': '#1e1e1e',
+        'color-text': '#fff',
+        'color-sub-text': '#aaa',
+        'color-border': '#333',
+        'color-shadow': '#121212',
+        'color-introduce-border': '#4ddada',
+        'color-primary': '#4ddada',
+        'color-link': '#A8FFC4',
+        'color-type': '#A8FFC4',
+        'color-loading-bar': '#00bebe',
+        'color-side-bar': '#4ddada',
+        'color-side-bar-active-background': '#00bebe1a',
+        'color-app-bar': '#272727',
+        'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
+        'color-mobile-cell-hover': '#4ddada',
+        'color-pc-language-active': '#4ddada',
+        'color-pc-language-active-background': '#00bebe20',
+        'color-mobile-language-active': '#4ddada',
+        'color-mobile-language-active-background': '#00bebe20',
+        'color-pc-theme-active': '#4ddada',
+        'color-pc-theme-active-background': '#00bebe20',
+        'color-mobile-theme-active': '#4ddada',
+        'color-mobile-theme-active-background': '#00bebe20',
+        'color-mobile-body': '#1e1e1e',
+        'color-hl-background': '#272727',
+        'color-hl-code': '#fff',
+        'color-hl-border': '#272727',
+        'color-hl-group-a': '#7c7c7c',
+        'color-hl-group-b': '#4ddada',
+        'color-hl-group-c': '#ff7b1e',
+        'color-hl-group-d': '#A8FFC4',
+        'color-hl-group-e': '#ff7b1e',
+        'color-hl-group-f': '#ff7b1e',
+        'color-hl-group-g': '#ff7b1e',
+        'color-hl-group-h': '#14a6e9',
+        'color-hl-group-i': '#4ddada',
+    },
+    mapleLightTheme: {
+        'color-body': '#fff',
+        'color-index-page-background': '#fff',
+        'color-index-page-feature-background': '#fff',
+        'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #fb923c 50%, #fdba74 50%)',
+        'color-index-page-second-text-color': 'rgba(60, 60, 60, .7)',
+        'color-index-page-divider-color': '#ddd',
+        'card-border-radius': '12px',
+        'code-example-border-radius': '8px',
+        'color-bar': '#fff',
+        'color-text': '#555',
+        'color-sub-text': '#888',
+        'color-border': 'rgba(0, 0, 0, 0.12)',
+        'color-shadow': '#eee',
+        'color-introduce-border': '#c2410c',
+        'color-primary': '#c2410c',
+        'color-link': '#9a3412',
+        'color-type': '#9a3412',
+        'color-loading-bar': '#c2410c',
+        'color-side-bar': '#c2410c',
+        'color-side-bar-active-background': '#fff7ed',
+        'color-app-bar': '#c2410c',
+        'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
+        'color-mobile-cell-hover': '#c2410c',
+        'color-pc-language-active': '#c2410c',
+        'color-pc-language-active-background': '#fff7ed',
+        'color-mobile-language-active': '#c2410c',
+        'color-mobile-language-active-background': '#fff7ed',
+        'color-pc-theme-active': '#c2410c',
+        'color-pc-theme-active-background': '#fff7ed',
+        'color-mobile-theme-active': '#c2410c',
+        'color-mobile-theme-active-background': '#fff7ed',
+        'color-mobile-body': '#fff7ed',
+        'color-hl-background': '#fafafa',
+        'color-hl-code': '#58727e',
+        'color-hl-border': '#f3f3f3',
+        'color-hl-group-a': '#7c7c7c',
+        'color-hl-group-b': '#c2410c',
+        'color-hl-group-c': '#7D5260',
+        'color-hl-group-d': '#B3261E',
+        'color-hl-group-e': '#7D5260',
+        'color-hl-group-f': '#7D5260',
+        'color-hl-group-g': '#7D5260',
+        'color-hl-group-h': '#9a3412',
+        'color-hl-group-i': '#9a3412',
+    },
+    mapleDarkTheme: {
+        'color-body': '#050505',
+        'color-index-page-background': '#1e1e1e',
+        'color-index-page-feature-background': '#303030',
+        'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #fb923c 50%, #c2410c 50%)',
+        'color-index-page-second-text-color': 'rgba(255, 255, 255, .75)',
+        'color-index-page-divider-color': 'rgba(84, 84, 84, .8)',
+        'card-border-radius': '12px',
+        'code-example-border-radius': '8px',
+        'color-bar': '#1e1e1e',
+        'color-text': '#fff',
+        'color-sub-text': '#aaa',
+        'color-border': '#333',
+        'color-shadow': '#090909',
+        'color-introduce-border': '#fb923c',
+        'color-primary': '#fb923c',
+        'color-link': '#fdba74',
+        'color-type': '#fdba74',
+        'color-loading-bar': '#fb923c',
+        'color-side-bar': '#fb923c',
+        'color-side-bar-active-background': '#431407',
+        'color-app-bar': '#24140f',
+        'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
+        'color-mobile-cell-hover': '#fb923c',
+        'color-pc-language-active': '#fb923c',
+        'color-pc-language-active-background': '#431407',
+        'color-mobile-language-active': '#fb923c',
+        'color-mobile-language-active-background': '#431407',
+        'color-pc-theme-active': '#fb923c',
+        'color-pc-theme-active-background': '#431407',
+        'color-mobile-theme-active': '#fb923c',
+        'color-mobile-theme-active-background': '#431407',
+        'color-mobile-body': '#1c0f0a',
+        'color-hl-background': '#272727',
+        'color-hl-code': '#fff',
+        'color-hl-border': '#272727',
+        'color-hl-group-a': '#7c7c7c',
+        'color-hl-group-b': '#fb923c',
+        'color-hl-group-c': '#EFB8C8',
+        'color-hl-group-d': '#F2B8B5',
+        'color-hl-group-e': '#EFB8C8',
+        'color-hl-group-f': '#EFB8C8',
+        'color-hl-group-g': '#EFB8C8',
+        'color-hl-group-h': '#fdba74',
+        'color-hl-group-i': '#fdba74',
+    },
+    icons: {
+        entry: 'packages/icons/svg',
+        output: 'packages/icons/src',
+    },
+    esbuild: {
+        target: 'es2016',
+    },
+    directives: [],
+});

package/lib/node/config/site-resolver.d.ts

@@ -0,0 +1,25 @@
+import { type MapleResolverOptions } from '@maple-design/resolver-vue';
+import type { Plugin } from 'vite';
+/** Browser dev must not depend on directories removed by a parallel package build. */
+export declare function getWorkspaceSourceAliases(sourceDir: string): {
+    find: RegExp;
+    replacement: string;
+}[];
+export declare function getSiteComponentExcludes(sourceDir: string): RegExp[];
+export declare function createSiteResolver(sourceDir: string, options?: MapleResolverOptions): ({
+    resolve(name: string): {
+        from: string;
+        name: string;
+        sideEffects: string[] | undefined;
+    } | undefined;
+    type: "component";
+} | {
+    resolve(name: string): {
+        from: string;
+        name: string;
+        sideEffects: string[] | undefined;
+    } | undefined;
+    type: "directive";
+})[];
+/** Keep demo root imports authored as-is; route direct re-exports after style injection. */
+export declare function createSiteImportPlugin(sourceDir: string): Plugin;

package/lib/node/config/site-resolver.js

@@ -0,0 +1,138 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { MapleResolver } from '@maple-design/resolver-vue';
+import ts from 'typescript';
+/** Browser dev must not depend on directories removed by a parallel package build. */
+export function getWorkspaceSourceAliases(sourceDir) {
+    return [
+        ['@maple-design/shared-vue', 'shared/src/index.ts'],
+        ['@maple-design/use-vue', 'use/src/index.ts'],
+        ['@maple-design/cli-vue/client', 'cli/src/client/index.ts'],
+    ].flatMap(([name, relative]) => {
+        const replacement = resolve(sourceDir, '../..', relative);
+        return existsSync(replacement) ? [{ find: new RegExp(`^${name}$`), replacement }] : [];
+    });
+}
+/** Resolve documentation templates without re-entering the library barrel. */
+function readPublicModules(sourceDir) {
+    const entry = resolve(sourceDir, 'index.ts');
+    const source = ts.createSourceFile(entry, readFileSync(entry, 'utf8'), ts.ScriptTarget.Latest, true);
+    const modules = new Map();
+    const aggregate = ts.createSourceFile('maple-vue.ts', readFileSync(resolve(sourceDir, 'maple-vue.ts'), 'utf8'), ts.ScriptTarget.Latest, true);
+    const defaults = new Map();
+    for (const statement of aggregate.statements) {
+        if (ts.isImportDeclaration(statement) &&
+            ts.isStringLiteral(statement.moduleSpecifier) &&
+            statement.importClause?.name) {
+            defaults.set(statement.importClause.name.text, resolve(sourceDir, statement.moduleSpecifier.text));
+        }
+    }
+    for (const statement of source.statements) {
+        if (!ts.isExportDeclaration(statement) ||
+            statement.isTypeOnly ||
+            !statement.moduleSpecifier ||
+            !ts.isStringLiteral(statement.moduleSpecifier) ||
+            !statement.exportClause ||
+            !ts.isNamedExports(statement.exportClause)) {
+            continue;
+        }
+        for (const item of statement.exportClause.elements) {
+            if (item.isTypeOnly) {
+                continue;
+            }
+            const original = (item.propertyName ?? item.name).text;
+            if (statement.moduleSpecifier.text === './maple-vue') {
+                const from = defaults.get(original);
+                if (from) {
+                    modules.set(item.name.text, { from, name: 'default' });
+                }
+            }
+            else {
+                modules.set(item.name.text, { from: resolve(sourceDir, statement.moduleSpecifier.text), name: original });
+            }
+        }
+    }
+    return modules;
+}
+export function getSiteComponentExcludes(sourceDir) {
+    const source = sourceDir.replace(/\\/g, '/').replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    return [
+        /node_modules/,
+        new RegExp(`^(?:/@fs)?${source}/(?!(?:[^/]+/)*(?:example|examples|__demos__|docs)/).*\\.(?:vue|[cm]?[jt]sx?)(?:\\?|$)`),
+    ];
+}
+export function createSiteResolver(sourceDir, options = {}) {
+    const modules = readPublicModules(sourceDir);
+    return MapleResolver(options).map((resolver) => ({
+        ...resolver,
+        resolve(name) {
+            const result = resolver.resolve(name);
+            if (result?.from !== '@maple-design/ui-vue') {
+                return result;
+            }
+            const target = modules.get(result.name);
+            if (!target) {
+                if (!result.name.startsWith('_') && result.name !== 'vLoading') {
+                    return result;
+                }
+                throw new Error(`[Maple docs] Missing public component export: ${result.name}`);
+            }
+            return { ...result, from: target.from, name: target.name };
+        },
+    }));
+}
+/** Keep demo root imports authored as-is; route direct re-exports after style injection. */
+export function createSiteImportPlugin(sourceDir) {
+    const modules = readPublicModules(sourceDir);
+    return {
+        name: 'maple:site-source-imports',
+        enforce: 'post',
+        transform(code, id) {
+            if (!/\.(?:[cm]?[jt]sx?|vue|md)(?:\?|$)/.test(id) || !code.includes('@maple-design/ui-vue')) {
+                return;
+            }
+            const source = ts.createSourceFile(id, code, ts.ScriptTarget.Latest, true);
+            const replacements = [];
+            for (const statement of source.statements) {
+                if (!ts.isImportDeclaration(statement) ||
+                    !ts.isStringLiteral(statement.moduleSpecifier) ||
+                    statement.moduleSpecifier.text !== '@maple-design/ui-vue' ||
+                    !statement.importClause ||
+                    statement.importClause.isTypeOnly ||
+                    statement.importClause.name ||
+                    !statement.importClause.namedBindings ||
+                    !ts.isNamedImports(statement.importClause.namedBindings)) {
+                    continue;
+                }
+                const items = statement.importClause.namedBindings.elements;
+                if (items.some((item) => item.isTypeOnly)) {
+                    continue;
+                }
+                const targets = items.map((item) => modules.get((item.propertyName ?? item.name).text));
+                if (!targets.length || targets.some((target) => !target)) {
+                    continue;
+                }
+                replacements.push({
+                    start: statement.getStart(source),
+                    end: statement.end,
+                    value: items
+                        .map((item, index) => {
+                        const target = targets[index];
+                        const local = item.name.text;
+                        const specifier = target.name === local ? local : `${target.name} as ${local}`;
+                        return `import { ${specifier} } from ${JSON.stringify(target.from.replaceAll('\\', '/'))};`;
+                    })
+                        .join('\n'),
+                });
+            }
+            if (!replacements.length) {
+                return;
+            }
+            let result = code;
+            for (const replacement of replacements.reverse()) {
+                result = result.slice(0, replacement.start) + replacement.value + result.slice(replacement.end);
+            }
+            return { code: result, map: null };
+        },
+    };
+}

package/lib/node/config/vite.config.d.ts

@@ -0,0 +1,28 @@
+import { InlineConfig, Plugin } from 'vite';
+import { MapleConfig, type MapleConfigHtmlInject } from './maple.config.js';
+export declare function getHtmlInject(inject: MapleConfigHtmlInject): {
+    head: {
+        start: (string | undefined)[];
+        end: (string | undefined)[];
+        scriptStart: (string | undefined)[];
+    };
+    body: {
+        start: (string | undefined)[];
+        end: (string | undefined)[];
+        scriptStart: (string | undefined)[];
+    };
+};
+export declare function getPlugins(mapleConfig: Required<MapleConfig>): Plugin[];
+export declare function getDevConfig(mapleConfig: Required<MapleConfig>): InlineConfig;
+export declare function getBuildConfig(mapleConfig: Required<MapleConfig>): InlineConfig;
+export interface BundleBuildOptions {
+    fileName: string;
+    cssFileName: string;
+    output: string;
+    format: 'es' | 'cjs' | 'umd';
+    removeEnv: boolean;
+    emptyOutDir: boolean;
+}
+export declare function getBundleConfig(mapleConfig: Required<MapleConfig>, buildOptions: BundleBuildOptions): InlineConfig;
+export type ExtensionMode = 'dev' | 'build';
+export declare function getExtensionConfig(mode: ExtensionMode): InlineConfig;