ice-lab · luhc228 · Mar 27, 2023 · Mar 27, 2023 · Mar 27, 2023 · Mar 28, 2023
diff --git a/.changeset/curly-cheetahs-hear.md b/.changeset/curly-cheetahs-hear.md
@@ -0,0 +1,6 @@
+---
+'@ice/pkg': patch
+---
+
+feat: support modify swc compile options
+feat: enable `externalHelpers` config by default
diff --git a/.changeset/fair-carrots-matter.md b/.changeset/fair-carrots-matter.md
@@ -0,0 +1,5 @@
+---
+'@ice/remark-react-docgen-docusaurus': major
+---
+
+feat: init plugin
diff --git a/.changeset/gorgeous-frogs-repair.md b/.changeset/gorgeous-frogs-repair.md
@@ -0,0 +1,5 @@
+---
+'@ice/pkg-plugin-rax-component': patch
+---
+
+chore: use Plugin type instead of deprecated PkgPlugin type
diff --git a/.changeset/lemon-keys-turn.md b/.changeset/lemon-keys-turn.md
@@ -0,0 +1,5 @@
+---
+'@ice/pkg-plugin-docusaurus': patch
+---
+
+fix: can not render two components in one mdx file
diff --git a/.changeset/light-kangaroos-doubt.md b/.changeset/light-kangaroos-doubt.md
@@ -0,0 +1,5 @@
+---
+'@ice/pkg': patch
+---
+
+fix: can not parse jsx/js file
diff --git a/.changeset/unlucky-radios-tease.md b/.changeset/unlucky-radios-tease.md
@@ -0,0 +1,5 @@
+---
+'@ice/pkg': patch
+---
+
+feat: add bundle.polyfill config
diff --git a/.changeset/violet-lobsters-behave.md b/.changeset/violet-lobsters-behave.md
@@ -0,0 +1,5 @@
+---
+'@ice/pkg': patch
+---
+
+fix: some es2017 syntax is not compatible with safari 10.1
diff --git a/.eslintignore b/.eslintignore
@@ -14,6 +14,7 @@ packages/**/es/
 packages/**/esnext/
 packages/**/esm/
 packages/**/es2017/
+packages/**/cjs/
 packages/**/build/
 packages/build-plugin-component/*/template
 app/main_dist/

diff --git a/.gitignore b/.gitignore
@@ -31,6 +31,7 @@ packages/*/es/
 /packages/**/es
 /packages/**/esnext
 /packages/**/es2017
+/packages/**/cjs
 /packages/**/esm
 **/node_modules
 /.pnpm-debug.log

