内置工具包built-in

埋点

内置工具包built-in
埋点
23388ad9 · haiyoucuv · cdd98fc5 · 23388ad9 · 23388ad9 · 23388ad9
Commit 23388ad9 authored Oct 25, 2024 by haiyoucuv
26 changed files
--- a/package.json
+++ b/package.json
@@ -17,6 +17,8 @@
    "@babel/plugin-proposal-class-properties": "^7.18.6",
    "@babel/plugin-proposal-decorators": "^7.25.9",
    "@eslint/js": "^9.13.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
    "@vitejs/plugin-react": "^4.3.3",
    "eslint": "^9.13.0",
    "eslint-plugin-react-hooks": "^5.0.0",

--- a/packages/built-in/index.html
+++ b/packages/built-in/index.html
@@ -8,6 +8,6 @@
  </head>
  <body>
    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/index.tsx"></script>
  </body>
 </html>
--- a/packages/built-in/package.json
+++ b/packages/built-in/package.json
 {
  "name": "@grace/built-in",
  "private": true,
-  "version": "0.0.1",
+  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",

--- a/packages/built-in/src/main.tsx
+++ b/packages/built-in/src/main.tsx
--- a/packages/built-in/vite.config.ts
+++ b/packages/built-in/vite.config.ts
@@ -12,7 +12,7 @@ export default defineConfig(({ mode }): UserConfig => {
        build: {
            sourcemap: isDev,
            lib: {
-                entry: "./src/main.tsx",
+                entry: "./src/index.tsx",
                name: 'builtIn',
                fileName: 'index',
            },
@@ -29,7 +29,7 @@ export default defineConfig(({ mode }): UserConfig => {
        },
        plugins: [
            react(),
-            dts({ rollupTypes: true, tsconfigPath: './tsconfig.app.json' })
+            dts({ tsconfigPath: './tsconfig.app.json' })
        ],
        css: {
            preprocessorOptions: {

--- a/packages/svgaplayer/index.html
+++ b/packages/svgaplayer/index.html
@@ -8,6 +8,6 @@
  </head>
  <body>
    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/index.tsx"></script>
  </body>
 </html>
--- a/packages/svgaplayer/package.json
+++ b/packages/svgaplayer/package.json
 {
  "name": "@grace/svgaplayer",
  "private": true,
-  "version": "0.0.1",
+  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -15,5 +15,9 @@
  "types": "dist/index.d.ts",
  "dependencies": {
    "svga": "^2.1.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
  }
 }
--- a/packages/svgaplayer/src/components/SvgaPlayer.tsx
+++ b/packages/svgaplayer/src/components/SvgaPlayer.tsx
--- a/packages/svgaplayer/src/main.tsx
+++ b/packages/svgaplayer/src/main.tsx
 export * from './components/SvgaPlayer'
 export * from './utils/loader'
\ No newline at end of file
--- a/packages/svgaplayer/tsconfig.json
+++ b/packages/svgaplayer/tsconfig.json
 {
-  "compilerOptions": {
-    "composite": false
-  },
  "files": [],
  "references": [
    { "path": "./tsconfig.app.json" },

--- a/packages/svgaplayer/vite.config.ts
+++ b/packages/svgaplayer/vite.config.ts
@@ -12,7 +12,7 @@ export default defineConfig(({ mode }): UserConfig => {
        build: {
            sourcemap: isDev,
            lib: {
-                entry: "./src/main.tsx",
+                entry: "./src/index.tsx",
                name: 'SvgaPlayer',
                fileName: 'index',
            },
@@ -31,7 +31,7 @@ export default defineConfig(({ mode }): UserConfig => {
        },
        plugins: [
            react(),
-            dts({ rollupTypes: true, tsconfigPath: './tsconfig.app.json' })
+            dts({ tsconfigPath: './tsconfig.app.json' })
        ],
        css: {
            preprocessorOptions: {

--- a/packages/ui/.gitignore
+++ b/packages/ui/.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+node_modules
+dist
+dist-ssr
+*.local
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/packages/ui/README.md
+++ b/packages/ui/README.md
--- a/packages/ui/eslint.config.js
+++ b/packages/ui/eslint.config.js
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+export default tseslint.config(
+  { ignores: ['dist'] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ['**/*.{ts,tsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+)
--- a/packages/ui/index.html
+++ b/packages/ui/index.html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
+{
+  "name": "@grace/ui",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build:watch": "tsc -b && vite build -w --mode development",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "svga": "^2.1.1"
+  }
+}
--- a/packages/ui/src/components/Button/Button.tsx
+++ b/packages/ui/src/components/Button/Button.tsx
+import React, { HTMLAttributes, CSSProperties, MouseEventHandler, ReactElement, useState } from "react";
+export interface IBaseButtonProps {
+  className?: string;
+}
+type MergedHTMLAttributes = Omit<
+  HTMLAttributes<HTMLDivElement>,
+  'onPause'
+>;
+interface IButtonProps extends IBaseButtonProps, MergedHTMLAttributes {
+}
+/**
+ * @return ReactElement
+ * @constructor
+ * @param props
+ */
+export const Button = (props: IButtonProps): ReactElement => {
+  const {
+    children,
+    className,
+    onClick = () => void 0,
+    style = {}
+  } = props;
+  const [scale, setScale] = useState("unset");
+  const onTouchStart = () => {
+    setScale("scale(0.9,0.9)");
+  };
+  const onTouchEnd = () => {
+    setScale("unset");
+  };
+  const onTouchCancel = onTouchEnd;
+  return <div
+    className={className}
+    onTouchStart={onTouchStart}
+    onTouchEnd={onTouchEnd}
+    onTouchCancel={onTouchCancel}
+    onClick={onClick}
+    style={{
+      transitionDuration: "0.5s",
+      transform: scale,
+      ...style,
+    }}
+  >
+    {children}
+  </div>;
+};
--- a/packages/ui/src/index.module.less
+++ b/packages/ui/src/index.module.less
--- a/packages/ui/src/index.tsx
+++ b/packages/ui/src/index.tsx
--- a/packages/ui/src/vite-env.d.ts
+++ b/packages/ui/src/vite-env.d.ts
+/// <reference types="vite/client" />
--- a/packages/ui/tsconfig.app.json
+++ b/packages/ui/tsconfig.app.json
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "declaration": true,
+    "sourceMap": true,
+  },
+  "include": ["src"]
+}
--- a/packages/ui/tsconfig.json
+++ b/packages/ui/tsconfig.json
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
--- a/packages/ui/tsconfig.node.json
+++ b/packages/ui/tsconfig.node.json
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "ES2023",
+      "dom"
+    ],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    /* Linting */
+    "strict": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}
--- a/packages/ui/vite.config.ts
+++ b/packages/ui/vite.config.ts
+import { defineConfig, UserConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import dts from 'vite-plugin-dts';
+// https://vite.dev/config/
+export default defineConfig(({ mode }): UserConfig => {
+    const isDev = mode == "development";
+    return {
+        build: {
+            sourcemap: isDev,
+            lib: {
+                entry: "./src/index.tsx",
+                name: 'UI',
+                fileName: 'index',
+            },
+            cssTarget: 'chrome61',
+            rollupOptions: {
+                // 确保外部化处理那些你不想打包进库的依赖
+                external: ['react', 'react-dom', "react/jsx-runtime"],
+                output: {
+                    // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+                    globals: {
+                        React: 'react',
+                        "react-dom": 'react-dom',
+                    },
+                },
+            },
+        },
+        plugins: [
+            react(),
+            dts({ rollupTypes: true, tsconfigPath: './tsconfig.app.json' })
+        ],
+        css: {
+            preprocessorOptions: {
+                less: {
+                    javascriptEnabled: true,
+                },
+            },
+            modules: {
+                localsConvention: 'camelCase'
+            }
+        }
+    }
+})
--- a/playground/package.json
+++ b/playground/package.json
@@ -13,7 +13,7 @@
    "@csstools/normalize.css": "^12.1.1",
    "@grace/built-in": "workspace:^",
    "@grace/svgaplayer": "workspace:^",
-    "@spark/ui": "^2.1.28",
+    "@grace/ui": "workspace:^",
    "@types/node": "^22.7.6",
    "axios": "^1.7.7",
    "chalk": "^5.3.0",

--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml