chore: optimizing the build toolchain

.browserslistrc

@@ -0,0 +1,7 @@
+# docs: https://github.com/browserslist/browserslist
+# see https://browsersl.ist/#q=defaults
+
+defaults
+partially supports es6-module
+iOS >= 10
+ChromeAndroid >= 49

.eslintrc.cjs

@@ -0,0 +1,129 @@
+// see docs: https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  ignorePatterns: [
+    'node_modules',
+    //
+    '.commitlintrc.cjs',
+    '.eslintrc.cjs',
+    '.lintstagedrc.mjs',
+    'babel.config.mjs',
+    'rollup.config.mjs',
+    'vite.config.mjs',
+    //
+    'packages/g-devtool',
+    'packages/g-webgpu-compiler',
+    'packages/site',
+    //
+    'build',
+    'coverage',
+    'esm',
+    'lib',
+    'dist',
+    'rust',
+    '__tests__',
+    'scripts',
+    'types',
+  ],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'airbnb',
+    'airbnb/hooks',
+    'airbnb-typescript',
+    'plugin:prettier/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: './tsconfig.json',
+  },
+  plugins: ['eslint-plugin-tsdoc', 'jest'],
+  root: true,
+  env: {
+    node: true,
+    browser: true,
+    'jest/globals': true,
+  },
+  rules: {
+    'import/no-cycle': 'warn',
+    'import/no-duplicates': 'warn',
+    'class-methods-use-this': 'warn',
+    'no-plusplus': [
+      'warn',
+      {
+        allowForLoopAfterthoughts: true,
+      },
+    ],
+    'no-restricted-globals': 'warn',
+    'no-continue': 'warn',
+    'no-multi-assign': 'warn',
+    'no-cond-assign': 'warn',
+    'no-return-assign': 'warn',
+    'no-new': 'warn',
+    'new-cap': 'warn',
+    'default-case': 'warn',
+    'consistent-return': 'warn',
+    'prefer-regex-literals': 'warn',
+    'guard-for-in': 'warn',
+    'no-underscore-dangle': 'off',
+    'no-fallthrough': 'off',
+    'no-empty': 'off',
+    'no-param-reassign': 'off',
+    'no-redeclare': 'off',
+    'no-useless-escape': 'off',
+    'no-case-declarations': 'off',
+    'no-constant-condition': 'off',
+    'import/prefer-default-export': 'off',
+    'prefer-destructuring': 'off',
+    'no-restricted-syntax': 'off',
+    'no-bitwise': 'off',
+    //
+    '@typescript-eslint/naming-convention': 'warn',
+    '@typescript-eslint/no-explicit-any': 'warn',
+    '@typescript-eslint/no-unsafe-member-access': 'warn',
+    '@typescript-eslint/no-unsafe-assignment': 'warn',
+    '@typescript-eslint/no-unsafe-return': 'warn',
+    '@typescript-eslint/no-unsafe-argument': 'warn',
+    '@typescript-eslint/no-unsafe-call': 'warn',
+    '@typescript-eslint/no-unsafe-function-type': 'warn',
+    '@typescript-eslint/no-unsafe-enum-comparison': 'warn',
+    '@typescript-eslint/no-redundant-type-constituents': 'warn',
+    '@typescript-eslint/no-floating-promises': 'warn',
+    '@typescript-eslint/no-misused-promises': [
+      'warn',
+      {
+        checksConditionals: false,
+      },
+    ],
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      { args: 'none', ignoreRestSiblings: true },
+    ],
+    '@typescript-eslint/no-unused-expressions': 'warn',
+    '@typescript-eslint/no-base-to-string': 'warn',
+    '@typescript-eslint/no-use-before-define': [
+      'error',
+      { functions: false, classes: false },
+    ],
+    '@typescript-eslint/no-redeclare': ['error'],
+    '@typescript-eslint/restrict-template-expressions': 'warn',
+    '@typescript-eslint/return-await': 'warn',
+    '@typescript-eslint/default-param-last': 'warn',
+    '@typescript-eslint/prefer-promise-reject-errors': 'off',
+    '@typescript-eslint/no-empty-object-type': 'off',
+    '@typescript-eslint/no-empty-interface': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-shadow': 'off',
+    '@typescript-eslint/no-parameter-properties': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/no-invalid-this': 'off',
+    // not found
+    '@typescript-eslint/lines-between-class-members': 'off',
+    '@typescript-eslint/no-throw-literal': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    //
+    'tsdoc/syntax': 'warn',
+  },
+  globals: { G: true, window: true, document: true, module: true },
+};

.gitignore

@@ -33,6 +33,7 @@ jspm_packages/
 
 # TypeScript v1 declaration files
 typings/
+types/
 
 # Optional npm cache directory
 .npm

.prettierrc.yml

@@ -0,0 +1,10 @@
+# see docs: https://prettier.io/docs/en/configuration.html
+
+semi: true
+singleQuote: true
+trailingComma: 'all'
+bracketSpacing: true
+arrowParens: 'always'
+printWidth: 80
+proseWrap: 'never'
+endOfLine: 'auto'

__tests__/demos/bugfix/1747.ts

@@ -1,6 +1,6 @@
-import { Text, Path, Rect } from '@antv/g';
+import { Canvas, Text, Path, Rect } from '@antv/g';
 
-export async function test_pick(context) {
+export async function test_pick(context: { canvas: Canvas }) {
   const { canvas } = context;
   await canvas.ready;
 
@@ -20,7 +20,8 @@ export async function test_pick(context) {
       x: 300,
       y: 300,
       cursor: 'pointer',
-      // transform: 'rotate(45)',
+      transform: 'rotate(45)',
+      transformOrigin: 'center',
     },
   });
   console.log(text.getBounds());
@@ -38,7 +39,7 @@ export async function test_pick(context) {
   test(path, 'fill');
 
   canvas.appendChild(text);
-  // canvas.appendChild(path);
+  canvas.appendChild(path);
 
   const { x, y, width, height } = text.getBBox();
   const rect = new Rect({
@@ -54,5 +55,5 @@ export async function test_pick(context) {
   });
   test(rect, 'stroke');
 
-  // canvas.appendChild(rect);
+  canvas.appendChild(rect);
 }

babel.config.mjs

@@ -0,0 +1,37 @@
+// See https://babeljs.io/docs/en/configuration
+
+export default {
+  assumptions: {
+    privateFieldsAsProperties: true,
+    setPublicClassFields: true,
+  },
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        // Exclude transforms that make all code slower
+        exclude: ['transform-typeof-symbol'],
+      },
+    ],
+    '@babel/preset-typescript',
+    '@babel/preset-react',
+  ],
+  plugins: [
+    [
+      '@babel/plugin-transform-typescript',
+      {
+        allowDeclareFields: true,
+      },
+    ],
+    // https://babeljs.io/docs/en/babel-plugin-transform-runtime
+    [
+      '@babel/plugin-transform-runtime',
+      {
+        // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+        // explicitly resolving to match the provided helper functions.
+        // https://github.com/babel/babel/issues/10261
+        version: '7.25.6',
+      },
+    ],
+  ],
+};

package.json

@@ -9,13 +9,14 @@
   "scripts": {
     "dev": "vite",
     "demo": "http-server -c-1 -o ./demo/",
-    "build": "pnpm -r --sequential --if-present run build",
+    "build:types": "pnpm --recursive --sequential --if-present run build:types",
+    "build": "pnpm --recursive --sequential --if-present run build",
     "bundle-viz": "cross-env BUNDLE_VIS=1 PACKAGE=g npm run build",
     "contributor": "git-contributor",
     "cov": "jest --config jest.config.js --coverage",
     "doc": "dumi dev",
-    "eslint": "eslint --ext .ts,.js ./packages --quiet",
-    "eslint-fix": "eslint --fix --ext .ts,.js ./packages",
+    "eslint": "eslint ./packages --config=.eslintrc.cjs --ext=.ts,.js --quiet --cache --cache-location=node_modules/.cache/.eslintcache",
+    "eslint-fix": "eslint ./packages --config=.eslintrc.cjs --fix --ext=.ts,.js",
     "limit-size": "limit-size",
     "lint": "npm run eslint",
     "lint-staged": "lint-staged",
@@ -47,27 +48,40 @@
   },
   "devDependencies": {
     "@antv/util": "^3.3.5",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-runtime": "^7.25.4",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
     "@changesets/cli": "^2.26.2",
     "@commitlint/cli": "^8.3.6",
     "@commitlint/config-angular": "^9.1.2",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^6.0.1",
+    "@rollup/plugin-strip": "^3.0.4",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.5",
     "@types/fs-extra": "^11.0.4",
     "@types/jest": "^29.5.10",
     "@types/node": "^16.18.64",
     "@types/pixelmatch": "^5.2.6",
     "@types/pngjs": "^6.0.4",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
+    "@typescript-eslint/eslint-plugin": "^8.8.1",
+    "@typescript-eslint/parser": "^8.8.1",
     "case-police": "^0.5.14",
-    "cross-env": "^6.0.3",
+    "cross-env": "^7.0.3",
     "d3": "^7.8.5",
     "d3-force-3d": "^3.0.3",
-    "eslint": "^7.32.0",
-    "eslint-plugin-jest": "24.3.6",
+    "eslint": "^8.57.1",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jest": "^28.8.3",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-tsdoc": "~0.2.17",
     "fs-extra": "^11.2.0",
     "get-pixels": "3.3.3",
     "git-contributor": "~1.0.11",
@@ -89,12 +103,11 @@
     "playwright": "latest",
     "pngjs": "^6.0.0",
     "portfinder": "^1.0.32",
-    "prettier": "^2.8.8",
+    "prettier": "3.2.5",
     "rimraf": "^4.4.1",
     "rollup": "^3.29.4",
+    "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-glslify": "^1.2.1",
-    "rollup-plugin-polyfill-node": "^0.8.0",
-    "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-visualizer": "^5.9.2",
     "simplex-noise": "^3.0.0",
     "sinon": "^11.1.2",

packages/g-camera-api/package.json

@@ -20,29 +20,32 @@
   "author": "https://github.com/orgs/antvis/people",
   "sideEffects": true,
   "exports": {
-    "types": "./dist/index.d.ts",
+    "types": "./types/index.d.ts",
     "import": "./dist/index.esm.js",
     "default": "./dist/index.js"
   },
   "main": "dist/index.js",
   "unpkg": "dist/index.umd.min.js",
   "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "types": "types/index.d.ts",
   "files": [
     "package.json",
     "dist",
+    "types",
     "LICENSE",
     "README.md"
   ],
   "scripts": {
-    "build": "npm run clean && rollup -c",
+    "build:types": "tsc --emitDeclarationOnly --noCheck",
+    "build": "npm run clean && npm run build:types && rollup -c",
     "clean": "rimraf dist",
     "sync": "tnpm sync",
     "watch": "rollup -c -w"
   },
   "dependencies": {
     "@antv/g-lite": "workspace:*",
     "@antv/util": "^3.3.5",
+    "@babel/runtime": "^7.25.6",
     "gl-matrix": "^3.4.3",
     "tslib": "^2.5.3"
   },