@varlet/vite-plugins 2.10.0 → 2.10.1-alpha.1682608027166

package/lib/copy.d.ts

@@ -1,10 +1,10 @@
-import type { Plugin } from 'vite';
-export interface CopyPath {
-    from: string;
-    to: string;
-    type: 'folder' | 'file';
-}
-export interface CopyOptions {
-    paths: CopyPath[];
-}
-export declare function copy(options: CopyOptions): Plugin;
+import type { Plugin } from 'vite';
+export interface CopyPath {
+    from: string;
+    to: string;
+    type: 'folder' | 'file';
+}
+export interface CopyOptions {
+    paths: CopyPath[];
+}
+export declare function copy(options: CopyOptions): Plugin;

package/lib/copy.js

@@ -1,18 +1,18 @@
-import fse from 'fs-extra';
-const { copySync, copyFileSync } = fse;
-export function copy(options) {
-    return {
-        name: 'vite-plugin-varlet-copy',
-        buildStart() {
-            options.paths.forEach((copyPath) => {
-                try {
-                    ;
-                    (copyPath.type === 'folder' ? copySync : copyFileSync)(copyPath.from, copyPath.to);
-                }
-                catch (e) {
-                    this.warn(e);
-                }
-            });
-        },
-    };
-}
+import fse from 'fs-extra';
+const { copySync, copyFileSync } = fse;
+export function copy(options) {
+    return {
+        name: 'vite-plugin-varlet-copy',
+        buildStart() {
+            options.paths.forEach((copyPath) => {
+                try {
+                    ;
+                    (copyPath.type === 'folder' ? copySync : copyFileSync)(copyPath.from, copyPath.to);
+                }
+                catch (e) {
+                    this.warn(e);
+                }
+            });
+        },
+    };
+}

package/lib/html.d.ts

@@ -1,5 +1,5 @@
-import type { Plugin } from 'vite';
-export interface HtmlOptions {
-    data?: Record<string, string>;
-}
-export declare function html(options: HtmlOptions): Plugin;
+import type { Plugin } from 'vite';
+export interface HtmlOptions {
+    data?: Record<string, string>;
+}
+export declare function html(options: HtmlOptions): Plugin;

package/lib/html.js

@@ -1,12 +1,12 @@
-import ejs from 'ejs';
-export function html(options) {
-    return {
-        name: 'vite-plugin-varlet-html',
-        transformIndexHtml: {
-            order: 'pre',
-            transform(html) {
-                return ejs.render(html, options.data);
-            },
-        },
-    };
-}
+import ejs from 'ejs';
+export function html(options) {
+    return {
+        name: 'vite-plugin-varlet-html',
+        transformIndexHtml: {
+            order: 'pre',
+            transform(html) {
+                return ejs.render(html, options.data);
+            },
+        },
+    };
+}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export * from './markdown.js';
-export * from './html.js';
-export * from './inlineCss.js';
-export * from './copy.js';
+export * from './markdown.js';
+export * from './html.js';
+export * from './inlineCss.js';
+export * from './copy.js';

package/lib/index.js

@@ -1,4 +1,4 @@
-export * from './markdown.js';
-export * from './html.js';
-export * from './inlineCss.js';
-export * from './copy.js';
+export * from './markdown.js';
+export * from './html.js';
+export * from './inlineCss.js';
+export * from './copy.js';

package/lib/inlineCss.d.ts

@@ -1,7 +1,7 @@
-import type { Plugin } from 'vite';
-export interface InlineCssOptions {
-    cssFile: string;
-    jsFile: string;
-    onEnd?(): void;
-}
-export declare function inlineCss(options: InlineCssOptions): Plugin;
+import type { Plugin } from 'vite';
+export interface InlineCssOptions {
+    cssFile: string;
+    jsFile: string;
+    onEnd?(): void;
+}
+export declare function inlineCss(options: InlineCssOptions): Plugin;