diff --git a/examples/application/webpack.config.js b/examples/application/webpack.config.js
@@ -4,7 +4,7 @@ module.exports = {
     minimize: false,
   },
   resolve: {
-    conditionNames: ['esnext'],
+    conditionNames: ['es2017'],
   },
   entry: './index.js',
   module: {

diff --git a/examples/icejs3/ice.config.mts b/examples/icejs3/ice.config.mts
@@ -0,0 +1,16 @@
+import { defineConfig } from '@ice/app';
+
+// The project config, see https://v3.ice.work/docs/guide/basic/config
+const minify = process.env.NODE_ENV === 'production' ? 'swc' : false;
+export default defineConfig(() => ({
+  // Set your configs here.
+  minify,
+  server: {
+    // onDemand: true,
+    format: 'esm',
+  },
+  webpack: (webpackConfig) => {
+    webpackConfig.resolve.conditionNames = ['es2017', '...'];
+    return webpackConfig;
+  },
+}));
diff --git a/examples/icejs3/package.json b/examples/icejs3/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@ice/lite-scaffold",
+  "version": "0.1.0",
+  "description": "ice.js 3 lite 模板",
+  "dependencies": {
+    "@ice/runtime": "^1.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "example-pkg-react-component": "workspace:*"
+  },
+  "devDependencies": {
+    "@ice/app": "^3.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/node": "^18.11.17",
+    "typescript": "^4.9.5"
+  },
+  "scripts": {
+    "start": "ice start",
+    "build": "ice build"
+  },
+  "private": true,
+  "originTemplate": "@ice/lite-scaffold"
+}
diff --git a/examples/icejs3/src/app.ts b/examples/icejs3/src/app.ts
@@ -0,0 +1,6 @@
+import { defineAppConfig } from 'ice';
+
+// App config, see https://v3.ice.work/docs/guide/basic/app
+export default defineAppConfig(() => ({
+}));
+
diff --git a/examples/icejs3/src/assets/logo.png b/examples/icejs3/src/assets/logo.png
diff --git a/examples/icejs3/src/document.tsx b/examples/icejs3/src/document.tsx
@@ -0,0 +1,21 @@
+import { Meta, Title, Links, Main, Scripts } from 'ice';
+
+export default function Document() {
+  return (
+    <html>
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="description" content="ice.js 3 lite scaffold" />
+        <link rel="icon" href="/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+        <Meta />
+        <Title />
+        <Links />
+      </head>
+      <body>
+        <Main />
+        <Scripts />
+      </body>
+    </html>
+  );
+}
diff --git a/examples/icejs3/src/global.css b/examples/icejs3/src/global.css
@@ -0,0 +1,8 @@
+:root {
+  --primary: #3178f6;
+  --bg-primary: white;
+}
+
+body {
+  margin: 0;
+}
diff --git a/examples/icejs3/src/pages/index.module.css b/examples/icejs3/src/pages/index.module.css
@@ -0,0 +1,46 @@
+.app {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+}
+
+.app > header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+} 
+
+.app > header > img {
+  width: 120px;
+}
+
+.app > header > p {
+  margin: 20px 0;
+  text-align: center;
+  font-size: 2.6rem;
+}
+
+.app > main {
+  display: flex;
+  flex-direction: column;
+  margin: 20px 0 10px;
+  font-size: 0.9rem;
+}
+
+.link {
+  font-size: 1.2rem;
+  color: var(--primary);
+}
+
+.button {
+  outline: none;
+  border: none;
+  border-radius: 8px;
+  padding: 10px 35px;
+  background: var(--primary);
+  box-shadow: 0 5px 10px 0 #ddd;
+  color: white;
+  font-size: calc(10px + 2vmin);
+}
diff --git a/examples/icejs3/src/pages/index.tsx b/examples/icejs3/src/pages/index.tsx
@@ -0,0 +1,19 @@
+import logo from '@/assets/logo.png';
+import styles from './index.module.css';
+import { Button } from 'example-pkg-react-component';
+
+export default function Home() {
+  return (
+    <div className={styles.app}>
+      <header>
+        <img src={logo} alt="logo" />
+        <p>
+          Hello ice.js 3
+        </p>
+      </header>
+      <main>
+        <Button>Normal Button</Button>
+      </main>
+    </div>
+  );
+}
diff --git a/examples/icejs3/src/typings.d.ts b/examples/icejs3/src/typings.d.ts
@@ -0,0 +1 @@
+/// <reference types="@ice/app/types" />
diff --git a/examples/icejs3/tsconfig.json b/examples/icejs3/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["DOM", "ESNext", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": false,
+    "importHelpers": true,
+    "strictNullChecks": true,
+    "suppressImplicitAnyIndexErrors": true,
+    "skipLibCheck": true,
+    "paths": {
+      "@/*": ["./src/*"],
+      "ice": [".ice"]
+    }
+  },
+  "include": ["src", ".ice"],
+  "exclude": ["build"]
+}
diff --git a/examples/plugin/src/index.ts b/examples/plugin/src/index.ts
@@ -28,6 +28,9 @@ const plugin: Plugin = (api) => {
     config.modifyStylesOptions.push((options) => {
       return options;
     });
+    config.modifySwcCompileOptions = (originOptions) => {
+      return originOptions;
+    };
   };
 
   onGetConfig(TaskName.BUNDLE_ES2017, bundleTaskCallback);

