npm - minista - Versions diffs - 1.1.2 → 2.0.0-alpha.2 - Mend

minista 1.1.2 → 2.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/README.md +13 -270
package/bin/minista.js +10 -0
package/dist/app.d.ts +1 -0
package/dist/app.js +7 -0
package/dist/build.d.ts +30 -0
package/dist/build.js +210 -0
package/dist/clean.d.ts +3 -0
package/dist/clean.js +25 -0
package/dist/cli.d.ts +1 -0
package/dist/cli.js +108 -0
package/dist/config.d.ts +32 -0
package/dist/config.js +24 -0
package/dist/dummy.js +8 -0
package/dist/empty.d.ts +1 -0
package/dist/empty.js +10 -0
package/dist/esbuild.d.ts +5 -0
package/dist/esbuild.js +38 -0
package/dist/head.d.ts +4 -0
package/dist/head.js +37 -0
package/dist/index.d.ts +3 -0
package/dist/index.js +4 -0
package/dist/link.d.ts +4 -0
package/dist/link.js +46 -0
package/dist/mdx.d.ts +3 -0
package/dist/mdx.js +20 -0
package/dist/optimize.d.ts +1 -0
package/dist/optimize.js +20 -0
package/dist/page.d.ts +10 -0
package/dist/page.js +112 -0
package/dist/pages.d.ts +1 -0
package/dist/pages.js +45 -0
package/dist/path.d.ts +3 -0
package/dist/path.js +26 -0
package/dist/render.d.ts +2 -0
package/{main.js → dist/render.js} +13 -15
package/dist/server.d.ts +2 -0
package/dist/server.js +10 -0
package/dist/types.d.ts +40 -0
package/dist/types.js +1 -0
package/dist/utils.d.ts +2 -0
package/dist/utils.js +28 -0
package/dist/vite.d.ts +52 -0
package/dist/vite.js +71 -0
package/lib/index.html +21 -0
package/lib/shim-fetch.js +2 -0
package/lib/shim-react.js +2 -0
package/package.json +49 -35
package/cli.js +0 -150
package/index.d.ts +0 -4
package/webpack.config.js +0 -279

package/README.md CHANGED Viewed

@@ -16,40 +16,16 @@
 minista（ミニスタ）は、React (TSX/JSX)で書けるスタティックサイトジェネレーターです。SaaS の web テンプレートコーディング業務を想定し、ビルド時の納品用データが綺麗（ヒューマンリーダブル）であることを重視しています。CSS と JavaScript は個別に出力されます。
-- ゼロコンフィグで始められる
-- React (TSX/JSX)から 100%静的な HTML を出力
-- CSS と JavaScript を個別に Minify 出力
-- SVG スプライトアイコンを自動生成
-- Next.js 風のディレクトリ構成
 ## How To Use
 ### Automatic