package/lib/inlineCss.js

@@ -1,29 +1,29 @@
-import fse from 'fs-extra';
-const { pathExistsSync, writeFileSync, readFileSync, removeSync } = fse;
-export function inlineCss(options) {
-    return {
-        name: 'vite-plugin-varlet-inline-css',
-        apply: 'build',
-        closeBundle() {
-            const { cssFile, jsFile, onEnd } = options;
-            if (!pathExistsSync(cssFile)) {
-                this.warn('css file cannot found');
-                onEnd === null || onEnd === void 0 ? void 0 : onEnd();
-                return;
-            }
-            if (!pathExistsSync(jsFile)) {
-                this.error('js file cannot found');
-                onEnd === null || onEnd === void 0 ? void 0 : onEnd();
-                return;
-            }
-            const cssCode = readFileSync(cssFile, 'utf-8');
-            const jsCode = readFileSync(jsFile, 'utf-8');
+import fse from 'fs-extra';
+const { pathExistsSync, writeFileSync, readFileSync, removeSync } = fse;
+export function inlineCss(options) {
+    return {
+        name: 'vite-plugin-varlet-inline-css',
+        apply: 'build',
+        closeBundle() {
+            const { cssFile, jsFile, onEnd } = options;
+            if (!pathExistsSync(cssFile)) {
+                this.warn('css file cannot found');
+                onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+                return;
+            }
+            if (!pathExistsSync(jsFile)) {
+                this.error('js file cannot found');
+                onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+                return;
+            }
+            const cssCode = readFileSync(cssFile, 'utf-8');
+            const jsCode = readFileSync(jsFile, 'utf-8');
             const injectCode = `;(function(){var style=document.createElement('style');style.type='text/css';\
 style.rel='stylesheet';style.appendChild(document.createTextNode(\`${cssCode.replace(/\\/g, '\\\\')}\`));\
-var head=document.querySelector('head');head.appendChild(style)})();`;
-            writeFileSync(jsFile, `${injectCode}${jsCode}`);
-            removeSync(cssFile);
-            onEnd === null || onEnd === void 0 ? void 0 : onEnd();
-        },
-    };
-}
+var head=document.querySelector('head');head.appendChild(style)})();`;
+            writeFileSync(jsFile, `${injectCode}${jsCode}`);
+            removeSync(cssFile);
+            onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+        },
+    };
+}

package/lib/markdown.d.ts

@@ -1,5 +1,5 @@
-import type { Plugin } from 'vite';
-export interface MarkdownOptions {
-    style?: string;
-}
-export declare function markdown(options: MarkdownOptions): Plugin;
+import type { Plugin } from 'vite';
+export interface MarkdownOptions {
+    style?: string;
+}
+export declare function markdown(options: MarkdownOptions): Plugin;

package/lib/markdown.js

@@ -1,80 +1,80 @@
-import markdownIt from 'markdown-it';
-import hljs from 'highlight.js';
-import { kebabCase } from '@varlet/shared';
-function htmlWrapper(html) {
-    const matches = html.matchAll(/<h3>(.*?)<\/h3>/g);
-    const hGroup = html
-        .replace(/<h3>/g, () => {
-        const content = matches.next().value[1];
-        return `:::<h3 id="${content}"><router-link to="#${content}">#</router-link>`;
-    })
-        .replace(/<h2/g, ':::<h2')
-        .split(':::');
-    const cardGroup = hGroup
-        .map((fragment) => (fragment.includes('<h3') ? `<div class="card">${fragment}</div>` : fragment))
-        .join('');
-    return cardGroup.replace(/<code>/g, '<code v-pre>');
-}
-function extractComponents(source) {
-    const componentRE = /import (.+) from ['"].+['"]/;
-    const importRE = /import .+ from ['"].+['"]/g;
-    const vueRE = /```vue((.|\r|\n)*?)```/g;
-    const imports = [];
-    const components = [];
-    source = source.replace(vueRE, (_, p1) => {
-        const partImports = p1.match(importRE);
-        const partComponents = partImports === null || partImports === void 0 ? void 0 : partImports.map((importer) => {
-            importer = importer.replace(/(\n|\r)/g, '');
-            const component = importer.replace(componentRE, '$1');
-            !imports.includes(importer) && imports.push(importer);
-            !components.includes(component) && components.push(component);
-            return `<${kebabCase(component)} />`;
-        });
-        return partComponents ? `<div class="varlet-component-preview">${partComponents.join('\n')}</div>` : '';
-    });
-    return {
-        imports,
-        components,
-        source,
-    };
-}
-function injectCodeExample(source) {
-    const codeRE = /(<pre class="hljs">(.|\r|\n)*?<\/pre>)/g;
-    return source.replace(codeRE, (str) => {
-        const flags = [
-            '// playground-ignore\n',
-            '<span class="hljs-meta">#</span><span class="bash"> playground-ignore</span>\n',
-            '<span class="hljs-comment">// playground-ignore</span>\n',
-            '<span class="hljs-comment">/* playground-ignore */</span>\n',
-            '<span class="hljs-comment">&lt;!-- playground-ignore --&gt;</span>\n',
-        ];
-        const attr = flags.some((flag) => str.includes(flag)) ? 'playground-ignore' : '';
-        str = flags.reduce((str, flag) => str.replace(flag, ''), str);
-        return `<var-site-code-example ${attr}>${str}</var-site-code-example>`;
-    });
-}
-function highlight(str, lang, style) {
-    let link = '';
-    if (style) {
-        link = '<link class="hljs-style" rel="stylesheet" href="' + style + '"/>';
-    }
-    if (lang && hljs.getLanguage(lang)) {
-        return ('<pre class="hljs"><code>' +
-            link +
-            hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +
-            '</code></pre>');
-    }
-    return '';
-}
-function markdownToVue(source, options) {
-    const { source: vueSource, imports, components } = extractComponents(source);
-    const md = markdownIt({
-        html: true,
-        highlight: (str, lang) => highlight(str, lang, options.style),
-    });
-    let templateString = htmlWrapper(md.render(vueSource));
-    templateString = templateString.replace(/process.env/g, '<span>process.env</span>');
-    templateString = injectCodeExample(templateString);
+import markdownIt from 'markdown-it';
+import hljs from 'highlight.js';
+import { kebabCase } from '@varlet/shared';
+function htmlWrapper(html) {
+    const matches = html.matchAll(/<h3>(.*?)<\/h3>/g);
+    const hGroup = html
+        .replace(/<h3>/g, () => {
+        const content = matches.next().value[1];
+        return `:::<h3 id="${content}"><router-link to="#${content}">#</router-link>`;
+    })
+        .replace(/<h2/g, ':::<h2')
+        .split(':::');
+    const cardGroup = hGroup
+        .map((fragment) => (fragment.includes('<h3') ? `<div class="card">${fragment}</div>` : fragment))
+        .join('');
+    return cardGroup.replace(/<code>/g, '<code v-pre>');
+}
+function extractComponents(source) {
+    const componentRE = /import (.+) from ['"].+['"]/;
+    const importRE = /import .+ from ['"].+['"]/g;
+    const vueRE = /```vue((.|\r|\n)*?)```/g;
+    const imports = [];
+    const components = [];
+    source = source.replace(vueRE, (_, p1) => {
+        const partImports = p1.match(importRE);
+        const partComponents = partImports === null || partImports === void 0 ? void 0 : partImports.map((importer) => {
+            importer = importer.replace(/(\n|\r)/g, '');
+            const component = importer.replace(componentRE, '$1');
+            !imports.includes(importer) && imports.push(importer);
+            !components.includes(component) && components.push(component);
+            return `<${kebabCase(component)} />`;
+        });
+        return partComponents ? `<div class="varlet-component-preview">${partComponents.join('\n')}</div>` : '';
+    });
+    return {
+        imports,
+        components,
+        source,
+    };
+}
+function injectCodeExample(source) {
+    const codeRE = /(<pre class="hljs">(.|\r|\n)*?<\/pre>)/g;
+    return source.replace(codeRE, (str) => {
+        const flags = [
+            '// playground-ignore\n',
+            '<span class="hljs-meta">#</span><span class="bash"> playground-ignore</span>\n',
+            '<span class="hljs-comment">// playground-ignore</span>\n',
+            '<span class="hljs-comment">/* playground-ignore */</span>\n',
+            '<span class="hljs-comment">&lt;!-- playground-ignore --&gt;</span>\n',
+        ];
+        const attr = flags.some((flag) => str.includes(flag)) ? 'playground-ignore' : '';
+        str = flags.reduce((str, flag) => str.replace(flag, ''), str);
+        return `<var-site-code-example ${attr}>${str}</var-site-code-example>`;
+    });
+}
+function highlight(str, lang, style) {
+    let link = '';
+    if (style) {
+        link = '<link class="hljs-style" rel="stylesheet" href="' + style + '"/>';
+    }
+    if (lang && hljs.getLanguage(lang)) {
+        return ('<pre class="hljs"><code>' +
+            link +
+            hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +
+            '</code></pre>');
+    }
+    return '';
+}
+function markdownToVue(source, options) {
+    const { source: vueSource, imports, components } = extractComponents(source);
+    const md = markdownIt({
+        html: true,
+        highlight: (str, lang) => highlight(str, lang, options.style),
+    });
+    let templateString = htmlWrapper(md.render(vueSource));
+    templateString = templateString.replace(/process.env/g, '<span>process.env</span>');
+    templateString = injectCodeExample(templateString);
     return `
 <template><div class="varlet-site-doc">${templateString}</div></template>
 
@@ -87,31 +87,31 @@ export default {
   }
 }
 </script>
-  `;
-}
-export function markdown(options) {
-    return {
-        name: 'vite-plugin-varlet-markdown',
-        enforce: 'pre',
-        transform(source, id) {
-            if (!/\.md$/.test(id)) {
-                return;
-            }
-            try {
-                return markdownToVue(source, options);
-            }
-            catch (e) {
-                this.error(e);
-                return '';
-            }
-        },
-        async handleHotUpdate(ctx) {
-            if (!/\.md$/.test(ctx.file))
-                return;
-            const readSource = ctx.read;
-            ctx.read = async function () {
-                return markdownToVue(await readSource(), options);
-            };
-        },
-    };
-}
+  `;
+}
+export function markdown(options) {
+    return {
+        name: 'vite-plugin-varlet-markdown',
+        enforce: 'pre',
+        transform(source, id) {
+            if (!/\.md$/.test(id)) {
+                return;
+            }
+            try {
+                return markdownToVue(source, options);
+            }
+            catch (e) {
+                this.error(e);
+                return '';
+            }
+        },
+        async handleHotUpdate(ctx) {
+            if (!/\.md$/.test(ctx.file))
+                return;
+            const readSource = ctx.read;
+            ctx.read = async function () {
+                return markdownToVue(await readSource(), options);
+            };
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/vite-plugins",
-  "version": "2.10.0",
+  "version": "2.10.1-alpha.1682608027166",
   "type": "module",
   "description": "vite plugins of varlet",
   "main": "lib/index.js",
@@ -25,7 +25,7 @@
     "fs-extra": "^9.0.1",
     "highlight.js": "^10.7.2",
     "markdown-it": "^12.2.3",
-    "@varlet/shared": "2.10.0"
+    "@varlet/shared": "2.10.1-alpha.1682608027166"
   },
   "devDependencies": {
     "vite": "^4.0.4",