diff --git a/examples/plugin/tsconfig.json b/examples/plugin/tsconfig.json
@@ -1,9 +1,12 @@
 {
-  "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "baseUrl": "./",
-    "rootDir": "src",
-    "outDir": "lib"
+    "module": "ESNext",
+    "target": "ESNext",
+    "jsx": "react",
+    "moduleResolution": "node",
+    "lib": ["ESNext"],
+    "outDir": "lib",
+    "skipLibCheck": true
   },
-  "include": ["src"]
+  "include": ["src"],
 }
diff --git a/examples/rax-component/docs/usage.md b/examples/rax-component/docs/usage.md
@@ -4,14 +4,15 @@ sidebar_label: 用法
 
 本 Demo 演示一行文字的用法。
 
-```jsx preview
+```tsx preview
+import { createElement } from 'rax';
 import ExampleRaxComponent from 'example-rax-component';
 import styles from './usage.module.css';
 
 export default function App () {
   return (
     <div className={styles.usageContainer}>
-      <ExampleRaxComponent />
+      <ExampleRaxComponent title="XYZ" />
     </div>
   )
 }

diff --git a/examples/rax-component/tsconfig.json b/examples/rax-component/tsconfig.json
@@ -5,14 +5,13 @@
     "jsx": "preserve",
     "jsxFactory": "createElement",
     "moduleResolution": "node",
-    "lib": ["ES2017", "DOM"],
-    "sourceMap": true,
-    "allowJs": true,
-    "noUnusedLocals": true,
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-    "noImplicitAny": true,
+    "lib": ["ES2017", "DOM", "DOM.Iterable"],
+    "strict": true,
     "skipLibCheck": true,
+    "paths": {
+      "example-rax-component": ["./src"],
+      "example-rax-component/*": ["./src/*"]
+    },
     "types": ["vitest/globals"]
   },
   "include": ["src", "tests"],

diff --git a/examples/react-component/build.config.mts b/examples/react-component/build.config.mts
@@ -3,7 +3,15 @@ import { defineConfig } from '@ice/pkg';
 // https://pkg.ice.work/reference/config-list
 export default defineConfig({
   plugins: [
-    ['@ice/pkg-plugin-docusaurus'],
+    [
+      '@ice/pkg-plugin-docusaurus',
+      {
+        remarkPlugins: [
+          "require('@ice/remark-react-docgen-docusaurus')",
+          // "[require('remark-react-docgen'), {}]",
+        ],
+      },
+    ],
     ['@ice/pkg-plugin-jsx-plus'],
   ],
   transform: {

diff --git a/examples/react-component/docs/button.md b/examples/react-component/docs/button.md
@@ -0,0 +1,46 @@
+# Button 组件
+
+## 何时使用
+
+这是一段 Button 组件使用描述
+
+## 代码演示
+
+### 按钮类型
+
+按钮有两种视觉层次：主按钮、普通按钮。不同的类型可以用来区别按钮的重要程度。可以通过 `type` 属性置顶不同的视觉。
+
+```tsx preview
+import * as React from 'react';
+import { Button } from 'example-pkg-react-component';
+
+export default function App () {
+  return (
+    <div>
+      <Button loading={false}>Normal</Button>
+      <Button type="primary" loading={false}>Primary</Button>
+    </div>
+  )
+}
+```
+
+### 添加事件
+
+可以通过 `onClick` 设置点击按钮后的事件回调函数。
+
+```tsx preview
+import * as React from 'react';
+import { Button } from 'example-pkg-react-component';
+
+export default function App () {
+  return (
+    <div>
+      <Button onClick={() => alert('Hello World')}>Normal</Button>
+    </div>
+  )
+}
+```
+
+## API
+
+<ReactDocgenProps path="../src/components/Button/index.tsx"></ReactDocgenProps>
diff --git a/examples/react-component/docs/index.md b/examples/react-component/docs/index.md
@@ -1,6 +1,7 @@
 ---
-sidebar_label: 首页
+sidebar_label: 快速开始
 sidebar_position: 0
+title: 快速开始
 ---
 
 import Readme from '../README.md';