-コマンド `npm init minista` を入力するだけでいくつかのテンプレートから選び始められます。テンプレートは[オフィシャル](https://github.com/qrac/create-minista/tree/main/templates)以外にも任意の GitHub パブリックリポジトリに対応していますので、自分用のテンプレートを作っておくと効率的です。
-```bash
-# Use interactive CLI
-npm init minista
-# Use Official Template
-npm init minista -- --template [OFFICIAL_TEMPLATE_NAME]
-# Use GitHub Template
-npm init minista -- --template [GITHUB_USER]/[REPO_NAME]
-npm init minista -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example
-```
-- `create-minista`: [repo](https://github.com/qrac/create-minista) / [npm](https://www.npmjs.com/package/create-minista)
+not supported
 ### Manual
-手動でセッティングする場合は `minista` `react` `react-dom` をインストールしてください。
-- `minista`: [npm](https://www.npmjs.com/package/minista)
 ```bash
-$ npm install --save-dev minista react react-dom
+$ npm install --save-dev minista@next react react-dom
 ```
 ```bash
@@ -57,16 +33,12 @@ $ npm install --save-dev minista react react-dom
 # Directory Example
 # ----------------------------------------------------
-public # Copy root
+public # Copy dist
 src
-├── assets
-│   └── index.js # Required!
-├── components
-│   └── layout.js
 └── pages # Required!
     ├── about
-    │   └── index.js
-    └── index.js
+    │   └── index.tsx
+    └── index.tsx
 ```
 <!-- prettier-ignore -->
@@ -75,23 +47,19 @@ src
 // Page Example
 //----------------------------------------------------
-import { render } from "minista" // Required!
 const PageHome = () => {
   return (
-    <h1>Hello</h1>
+    <h1>Home</h1>
   )
 }
-export default render(<PageHome />) // Required!
+export default PageHome
 ```
 ## Commands
 ### Develop
-`webpack-dev-server` でプレビューします。
 ```bash
 # Start
 $ minista
@@ -102,244 +70,17 @@ Press Ctrl+C
 ### Build
-納品用にビルド。HTML には `js-beautify` 処理が施され見やすくなります。
 ```bash
 $ minista build
 ```
 ## Components
-### Comment
-`<Comment text="" />` を使うと React では作りにくい HTML コメントが残せます。
-<!-- prettier-ignore -->
-```js
-import { render, Comment } from "minista"
-const PageHome = () => {
-  return (
-    <>
-      <Comment text="Comment Test" />
-      <h1>Hello</h1>
-    </>
-  )
-}
-export default render(<PageHome />)
-```
-```html
-<body>
-  <!-- Comment Test -->
-  <h1>Hello</h1>
-</body>
-```
-### Sitemap
-納品用のサイトマップを簡単に作るコンポーネントを npm で追加可能です。納品物に追加の CSS や JavaScript をバンドルさせません。
-- `minista-sitemap`: [repo](https://github.com/qrac/minista-sitemap) / [npm](https://www.npmjs.com/package/minista-sitemap)
+undecided
 ## Customize
-### webpack
-プロジェクトの root に `webpack.config.js` を配置することで設定をマージできます。
-```js
-//----------------------------------------------------
-// Example: User > webpack.config.js
-//----------------------------------------------------
-// No installation required.
-const MiniCssExtractPlugin = require("mini-css-extract-plugin")
-const CopyPlugin = require("copy-webpack-plugin")
-// Example of dev mode
-const isDev = process.env.NODE_ENV !== "production"
-const webpackConfig = {
-  // Merge
-  devServer: {
-    open: ["/index.html"],
-  },
-  // Replace
-  entry: { custom: "./src/assets/index.js" },
-  plugins: [
-    // Replace
-    new MiniCssExtractPlugin({
-      filename: "assets/css/[name].css",
-    }),
-    // Replace
-    new CopyPlugin({
-      patterns: [{ from: "./static", to: "./", noErrorOnMissing: true }],
-    }),
-  ],
-  // All optimization is replaced.
-  optimization: {
-    minimize: !isDev,
-    minimizer: [
-      /* Replace plugins */
-    ],
-  },
-}
-module.exports = webpackConfig
-```
-### TypeScript
-TypeScript `.tsx` でページを作成する場合はモジュールを追加し `tsconfig.json` をプロジェクトの root に配置。エントリーポイントとして `src/assets/index.ts` があれば `src/assets/index.js` の代わりに使用します。
-```bash
-$ npm install --save-dev typescript @types/react @types/react-dom
-```
-```json
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "module": "esnext",
-    "baseUrl": ".",
-    "allowJs": true,
-    "strict": true,
-    "noImplicitAny": false,
-    "strictNullChecks": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "isolatedModules": false,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "jsx": "react-jsx"
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "dist", "webpack.config.js"]
-}
-```
-```bash
-# ----------------------------------------------------
-# Directory Example
-# ----------------------------------------------------
-public # Copy root
-src
-├── assets
-│   └── index.ts (or index.js)  # Required!
-├── components
-│   └── layout.js
-└── pages # Required!
-    ├── about
-    │   └── index.tsx
-    └── index.tsx
-```
-### Babel
-Babel はプロジェクトの root に `.babelrc` もしくは `babel.config.js` を配置することで設定を上書きできます。カスタマイズしない場合は以下の設定が適応されます。
-```js
-// JavaScript
-const babelJsxOptions = {
-  presets: [
-    "@babel/preset-env",
-    [
-      "@babel/preset-react",
-      {
-        runtime: "automatic",
-      },
-    ],
-  ],
-}
-// TypeScript
-const babelTsxOptions = {
-  presets: [
-    "@babel/preset-env",
-    [
-      "@babel/preset-react",
-      {
-        runtime: "automatic",
-      },
-    ],
-    ["@babel/preset-typescript"],
-  ],
-}
-```
-### PostCSS
-PostCSS はゼロコンフィグで以下のプラグインが適応されますが、プロジェクトの root に `postcss.config.js` を配置することで設定を上書きできます。
-```js
-module.exports = {
-  plugins: [
-    "postcss-import",
-    "postcss-flexbugs-fixes",
-    "postcss-sort-media-queries",
-    "postcss-preset-env",
-  ],
-}
-```
-### Sass / SCSS
-`sass-loader` と `sass`（または `node-sass`）を追加することで使えます。
-```bash
-$ npm install --save-dev sass-loader sass
-```
-### Style only
-プロジェクトに JavaScript が全く必要ない場合はエントリーポイントを CSS ファイルに変更します。これにより空の JavaScript ファイルを出力することなく納品用データを生成できます。
-```js
-//----------------------------------------------------
-// Example: User > webpack.config.js
-//----------------------------------------------------
-const webpackConfig = {
-  entry: { bundle: "./src/assets/index.css" },
-}
-module.exports = webpackConfig
-```
-### SVG sprite icons
-`src/assets/icons` ディレクトリに SVG ファイルを置くと SVG スプライトアイコンの `dist/assets/icons.svg` が生成されます。以下のようなコンポーネントを作ることでアイコンを呼び出せます。
-```js
-// Example: ./src/components/svg-sprite-icon.tsx
-export interface SvgSpriteIconProps {
-  iconId?: string;
-}
-export const SvgSpriteIcon = (props: SvgSpriteIconProps) => {
-  const { iconId } = props
-  return (
-    <svg className="icon" role="img">
-      <use xlinkHref={`/assets/icons.svg#${iconId}`} />
-    </svg>
-  )
-}
-```
-```html
-<!-- dist html -->
-<svg role="img" class="icon">
-  <use xlink:href="/assets/icons.svg#star"></use>
-</svg>
-```
+not supported
 ## Media
@@ -349,11 +90,13 @@ export const SvgSpriteIcon = (props: SvgSpriteIconProps) => {
 ## Respect
 - [Next.js by Vercel - The React Framework](https://nextjs.org/)
+- [Remix - Build Better Websites](https://remix.run/)
+- [Vite](https://vitejs.dev/)
+- [esbuild - An extremely fast JavaScript bundler](https://esbuild.github.io/)
+- [Astro](https://astro.build/)
 - [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)

package/bin/minista.js ADDED Viewed

@@ -0,0 +1,10 @@
+#!/usr/bin/env node
+"use strict"
+if (typeof __dirname !== "undefined") {
+  const version = process.versions.node
+  console.error(`\nNode.js v${version} is not supported by minista
+Please upgrade to a version of Node.js with complete ESM support: "^14.15.0 || >=16.0.0"\n`)
+} else {
+  import("../dist/cli.js")
+}

package/dist/app.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/app.js ADDED Viewed

@@ -0,0 +1,7 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import { Pages } from "./pages.js";
+ReactDOM.render(/* @__PURE__ */ React.createElement(Pages, null), document.getElementById("root"));
+if (import.meta.hot) {
+  import.meta.hot.accept();
+}

package/dist/build.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+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";
+export declare function buildTempPages(entryPoints: string[], buildOptions: {
+    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>;
+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 buildStaticData(getStaticData: GetStaticData): Promise<StaticData>;
+export declare function buildHtmlPage(pageJsxContent: PageJsxContent, staticDataItem: StaticDataItem, routePath: string, rootStaticContent: RootStaticContent, assetsTagStr?: string): Promise<void>;
+export declare function buildTempAssets(viteConfig: InlineConfig, buildOptions: {
+    fileName: string;
+    outdir: string;
+    assetDir: string;
+}): Promise<void>;
+export declare function buildAssetsTagStr(entryPoints: string[], buildOptions: {
+    outbase: string;
+    outdir: string;
+}): Promise<string>;
+export declare function buildCopyDir(targetDir: string, outDir: string, log?: "public" | "assets"): Promise<void>;

package/dist/build.js ADDED Viewed

@@ -0,0 +1,210 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import React from "react";
+import fs from "fs-extra";
+import path from "path";
+import url from "url";
+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 { resolvePlugin } from "./esbuild.js";
+import { renderHtml } from "./render.js";
+const __filename = url.fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+async function buildTempPages(entryPoints, buildOptions) {
+  const ministaPkgURL = new URL(path.resolve(__dirname + "/../package.json"), import.meta.url);
+  const ministaPkg = JSON.parse(fs.readFileSync(ministaPkgURL, "utf8"));
+  const userPkgURL = new URL(path.resolve("package.json"), import.meta.url);
+  const userPkg = JSON.parse(fs.readFileSync(userPkgURL, "utf8"));
+  const esbuildExternal = [
+    ...Object.keys(ministaPkg.dependencies || {}),
+    ...Object.keys(ministaPkg.devDependencies || {}),
+    ...Object.keys(ministaPkg.peerDependencies || {}),
+    ...Object.keys(userPkg.dependencies || {}),
+    ...Object.keys(userPkg.devDependencies || {}),
+    ...Object.keys(userPkg.peerDependencies || {}),
+    "*.css",
+    "*.scss",
+    "*.sass"
+  ];
+  await esBuild({
+    entryPoints,
+    outbase: buildOptions.outbase,
+    outdir: buildOptions.outdir,
+    outExtension: { ".js": ".mjs" },
+    bundle: true,
+    format: "esm",
+    platform: "node",
+    inject: [
+      path.resolve(__dirname + "/../lib/shim-react.js"),
+      path.resolve(__dirname + "/../lib/shim-fetch.js")
+    ],
+    external: esbuildExternal,
+    plugins: [
+      mdx(buildOptions.mdxConfig),
+      resolvePlugin({
+        "react/jsx-runtime": "react/jsx-runtime.js"
+      })
+    ]
+  }).catch(() => process.exit(1));
+}
+async function buildStaticPages(entryPoints, tempRootFilePath, buildOptions, assetsTagStr) {
+  const rootStaticContent = await buildRootEsmContent(tempRootFilePath);
+  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 filename = path.join(dirname, basename + ".html");
+    await buildStaticPage(entryPoint, filename, rootStaticContent, assetsTagStr);
+  }));
+}
+async function buildRootEsmContent(tempRootFilePath) {
+  const defaultRootEsmContent = {
+    component: Fragment,
+    staticData: { props: {} }
+  };
+  if (!tempRootFilePath) {
+    return defaultRootEsmContent;
+  } else {
+    const rootEsmContent = await import(tempRootFilePath);
+    const rootJsxContent = rootEsmContent.default ? rootEsmContent.default : Fragment;
+    const staticData = rootEsmContent.getStaticData ? await buildGlobalStaticData(rootEsmContent.getStaticData) : { props: {} };
+    return { component: rootJsxContent, staticData };
+  }
+}
+async function buildGlobalStaticData(getGlobalStaticData) {
+  const response = await getGlobalStaticData();
+  return response;
+}
+async function buildStaticPage(entryPoint, outFile, rootStaticContent, assetsTagStr) {
+  const pageEsmContent = await import(path.resolve(entryPoint));
+  const pageJsxContent = pageEsmContent.default;
+  const defaultStaticDataItem = { props: {}, paths: {} };
+  const staticData = pageEsmContent.getStaticData ? await buildStaticData(pageEsmContent.getStaticData) : void 0;
+  if (!staticData) {
+    const staticDataItem = defaultStaticDataItem;
+    return await buildHtmlPage(pageJsxContent, staticDataItem, outFile, rootStaticContent, assetsTagStr);
+  }
+  if ("props" in staticData && "paths" in staticData === false) {
+    const staticDataItem = __spreadValues(__spreadValues({}, defaultStaticDataItem), staticData);
+    return await buildHtmlPage(pageJsxContent, staticDataItem, outFile, rootStaticContent, assetsTagStr);
+  }
+  if ("paths" in staticData) {
+    const staticDataItem = __spreadValues(__spreadValues({}, defaultStaticDataItem), staticData);
+    let fixedOutfile = outFile;
+    for await (const [key, value] of Object.entries(staticDataItem.paths)) {
+      const reg = new RegExp("\\[" + key + "\\]", "g");
+      fixedOutfile = fixedOutfile.replace(reg, `${value}`);
+    }
+    return await buildHtmlPage(pageJsxContent, staticDataItem, fixedOutfile, rootStaticContent, assetsTagStr);
+  }
+  if (Array.isArray(staticData) && staticData.length > 0) {
+    const entryPoints = staticData;
+    await Promise.all(entryPoints.map(async (entryPoint2) => {
+      const staticDataItem = __spreadValues(__spreadValues({}, defaultStaticDataItem), entryPoint2);
+      let fixedOutfile = outFile;
+      for await (const [key, value] of Object.entries(staticDataItem.paths)) {
+        const reg = new RegExp("\\[" + key + "\\]", "g");
+        fixedOutfile = fixedOutfile.replace(reg, `${value}`);
+      }
+      return await buildHtmlPage(pageJsxContent, staticDataItem, fixedOutfile, rootStaticContent, assetsTagStr);
+    }));
+  }
+}
+async function buildStaticData(getStaticData) {
+  const response = await getStaticData();
+  return response;
+}
+async function buildHtmlPage(pageJsxContent, staticDataItem, routePath, rootStaticContent, assetsTagStr) {
+  const RootComponent = rootStaticContent.component;
+  const globalStaticData = rootStaticContent.staticData;
+  const PageComponent = pageJsxContent;
+  const staticProps = staticDataItem.props;
+  const html = await renderHtml(/* @__PURE__ */ React.createElement(RootComponent, __spreadValues(__spreadValues({}, globalStaticData == null ? void 0 : globalStaticData.props), staticProps), /* @__PURE__ */ React.createElement(PageComponent, __spreadValues(__spreadValues({}, globalStaticData == null ? void 0 : globalStaticData.props), staticProps))), assetsTagStr);
+  await fs.outputFile(routePath, html).then(() => {
+    console.log(`${pc.bold(pc.green("BUILD"))} ${pc.bold(routePath)}`);
+  }).catch((err) => {
+    console.error(err);
+  });
+}
+async function buildTempAssets(viteConfig, buildOptions) {
+  const customConfig = {
+    build: {
+      write: false,
+      rollupOptions: {
+        input: {
+          __minista_auto_bundle_asset_pages: path.resolve(__dirname + "/../dist/pages.js")
+        }
+      }
+    }
+  };
+  const mergedConfig = mergeConfig(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`;
+        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/)) {
+        return;
+      } else {
+        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);
+      }
+    });
+  }
+}
+async function buildAssetsTagStr(entryPoints, buildOptions) {
+  const assetsTags = entryPoints.map((entryPoint) => {
+    const assetPath = entryPoint.replace(buildOptions.outbase, buildOptions.outdir);
+    if (assetPath.endsWith(".css")) {
+      return `<link rel="stylesheet" href="/${assetPath}">`;
+    } else if (assetPath.endsWith(".js")) {
+      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)}`);
+    }
+  }).catch((err) => {
+    console.error(err);
+  });
+}
+export {
+  buildAssetsTagStr,
+  buildCopyDir,
+  buildGlobalStaticData,
+  buildHtmlPage,
+  buildRootEsmContent,
+  buildStaticData,
+  buildStaticPage,
+  buildStaticPages,
+  buildTempAssets,
+  buildTempPages
+};

package/dist/clean.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { HTMLBeautifyOptions } from "js-beautify";
+export declare function cleanHtmlPages(entryPoints: string[], options?: HTMLBeautifyOptions): Promise<void>;
+export declare function cleanHtmlPage(entryPoint: string, options?: HTMLBeautifyOptions): Promise<void>;

package/dist/clean.js ADDED Viewed

@@ -0,0 +1,25 @@
+import React from "react";
+import fs from "fs-extra";
+import pc from "picocolors";
+import beautify from "js-beautify";
+async function cleanHtmlPages(entryPoints, options = {
+  indent_size: 2,
+  max_preserve_newlines: 0
+}) {
+  await Promise.all(entryPoints.map(async (entryPoint) => {
+    await cleanHtmlPage(entryPoint, options);
+  }));
+}
+async function cleanHtmlPage(entryPoint, options) {
+  const html = await fs.readFile(entryPoint, "utf8");
+  const result = beautify.html(html, options);
+  await fs.outputFile(entryPoint, result).then(() => {
+    console.log(`${pc.bold(pc.blue("CLEAN"))} ${pc.bold(entryPoint)}`);
+  }).catch((err) => {
+    console.error(err);
+  });
+}
+export {
+  cleanHtmlPage,
+  cleanHtmlPages
+};

package/dist/cli.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};