docs: refactor

Author: bowencool

.browserslistrc

@@ -1,5 +1,5 @@
 > 1%
 last 2 versions
 not dead
+not ie 11
 not op_mini all
-not ie 11

.commitlintrc.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

.gitignore

@@ -1,37 +1,12 @@
-# compiled output
-dist/
-node_modules/
-/es
-/cjs
-
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-package-lock.json
-
-# OS
+.idea
+node_modules
 .DS_Store
-
-# Tests
-/coverage
-/.nyc_output
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
+dist/
+*.local
+lerna-debug.json
+lerna-debug.log
+yarn-error.log
+storybook-static
+coverage/
+cjs/
+es/

.prettierignore

@@ -0,0 +1 @@
+changelog.md

.prettierrc

@@ -0,0 +1,9 @@
+module.exports = {
+  singleQuote: true,
+  trailingComma: 'all',
+  printWidth: 120,
+  proseWrap: 'never',
+  endOfLine: 'lf',
+  htmlWhitespaceSensitivity: 'ignore',
+  vueIndentScriptAndStyle: true,
+};

.prettierrc.js

@@ -1,14 +1,28 @@
+// console.log('babel config');
+const { resolve } = require('path');
+const { compilerOptions } = require('./tsconfig.json');
+
+const projectRootDir = __dirname;
+
+const alias = {};
+
+Object.entries(compilerOptions.paths).forEach(([key, [value]]) => {
+  alias[key.replace(/\/\*$/, '')] = resolve(projectRootDir, compilerOptions.baseUrl || '.', value.replace(/\/\*$/, ''));
+});
+
 module.exports = {
+  // exclude: '**/node_modules/**',
   presets: [
     [
       '@babel/env',
       {
         corejs: 3,
         useBuiltIns: 'usage',
         loose: true,
-        modules: false,
+        modules: process.env.NODE_ENV === 'test' && 'auto',
       },
     ],
+    '@babel/typescript',
   ],
   plugins: [
     [
@@ -18,5 +32,18 @@ module.exports = {
         version: '^7.15.3',
       },
     ],
+    [
+      '@vue/babel-plugin-jsx',
+      {
+        enableObjectSlots: true,
+      },
+    ],
+    [
+      'module-resolver',
+      {
+        root: ['./'],
+        alias,
+      },
+    ],
   ],
-};
+};

babel.config.js

@@ -0,0 +1,8 @@
+import pkg from '../package.json';
+
+export const replacement = {
+  'process.env.npm_package_version': JSON.stringify(process.env.npm_package_version || pkg.version),
+  // 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+};
+
+// export const alias

build/common.config.js

@@ -0,0 +1,47 @@
+// import esbuild from 'rollup-plugin-esbuild';
+import { resolve } from 'path';
+import vue from 'rollup-plugin-vue'; // 处理vue文件
+import babel from '@rollup/plugin-babel';
+import typescript from 'rollup-plugin-typescript2';
+import postcss from 'rollup-plugin-postcss';
+// import styles from 'rollup-plugin-styles';
+import replace from '@rollup/plugin-replace';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import pkg from '../package.json';
+import { replacement } from './common.config';
+
+export const INPUT_PATH = resolve(__dirname, '../packages');
+
+const deps = Object.keys(pkg.peerDependencies || {})
+  .concat(Object.keys(pkg.dependencies))
+  .concat(Object.keys(pkg.devDependencies))
+  .concat([/node_modules/]);
+
+const genBaseConfig = ({ ts } = {}) => {
+  /**
+   * @type {import('rollup').RollupOptions}
+   */
+  const config = {
+    external: deps,
+    plugins: [
+      replace({ values: replacement, preventAssignment: true }),
+      // vue({
+      //   exposeFilename: true,
+      //   // preprocessStyles: true,
+      // }),
+      // postcss({
+      //   extract: true,
+      // }),
+      typescript({ ...ts, tsconfig: resolve(__dirname, '../tsconfig.build.json') }),
+      babel({
+        babelHelpers: 'runtime',
+        skipPreflightCheck: true,
+        extensions: ['.js', '.mjs', '.jsx', '.ts', '.tsx', '.vue'],
+      }),
+      nodeResolve(),
+    ],
+  };
+  return config;
+};
+
+export default genBaseConfig;

build/rollup.config.base.js

@@ -0,0 +1,42 @@
+import { defineConfig } from 'rollup';
+import genBaseConfig, { INPUT_PATH } from './rollup.config.base';
+
+const name = 'asyncUtilities';
+const banner = `/*!
+* ${process.env.npm_package_name} v${process.env.npm_package_version}
+*/`;
+
+const componentsConfig = defineConfig([
+  {
+    ...genBaseConfig(),
+    input: `${INPUT_PATH}/index.ts`,
+    output: [
+      {
+        // file: 'es/index.js',
+        dir: 'es',
+        format: 'es',
+        preserveModules: true,
+        preserveModulesRoot: 'packages',
+        banner,
+        name,
+      },
+    ],
+  },
+  {
+    ...genBaseConfig(),
+    input: `${INPUT_PATH}/index.ts`,
+    output: [
+      {
+        // file: 'es/index.js',
+        dir: 'cjs',
+        format: 'cjs',
+        preserveModules: true,
+        preserveModulesRoot: 'packages',
+        banner,
+        name,
+      },
+    ],
+  },
+]);
+
+export default componentsConfig;

build/rollup.config.comps.js

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+  <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Demo1008</title>
+    <!-- <link rel="stylesheet" href="/Users/zhaobowen/Codes/bowencool/async-utilities/website/.vitepress/theme/custom.scss"> -->
+    
+    <script type="module" crossorigin src="/async-utilities/assets/Demo1008.e1f1d55f.js"></script>
+    <link rel="stylesheet" href="/async-utilities/assets/Demo1008.7a56c0f8.css">
+  </head>
+  <body>
+    
+  </body>
+  </html>

docs/-demos/Demo1008.html

@@ -0,0 +1 @@
+body{margin:0}