minista 2.0.0-alpha.9 → 2.0.0

package/README.md

@@ -12,20 +12,26 @@
   </a>
 </p>
 
+## Site & Documentation
+
+https://minista.qranoko.jp
+
 ## About
 
-Next.js Like Development with 100% Static Generate.
+minista（ミニスタ）は、React の JSX で書けるスタティックサイトジェネレーターです。Next.js 風の快適な環境で開発しながら 100% 静的な出力を行えます。SaaS の web テンプレートコーディング業務を想定しているため、ビルド後のデータが綺麗（ヒューマンリーダブル）です。
 
 ## How To Use
 
 ### Automatic Setup
 
-not supported
+```bash
+$ npm init minista@latest
+```
 
 ### Manual Setup
 
 ```bash
-$ npm install --save-dev minista@next react react-dom
+$ npm install --save-dev minista react react-dom
 ```
 
 ```bash
@@ -48,7 +54,7 @@ const PageHome = () => {
 export default PageHome
 ```
 
-Open `package.json` and add the following scripts:
+`package.json` を開き、以下のスクリプトを追加します。
 
 ```json
 "scripts": {
@@ -70,19 +76,101 @@ Open `package.json` and add the following scripts:
 
 ```js
 // minista.config.ts
-import { defineMinistaUserConfig } from "minista"
-
-export default defineMinistaUserConfig({
-  entry: undefined, // string | string[] | { [key: string]: string }
-  outDir: "dist", // string
-  publicDir: "public", // string
-  assetsDir: "assets", // string
-  autoAssetsName: "bundle", // string
-  vite: undefined, // https://vitejs.dev/config/
-  markdown: { remarkPlugins: [] }, // https://mdxjs.com/packages/mdx/#optionsremarkplugins
+import { defineConfig } from "minista"
+
+export default defineConfig({
+  base: "/", // string
+  public: "public", // string
+  out: "dist", // string
+  root: {
+    srcDir: "src", // string
+    srcName: "root", // string
+    srcExt: ["tsx", "jsx"], // string[]
+  },
+  pages: {
+    srcDir: "src/pages", // string
+    srcExt: ["tsx", "jsx", "md", "mdx"], // string[]
+  },
+  assets: {
+    entry: "", // string | string[] | { [key: string]: string }
+    outDir: "assets", // string
+    bundle: {
+      outName: "bundle", // string
+    },
+    images: {
+      outDir: "assets/images", // string
+      outName: "[name]", // string
+    },
+    fonts: {
+      outDir: "assets/fonts", // string
+      outName: "[name]", // string
+    },
+    icons: {
+      useSprite: true, // boolean
+      srcDir: "src/assets/icons", // string
+      outDir: "assets/images", // string
+      outName: "icons", // string
+      svgstoreOptions: {
+        cleanSymbols: ["fill", "stroke", "stroke-linejoin", "stroke-width"],
+      }, // https://github.com/svgstore/svgstore#svgstore-options
+    },
+    download: {
+      useRemote: false, // boolean
+      remoteUrl: ["https://", "http://"], // string[]
+      remoteName: "remote-[index]", // string
+      outDir: "assets/images", // string
+    },
+  },
+  vite: {}, // https://vitejs.dev/config/
+  markdown: {
+    syntaxHighlighter: "highlight", // "highlight" | "none"
+    highlightOptions: {}, // https://github.com/rehypejs/rehype-highlight#options
+    mdxOptions: {
+      remarkPlugins: [], // https://mdxjs.com/packages/mdx/#optionsremarkplugins
+      rehypePlugins: [], // https://mdxjs.com/packages/mdx/#optionsrehypeplugins
+    },
+  },
+  beautify: {
+    useHtml: true, // boolean
+    useAssets: false, // boolean
+    htmlOptions: {
+      indent_size: 2,
+      max_preserve_newlines: 0,
+      indent_inner_html: true,
+      extra_liners: [],
+      inline: ["span", "b", "br", "code", "del", "s", "small", "strong", "wbr"],
+    }, // https://github.com/beautify-web/js-beautify#css--html
+    cssOptions: {}, // https://github.com/beautify-web/js-beautify#css--html
+    jsOptions: {}, // https://github.com/beautify-web/js-beautify#options
+  },
 })
 ```
 
+## Libraries
+
+- `minista-sitemap`: [repo](https://github.com/qrac/minista-sitemap) / [npm](https://www.npmjs.com/package/minista-sitemap)
+- `minista-markdown`: [repo](https://github.com/qrac/minista-markdown) / [npm](https://www.npmjs.com/package/minista-markdown)
+
+## Media
+
+- v1
+  - [React で書ける SSG 改善点と今後について - minista v1](https://zenn.dev/qrac/articles/a24de970148c7e)
+  - [React(JSX)で書けるコーディング用 SSG - minista v0](https://zenn.dev/qrac/articles/7537521afcd1bf)
+
+## Respect
+
+- [Next.js by Vercel - The React Framework](https://nextjs.org/)
+- [Charge — an opinionated, zero-config static site generator](https://charge.js.org/)
+- [Eleventy, a simpler static site generator.](https://www.11ty.dev/)
+- [Node Interface | webpack](https://webpack.js.org/api/node/)
+- [natemoo-re/microsite](https://github.com/natemoo-re/microsite)
+- [Astro](https://astro.build/)
+- [テンプレートエンジンに React を使いつつ、きれいな HTML を生成したいんじゃ！！](https://zenn.dev/otsukayuhi/articles/e52651b4e2c5ae7c4a17)
+- [EJS をやめて React で HTML を書く](https://zenn.dev/hisho/scraps/4ef6c6106a6395)
+- [MPA(マルチページアプリ)で webpack を使う](https://www.key-p.com/blog/staff/archives/107125)
+- [HTML コーディングでも React+TypeScript の開発体験を得る](https://zenn.dev/nanaki14/articles/html-template-react)
+- [Astro と microCMS でポートフォリオサイトを作る](https://zenn.dev/takanorip/articles/c75717c280c81d)
+
 ## License
 
 - MIT

package/dist/beautify.d.ts

@@ -0,0 +1,3 @@
+import type { HTMLBeautifyOptions, CSSBeautifyOptions, JSBeautifyOptions } from "js-beautify";
+export declare function beautifyFiles(entryPoints: string[], target: "html" | "css" | "js", options: HTMLBeautifyOptions | CSSBeautifyOptions | JSBeautifyOptions): Promise<void>;
+export declare function beautifyFile(entryPoint: string, target: "html" | "css" | "js", options: HTMLBeautifyOptions | CSSBeautifyOptions | JSBeautifyOptions): Promise<void>;

package/dist/beautify.js

@@ -0,0 +1,23 @@
+import React from "react";
+import fs from "fs-extra";
+import pc from "picocolors";
+import beautify from "js-beautify";
+async function beautifyFiles(entryPoints, target, options) {
+  await Promise.all(entryPoints.map(async (entryPoint) => {
+    await beautifyFile(entryPoint, target, options);
+  }));
+}
+async function beautifyFile(entryPoint, target, options) {
+  const source = await fs.readFile(entryPoint, "utf8");
+  const runBeautify = target === "html" ? beautify.html : target === "css" ? beautify.css : beautify;
+  const result = runBeautify(source, options);
+  await fs.outputFile(entryPoint, result).then(() => {
+    console.log(`${pc.bold(pc.blue("BEAUT"))} ${pc.bold(entryPoint)}`);
+  }).catch((err) => {
+    console.error(err);
+  });
+}
+export {
+  beautifyFile,
+  beautifyFiles
+};

package/dist/build.d.ts

@@ -1,30 +1,36 @@
 import type { Options as MdxOptions } from "@mdx-js/esbuild";
 import type { InlineConfig } from "vite";
-import type { RootStaticContent, RootJsxContent, GlobalStaticData, GetGlobalStaticData, PageJsxContent, StaticData, StaticDataItem, GetStaticData } from "./types.js";
+import type { MinistaResolveConfig, RootStaticContent, RootJsxContent, GlobalStaticData, GetGlobalStaticData, PageJsxContent, StaticData, StaticDataItem, GetStaticData } from "./types.js";
 export declare function buildTempPages(entryPoints: string[], buildOptions: {
-    outbase: string;
-    outdir: string;
+    outBase: string;
+    outDir: string;
     mdxConfig: MdxOptions;
 }): Promise<void>;
 export declare function buildStaticPages(entryPoints: string[], tempRootFilePath: string, buildOptions: {
-    outbase: string;
-    outdir: string;
-}, assetsTagStr?: string): Promise<void>;
+    outBase: string;
+    outDir: string;
+}, assetsTagStr: string): Promise<void>;
 export declare function buildRootEsmContent(tempRootFilePath: string): Promise<{
     component: RootJsxContent;
     staticData: GlobalStaticData;
 }>;
 export declare function buildGlobalStaticData(getGlobalStaticData: GetGlobalStaticData): Promise<GlobalStaticData>;
-export declare function buildStaticPage(entryPoint: string, outFile: string, rootStaticContent: RootStaticContent, assetsTagStr?: string): Promise<void>;
+export declare function buildStaticPage(entryPoint: string, outFile: string, rootStaticContent: RootStaticContent, assetsTagStr: string, outDir: string): Promise<void>;
 export declare function buildStaticData(getStaticData: GetStaticData): Promise<StaticData>;
-export declare function buildHtmlPage(pageJsxContent: PageJsxContent, staticDataItem: StaticDataItem, routePath: string, rootStaticContent: RootStaticContent, assetsTagStr?: string, frontmatter?: {}): Promise<void>;
+export declare function buildHtmlPage(pageJsxContent: PageJsxContent, staticDataItem: StaticDataItem, routePath: string, rootStaticContent: RootStaticContent, assetsTagStr: string, frontmatter: any, outDir: string): Promise<void>;
 export declare function buildTempAssets(viteConfig: InlineConfig, buildOptions: {
-    fileName: string;
-    outdir: string;
+    bundleOutName: string;
+    outDir: string;
     assetDir: string;
 }): Promise<void>;
 export declare function buildAssetsTagStr(entryPoints: string[], buildOptions: {
-    outbase: string;
-    outdir: string;
+    outBase: string;
+    outDir: string;
 }): Promise<string>;
+export declare function buildViteImporterRoots(config: MinistaResolveConfig): Promise<void>;
+export declare function buildViteImporterRoutes(config: MinistaResolveConfig): Promise<void>;
+export declare function buildViteImporterAssets(entry: {
+    [key: string]: string;
+}): Promise<void>;
+export declare function buildViteImporterBlankAssets(): Promise<void>;
 export declare function buildCopyDir(targetDir: string, outDir: string, log?: "public" | "assets"): Promise<void>;

package/dist/build.js

@@ -25,9 +25,11 @@ import pc from "picocolors";
 import { Fragment } from "react";
 import { build as esBuild } from "esbuild";
 import mdx from "@mdx-js/esbuild";
-import { build as viteBuild, mergeConfig } from "vite";
+import { build as viteBuild, mergeConfig as mergeViteConfig } from "vite";
+import { systemConfig } from "./system.js";
 import { resolvePlugin } from "./esbuild.js";
 import { renderHtml } from "./render.js";
+import { slashEnd } from "./utils.js";
 const __filename = url.fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 async function buildTempPages(entryPoints, buildOptions) {
@@ -48,8 +50,8 @@ async function buildTempPages(entryPoints, buildOptions) {
   ];
   await esBuild({
     entryPoints,
-    outbase: buildOptions.outbase,
-    outdir: buildOptions.outdir,
+    outbase: buildOptions.outBase,
+    outdir: buildOptions.outDir,
     outExtension: { ".js": ".mjs" },
     bundle: true,
     format: "esm",
@@ -72,9 +74,9 @@ async function buildStaticPages(entryPoints, tempRootFilePath, buildOptions, ass
   await Promise.all(entryPoints.map(async (entryPoint) => {
     const extname = path.extname(entryPoint);
     const basename = path.basename(entryPoint, extname);
-    const dirname = path.dirname(entryPoint).replace(buildOptions.outbase, buildOptions.outdir);
+    const dirname = path.dirname(entryPoint).replace(buildOptions.outBase, buildOptions.outDir);
     const filename = path.join(dirname, basename + ".html");
-    await buildStaticPage(entryPoint, filename, rootStaticContent, assetsTagStr);
+    await buildStaticPage(entryPoint, filename, rootStaticContent, assetsTagStr, buildOptions.outDir);
   }));
 }
 async function buildRootEsmContent(tempRootFilePath) {
@@ -95,7 +97,7 @@ async function buildGlobalStaticData(getGlobalStaticData) {
   const response = await getGlobalStaticData();
   return response;
 }
-async function buildStaticPage(entryPoint, outFile, rootStaticContent, assetsTagStr) {
+async function buildStaticPage(entryPoint, outFile, rootStaticContent, assetsTagStr, outDir) {
   const pageEsmContent = await import(path.resolve(entryPoint));
   const pageJsxContent = pageEsmContent.default;
   const frontmatter = pageEsmContent.frontmatter ? pageEsmContent.frontmatter : void 0;
@@ -103,11 +105,11 @@ async function buildStaticPage(entryPoint, outFile, rootStaticContent, assetsTag
   const staticData = pageEsmContent.getStaticData ? await buildStaticData(pageEsmContent.getStaticData) : void 0;
   if (!staticData) {
     const staticDataItem = defaultStaticDataItem;
-    return await buildHtmlPage(pageJsxContent, staticDataItem, outFile, rootStaticContent, assetsTagStr, frontmatter);
+    return await buildHtmlPage(pageJsxContent, staticDataItem, outFile, rootStaticContent, assetsTagStr, frontmatter, outDir);
   }
   if ("props" in staticData && "paths" in staticData === false) {
     const staticDataItem = __spreadValues(__spreadValues({}, defaultStaticDataItem), staticData);
-    return await buildHtmlPage(pageJsxContent, staticDataItem, outFile, rootStaticContent, assetsTagStr, frontmatter);
+    return await buildHtmlPage(pageJsxContent, staticDataItem, outFile, rootStaticContent, assetsTagStr, frontmatter, outDir);
   }
   if ("paths" in staticData) {
     const staticDataItem = __spreadValues(__spreadValues({}, defaultStaticDataItem), staticData);
@@ -116,7 +118,7 @@ async function buildStaticPage(entryPoint, outFile, rootStaticContent, assetsTag
       const reg = new RegExp("\\[" + key + "\\]", "g");
       fixedOutfile = fixedOutfile.replace(reg, `${value}`);
     }
-    return await buildHtmlPage(pageJsxContent, staticDataItem, fixedOutfile, rootStaticContent, assetsTagStr, frontmatter);
+    return await buildHtmlPage(pageJsxContent, staticDataItem, fixedOutfile, rootStaticContent, assetsTagStr, frontmatter, outDir);
   }
   if (Array.isArray(staticData) && staticData.length > 0) {
     const entryPoints = staticData;
@@ -127,7 +129,7 @@ async function buildStaticPage(entryPoint, outFile, rootStaticContent, assetsTag
         const reg = new RegExp("\\[" + key + "\\]", "g");
         fixedOutfile = fixedOutfile.replace(reg, `${value}`);
       }
-      return await buildHtmlPage(pageJsxContent, staticDataItem, fixedOutfile, rootStaticContent, assetsTagStr, frontmatter);
+      return await buildHtmlPage(pageJsxContent, staticDataItem, fixedOutfile, rootStaticContent, assetsTagStr, frontmatter, outDir);
     }));
   }
 }
@@ -135,11 +137,18 @@ async function buildStaticData(getStaticData) {
   const response = await getStaticData();
   return response;
 }
-async function buildHtmlPage(pageJsxContent, staticDataItem, routePath, rootStaticContent, assetsTagStr, frontmatter) {
+async function buildHtmlPage(pageJsxContent, staticDataItem, routePath, rootStaticContent, assetsTagStr, frontmatter, outDir) {
+  if (frontmatter == null ? void 0 : frontmatter.draft) {
+    return;
+  }
   const RootComponent = rootStaticContent.component;
   const globalStaticData = rootStaticContent.staticData;
   const PageComponent = pageJsxContent;
   const staticProps = staticDataItem.props;
+  const reg1 = new RegExp(`^${outDir}|index.html`, "g");
+  const reg2 = new RegExp(`.html`, "g");
+  const pathname = routePath.replace(reg1, "").replace(reg2, "");
+  const location = { pathname };
   const RenderComponent = () => {
     if (RootComponent === Fragment) {
       return /* @__PURE__ */ React.createElement(Fragment, null, (() => {
@@ -147,26 +156,30 @@ async function buildHtmlPage(pageJsxContent, staticDataItem, routePath, rootStat
           return /* @__PURE__ */ React.createElement(Fragment, null);
         } else {
           return /* @__PURE__ */ React.createElement(PageComponent, __spreadProps(__spreadValues(__spreadValues({}, globalStaticData == null ? void 0 : globalStaticData.props), staticProps), {
-            frontmatter: RootComponent !== Fragment && frontmatter
+            frontmatter,
+            location
           }));
         }
       })());
     } else {
       return /* @__PURE__ */ React.createElement(RootComponent, __spreadProps(__spreadValues(__spreadValues({}, globalStaticData == null ? void 0 : globalStaticData.props), staticProps), {
-        frontmatter: RootComponent !== Fragment && frontmatter
+        frontmatter,
+        location
       }), (() => {
         if (PageComponent === Fragment) {
           return /* @__PURE__ */ React.createElement(Fragment, null);
         } else {
           return /* @__PURE__ */ React.createElement(PageComponent, __spreadProps(__spreadValues(__spreadValues({}, globalStaticData == null ? void 0 : globalStaticData.props), staticProps), {
-            frontmatter: RootComponent !== Fragment && frontmatter
+            frontmatter,
+            location
           }));
         }
       })());
     }
   };
   const html = await renderHtml(/* @__PURE__ */ React.createElement(RenderComponent, null), assetsTagStr);
-  await fs.outputFile(routePath, html).then(() => {
+  const replacedHtml = html.replace(/<div class="minista-comment" hidden="">(.+?)<\/div>/g, "\n<!-- $1 -->");
+  await fs.outputFile(routePath, replacedHtml).then(() => {
     console.log(`${pc.bold(pc.green("BUILD"))} ${pc.bold(routePath)}`);
   }).catch((err) => {
     console.error(err);
@@ -178,23 +191,23 @@ async function buildTempAssets(viteConfig, buildOptions) {
       write: false,
       rollupOptions: {
         input: {
-          __minista_auto_bundle_asset_pages: path.resolve(__dirname + "/../dist/pages.js")
+          __minista_bundle_assets: path.resolve(__dirname + "/../dist/bundle.js")
         }
       }
     }
   };
-  const mergedConfig = mergeConfig(viteConfig, customConfig);
+  const mergedConfig = mergeViteConfig(viteConfig, customConfig);
   const result = await viteBuild(mergedConfig);
   const items = result.output;
   if (Array.isArray(items) && items.length > 0) {
     items.map((item) => {
-      if (item.fileName.match(/__minista_auto_bundle_asset_pages\.css/)) {
-        const customFileName = `${buildOptions.outdir}/${buildOptions.fileName}.css`;
+      if (item.fileName.match(/__minista_bundle_assets\.css/)) {
+        const customFileName = slashEnd(buildOptions.outDir) + buildOptions.bundleOutName + ".css";
         return (item == null ? void 0 : item.source) && fs.outputFile(customFileName, item == null ? void 0 : item.source);
-      } else if (item.fileName.match(/__minista_auto_bundle_asset_pages\.js/)) {
+      } else if (item.fileName.match(/__minista_bundle_assets\.js/)) {
         return;
       } else {
-        const customFileName = buildOptions.outdir + item.fileName.replace(buildOptions.assetDir, "");
+        const customFileName = buildOptions.outDir + item.fileName.replace(buildOptions.assetDir, "");
         const customCode = (item == null ? void 0 : item.source) ? item == null ? void 0 : item.source : (item == null ? void 0 : item.code) ? item == null ? void 0 : item.code : "";
         return customCode && fs.outputFile(customFileName, customCode);
       }
@@ -203,28 +216,116 @@ async function buildTempAssets(viteConfig, buildOptions) {
 }
 async function buildAssetsTagStr(entryPoints, buildOptions) {
   const assetsTags = entryPoints.map((entryPoint) => {
-    const assetPath = entryPoint.replace(buildOptions.outbase, buildOptions.outdir);
+    const assetPath = entryPoint.replace(buildOptions.outBase, buildOptions.outDir);
     if (assetPath.endsWith(".css")) {
-      return `<link rel="stylesheet" href="/${assetPath}">`;
+      return `<link rel="stylesheet" href="${assetPath}">`;
     } else if (assetPath.endsWith(".js")) {
-      return `<script defer src="/${assetPath}"><\/script>`;
+      return `<script defer src="${assetPath}"><\/script>`;
     }
   });
   const assetsTagStr = assetsTags.join("");
   return assetsTagStr;
 }
-async function buildCopyDir(targetDir, outDir, log) {
-  return fs.copy(targetDir, outDir).then(() => {
-    if (log === "public") {
-      console.log(`${pc.bold(pc.green("BUILD"))} ${pc.bold(targetDir + "/**/* -> " + outDir)}`);
-    }
-    if (log === "assets") {
-      console.log(`${pc.bold(pc.green("BUILD"))} ${pc.bold(outDir)}`);
+async function buildViteImporterRoots(config) {
+  const outFile = systemConfig.temp.viteImporter.outDir + "/roots.js";
+  const rootSrcDir = slashEnd(config.rootSrcDir);
+  const rootSrcName = config.root.srcName;
+  const rootExtStr = config.root.srcExt.join();
+  const template = `import { Fragment } from "react"
+export const getRoots = () => {
+  const ROOTS = import.meta.globEager("/${rootSrcDir}${rootSrcName}.{${rootExtStr}}")
+  const roots =
+    Object.keys(ROOTS).length === 0
+      ? [{ RootComponent: Fragment, getGlobalStaticData: undefined }]
+      : Object.keys(ROOTS).map((root) => {
+          return {
+            RootComponent: ROOTS[root].default ? ROOTS[root].default : Fragment,
+            getGlobalStaticData: ROOTS[root].getStaticData
+              ? ROOTS[root].getStaticData
+              : undefined,
+          }
+        })
+  return roots
+}`;
+  await fs.outputFile(outFile, template).catch((err) => {
+    console.error(err);
+  });
+}
+async function buildViteImporterRoutes(config) {
+  const outFile = systemConfig.temp.viteImporter.outDir + "/routes.js";
+  const pagesDir = slashEnd(config.pagesSrcDir);
+  const pagesExtStr = config.pages.srcExt.join();
+  const pagesDirRegStr = config.pagesSrcDir.replace(/\//g, "\\/");
+  const replacePagesStr = `.replace(/^\\/${pagesDirRegStr}\\//g, "${config.base}")`;
+  const replaceFileNameArray = config.pages.srcExt.map((ext) => {
+    return `.replace(/\\index|\\.${ext}$/g, "")`;
+  });
+  const replaceFileNameArrayStr = replaceFileNameArray.join("\n      ");
+  const template = `export const getRoutes = () => {
+  const ROUTES = import.meta.globEager("/${pagesDir}**/[a-z[]*.{${pagesExtStr}}")
+  const routes = Object.keys(ROUTES).map((route) => {
+    const routePath = route
+      ${replacePagesStr}
+      ${replaceFileNameArrayStr}
+      .replace(/\\[\\.{3}.+\\]/, "*")
+      .replace(/\\[(.+)\\]/, ":$1")
+    return {
+      routePath: routePath,
+      PageComponent: ROUTES[route].default,
+      getStaticData: ROUTES[route].getStaticData
+        ? ROUTES[route].getStaticData
+        : undefined,
+      frontmatter: ROUTES[route].frontmatter
+        ? ROUTES[route].frontmatter
+        : undefined,
     }
-  }).catch((err) => {
+  })
+  return routes
+}`;
+  await fs.outputFile(outFile, template).catch((err) => {
+    console.error(err);
+  });
+}
+async function buildViteImporterAssets(entry) {
+  const outFile = systemConfig.temp.viteImporter.outDir + "/assets.js";
+  const assetsPathArray = Object.values(entry);
+  const filteredAssetsPathArray = assetsPathArray.filter((path2) => path2.match(/\.(js|cjs|mjs|jsx|ts|tsx)$/));
+  const importArray = filteredAssetsPathArray.map((path2) => {
+    return `import("/${path2}")`;
+  });
+  const importArrayStr = importArray.join("\n  ");
+  const template = `export const getAssets = () => {
+  ${importArrayStr}
+}`;
+  await fs.outputFile(outFile, template).catch((err) => {
+    console.error(err);
+  });
+}
+async function buildViteImporterBlankAssets() {
+  const outFile = systemConfig.temp.viteImporter.outDir + "/assets.js";
+  const template = `export const getAssets = () => {
+}`;
+  await fs.outputFile(outFile, template).catch((err) => {
     console.error(err);
   });
 }
+async function buildCopyDir(targetDir, outDir, log) {
+  const checkTargetDir = await fs.pathExists(targetDir);
+  if (checkTargetDir) {
+    return await fs.copy(targetDir, outDir).then(() => {
+      if (log === "public") {
+        console.log(`${pc.bold(pc.green("BUILD"))} ${pc.bold(targetDir + "/**/* -> " + outDir)}`);
+      }
+      if (log === "assets") {
+        console.log(`${pc.bold(pc.green("BUILD"))} ${pc.bold(outDir)}`);
+      }
+    }).catch((err) => {
+      console.error(err);
+    });
+  } else {
+    return;
+  }
+}
 export {
   buildAssetsTagStr,
   buildCopyDir,
@@ -235,5 +336,9 @@ export {
   buildStaticPage,
   buildStaticPages,
   buildTempAssets,
-  buildTempPages
+  buildTempPages,
+  buildViteImporterAssets,
+  buildViteImporterBlankAssets,
+  buildViteImporterRoots,
+  buildViteImporterRoutes
 };

package/dist/bundle.d.ts

@@ -0,0 +1,2 @@
+import "/@minista-temp/vite-importer/roots.js";
+import "/@minista-temp/vite-importer/routes.js";

package/dist/bundle.js

@@ -0,0 +1,3 @@
+import React from "react";
+import "/@minista-temp/vite-importer/roots.js";
+import "/@minista-temp/vite-importer/routes.js";