react-native-chart-kit 6.12.1 → 7.0.0-next.0

package/package.json

@@ -1,77 +1,124 @@
 {
   "name": "react-native-chart-kit",
-  "version": "6.12.1",
+  "version": "7.0.0-next.0",
+  "workspaces": [
+    "packages/*",
+    "apps/expo-showcase"
+  ],
   "devDependencies": {
-    "@types/react": "16.14.8",
-    "@types/react-native": "^0.62.13",
-    "babel-eslint": "10.x",
-    "babel-plugin-module-resolver": "^3.1.1",
-    "babel-polyfill": "^6.26.0",
-    "eslint": "6.x",
-    "eslint-config-react-app": "^5.0.2",
-    "eslint-plugin-flowtype": "^4.3.0",
-    "eslint-plugin-import": "2.x",
-    "eslint-plugin-jsx-a11y": "6.x",
-    "eslint-plugin-react": "7.x",
-    "eslint-plugin-react-hooks": "1.x",
-    "expo": "^37.0.0",
-    "husky": "^3.0.7",
-    "jest-expo": "^37.0.0",
-    "prettier": "^1.18.2",
-    "pretty-quick": "^1.11.1",
-    "react": "16.9.0",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
-    "react-native-flash-message": "^0.1.10",
-    "react-native-scrollable-tab-view": "^1.0.0",
-    "react-native-svg": "11.0.1",
-    "react-test-renderer": "16.7.0",
-    "typescript": "^5.4.5"
+    "@eslint/js": "^9.39.4",
+    "@playwright/test": "^1.59.1",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.5.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.4.0",
+    "prettier": "^3.8.3",
+    "react": "^19.2.5",
+    "react-native": "^0.83.9",
+    "react-native-gesture-handler": "~2.28.0",
+    "react-native-svg": "^15.15.4",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.59.1",
+    "vitest": "^4.1.5"
   },
-  "_main": "./node_modules/expo/AppEntry.js",
   "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "typings": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "scripts/chartkit-codemod.mjs"
   ],
+  "bin": {
+    "chartkit-codemod": "./scripts/chartkit-codemod.mjs"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
-    "start": "expo start",
-    "eject": "expo eject",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "test": "jest",
-    "typecheck": "tsc --noEmit",
-    "build": "tsc",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "surface:check": "node scripts/verify-public-surface.mjs && node scripts/verify-package-boundaries.mjs && node scripts/verify-pro-preview-imports.mjs",
+    "boundaries:check": "node scripts/verify-package-boundaries.mjs",
+    "pack:check": "node scripts/check-package-packs.mjs",
+    "test": "npm run typecheck && npm run test:unit && npm run test:compat",
+    "test:unit": "vitest run --exclude \"packages/**/test/compat/**/*.test.ts\"",
+    "test:visual": "npm run visual:test",
+    "test:compat": "vitest run packages/core/test/compat",
+    "test:e2e": "npm run e2e:test",
+    "typecheck": "tsc --noEmit && npm run core:typecheck && npm run svg:typecheck && npm run skia:typecheck && npm run pro:typecheck && npm run rn:typecheck && npm run showcase:typecheck",
+    "core:typecheck": "tsc -p packages/core/tsconfig.json --noEmit && tsc -p packages/core/tsconfig.test.json --noEmit",
+    "core:build": "tsc -p packages/core/tsconfig.json",
+    "svg:typecheck": "tsc -p packages/svg-renderer/tsconfig.json --noEmit && tsc -p packages/svg-renderer/tsconfig.test.json --noEmit",
+    "svg:build": "tsc -p packages/svg-renderer/tsconfig.json",
+    "skia:typecheck": "tsc -p packages/skia-renderer/tsconfig.json --noEmit && tsc -p packages/skia-renderer/tsconfig.test.json --noEmit",
+    "skia:build": "tsc -p packages/skia-renderer/tsconfig.json",
+    "skia:parity": "vitest run packages/skia-renderer/test/skia-renderer.test.ts packages/react-native/test/line-renderer.test.ts packages/react-native/test/bar-renderer.test.ts packages/react-native/test/pie-renderer.test.ts packages/react-native/test/progress-renderer.test.ts packages/react-native/test/contribution-renderer.test.ts packages/react-native/test/combined-renderer.test.ts packages/react-native/test/candlestick-renderer.test.ts",
+    "pro:typecheck": "tsc -p packages/pro/tsconfig.json --noEmit && tsc -p packages/pro/tsconfig.test.json --noEmit",
+    "pro:build": "tsc -p packages/pro/tsconfig.json",
+    "rn:typecheck": "tsc -p packages/react-native/tsconfig.json --noEmit && tsc -p packages/react-native/tsconfig.test.json --noEmit",
+    "rn:build": "tsc -p packages/react-native/tsconfig.build.json",
+    "benchmark": "npm run benchmark:core-geometry && npm run benchmark:showcase-interaction",
+    "benchmark:core-geometry": "node scripts/benchmark-core-line.mjs",
+    "benchmark:core-line": "node scripts/benchmark-core-line.mjs",
+    "benchmark:showcase-interaction": "npm run showcase:build && playwright test -c apps/expo-showcase/benchmark.config.ts",
+    "showcase": "npm --workspace @chart-kit/expo-showcase run web --",
+    "showcase:build": "npm --workspace @chart-kit/expo-showcase run web:build",
+    "showcase:typecheck": "npm --workspace @chart-kit/expo-showcase run typecheck",
+    "expo:typecheck": "npm --workspace @chart-kit/expo-showcase run typecheck",
+    "visual:test": "npm run showcase:build && playwright test -c apps/expo-showcase/playwright.config.ts",
+    "visual:update": "npm run showcase:build && playwright test -c apps/expo-showcase/playwright.config.ts --update-snapshots",
+    "e2e:test": "npm run showcase:build && playwright test -c apps/expo-showcase/playwright.config.ts apps/expo-showcase/visual/chart-interaction.spec.ts",
+    "example:ios": "npm --workspace @chart-kit/expo-showcase run ios --",
+    "example:android": "npm --workspace @chart-kit/expo-showcase run android --",
+    "example:expo": "npm --workspace @chart-kit/expo-showcase run start --",
+    "example:rn-cli:typecheck": "tsc -p examples/rn-cli-basic/tsconfig.json --noEmit",
+    "native:release": "node scripts/run-expo-native-release-check.mjs --platform all",
+    "native:release:android": "node scripts/run-expo-native-release-check.mjs --platform android",
+    "native:release:ios": "node scripts/run-expo-native-release-check.mjs --platform ios",
+    "native:release:dry-run": "node scripts/run-expo-native-release-check.mjs --platform all --dry-run",
+    "release:native-workflow:record": "node scripts/record-native-workflow-evidence.mjs",
+    "release:qa:checklists": "node scripts/generate-native-qa-checklists.mjs",
+    "release:qa:checklists:check": "node scripts/generate-native-qa-checklists.mjs --check",
+    "release:qa:record": "node scripts/record-native-qa-evidence.mjs",
+    "release:owner:record": "node scripts/record-owner-gate-decision.mjs",
+    "release:gate": "node scripts/check-release-gates.mjs --strict",
+    "release:gate:report": "node scripts/check-release-gates.mjs",
+    "docs:build": "node scripts/docs-build.mjs && node scripts/typecheck-doc-examples.mjs",
+    "codemod:v1-to-v2": "node scripts/chartkit-codemod.mjs v1-to-v2",
+    "clean": "node scripts/clean-dist.mjs",
+    "build": "npm run clean && npm run core:build && npm run svg:build && npm run skia:build && npm run pro:build && npm run rn:build && tsc",
     "dev": "tsc --watch",
-    "prepare": "npm run build"
-  },
-  "jest": {
-    "preset": "jest-expo"
+    "prepare": "npm run build && husky"
   },
   "peerDependencies": {
-    "react": "> 16.7.0",
-    "react-native": ">= 0.50.0",
-    "react-native-svg": "> 6.4.1"
+    "react": ">=19.2.0 <20",
+    "react-native": ">=0.83 <1",
+    "react-native-gesture-handler": ">=2.28.0 <3",
+    "react-native-svg": ">=15.13.0 <16"
   },
   "dependencies": {
-    "lodash": "^4.17.13",
-    "paths-js": "^0.4.10",
-    "point-in-polygon": "^1.0.1"
+    "paths-js": "^0.4.11"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "pretty-quick --staged"
-    }
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,md,yml,yaml}": "prettier --write"
+  },
+  "engines": {
+    "node": ">=20.19.4"
   },
   "license": "MIT",
   "homepage": "https://github.com/indiespirit/react-native-chart-kit",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/indiespirit/react-native-chart-kit.git"
-  },
-  "overrides": {
-    "@types/react": "16.14.8"
-  },
-  "resolutions": {
-    "@types/react": "16.14.8"
   }
 }

package/scripts/chartkit-codemod.mjs

@@ -0,0 +1,256 @@
+#!/usr/bin/env node
+import { readdir, readFile, stat, writeFile } from "node:fs/promises";
+import path from "node:path";
+import process from "node:process";
+import { pathToFileURL } from "node:url";
+
+export const legacyChartComponents = [
+  "LineChart",
+  "BarChart",
+  "StackedBarChart",
+  "PieChart",
+  "ProgressChart",
+  "ContributionGraph"
+];
+
+const sourceExtensions = new Set([".js", ".jsx", ".ts", ".tsx"]);
+const ignoredDirectoryNames = new Set([
+  ".git",
+  ".tmp",
+  "build",
+  "dist",
+  "node_modules"
+]);
+const unsupportedLegacyProps = [
+  "decorator",
+  "getDotProps",
+  "renderDotContent",
+  "tooltipDataAttrs"
+];
+
+export const importsReactNativeChartKit = (source) =>
+  /from\s+["']react-native-chart-kit["']/.test(source) ||
+  /require\(\s*["']react-native-chart-kit["']\s*\)/.test(source);
+
+const getImportedLegacyComponents = (source) => {
+  const imported = new Set();
+  const namedImportPattern =
+    /import\s+\{(?<names>[^}]+)\}\s+from\s+["']react-native-chart-kit["']/g;
+  let match;
+
+  while ((match = namedImportPattern.exec(source)) !== null) {
+    const names = match.groups?.names ?? "";
+
+    for (const name of names.split(",")) {
+      const localName = name
+        .trim()
+        .split(/\s+as\s+/i)
+        .at(-1)
+        ?.trim();
+
+      if (localName && legacyChartComponents.includes(localName)) {
+        imported.add(localName);
+      }
+    }
+  }
+
+  const requirePattern =
+    /(?:const|let|var)\s+\{(?<names>[^}]+)\}\s*=\s*require\(\s*["']react-native-chart-kit["']\s*\)/g;
+
+  while ((match = requirePattern.exec(source)) !== null) {
+    const names = match.groups?.names ?? "";
+
+    for (const name of names.split(",")) {
+      const localName = name
+        .trim()
+        .split(/\s*:\s*/)
+        .at(-1)
+        ?.trim();
+
+      if (localName && legacyChartComponents.includes(localName)) {
+        imported.add(localName);
+      }
+    }
+  }
+
+  return imported;
+};
+
+const getLineNumber = (source, index) =>
+  source.slice(0, index).split("\n").length;
+
+const collectWarnings = ({ filePath, source }) => {
+  const warnings = [];
+
+  for (const prop of unsupportedLegacyProps) {
+    const pattern = new RegExp(`\\b${prop}\\s*=`, "g");
+    let match;
+
+    while ((match = pattern.exec(source)) !== null) {
+      warnings.push({
+        filePath,
+        line: getLineNumber(source, match.index),
+        message: `${prop} is preserved, but should be manually reviewed for the modern composable API.`
+      });
+    }
+  }
+
+  if (
+    /import\s+\*\s+as\s+\w+\s+from\s+["']react-native-chart-kit["']/.test(
+      source
+    )
+  ) {
+    warnings.push({
+      filePath,
+      line: 1,
+      message:
+        "Namespace imports are detected but not rewritten; review ChartKit.LineChart-style usages manually."
+    });
+  }
+
+  return warnings;
+};
+
+export const transformV1ToV2Source = (source) => {
+  if (!importsReactNativeChartKit(source)) {
+    return {
+      changed: false,
+      source
+    };
+  }
+
+  const importedComponents = getImportedLegacyComponents(source);
+
+  if (importedComponents.size === 0) {
+    return {
+      changed: false,
+      source
+    };
+  }
+
+  const componentAlternation = [...importedComponents].join("|");
+  const openingTagPattern = new RegExp(
+    `<(?<name>${componentAlternation})(?<attrs>\\s[^<>]*?)?(?<closing>\\/?)>`,
+    "g"
+  );
+  const nextSource = source.replace(
+    openingTagPattern,
+    (fullMatch, name, attrs = "", closing) => {
+      if (/\bcompatibility\s*=/.test(attrs)) {
+        return fullMatch;
+      }
+
+      return `<${name} compatibility="v1"${attrs}${closing}>`;
+    }
+  );
+
+  return {
+    changed: nextSource !== source,
+    source: nextSource
+  };
+};
+
+const collectSourceFiles = async (entry) => {
+  const absolutePath = path.resolve(entry);
+  const entryStat = await stat(absolutePath);
+
+  if (entryStat.isFile()) {
+    return sourceExtensions.has(path.extname(absolutePath))
+      ? [absolutePath]
+      : [];
+  }
+
+  if (!entryStat.isDirectory()) {
+    return [];
+  }
+
+  const children = await readdir(absolutePath, { withFileTypes: true });
+  const nested = await Promise.all(
+    children.map((child) => {
+      if (child.isDirectory() && ignoredDirectoryNames.has(child.name)) {
+        return [];
+      }
+
+      return collectSourceFiles(path.join(absolutePath, child.name));
+    })
+  );
+
+  return nested.flat();
+};
+
+const runV1ToV2 = async ({ check, entries }) => {
+  const files = (await Promise.all(entries.map(collectSourceFiles))).flat();
+  const changedFiles = [];
+  const warnings = [];
+
+  for (const filePath of files) {
+    const source = await readFile(filePath, "utf8");
+    const result = transformV1ToV2Source(source);
+
+    warnings.push(...collectWarnings({ filePath, source }));
+
+    if (!result.changed) {
+      continue;
+    }
+
+    changedFiles.push(filePath);
+
+    if (!check) {
+      await writeFile(filePath, result.source, "utf8");
+    }
+  }
+
+  return {
+    changedFiles,
+    checkedFiles: files.length,
+    warnings
+  };
+};
+
+const printUsage = () => {
+  console.log(`Usage:
+  chartkit-codemod v1-to-v2 <path...> [--check]
+
+Examples:
+  npx chartkit-codemod v1-to-v2 ./src
+  npx chartkit-codemod v1-to-v2 ./src --check`);
+};
+
+export const runCli = async (argv) => {
+  const [, , command, ...rest] = argv;
+  const check = rest.includes("--check");
+  const entries = rest.filter((item) => item !== "--check");
+
+  if (command !== "v1-to-v2" || entries.length === 0) {
+    printUsage();
+    return 1;
+  }
+
+  const result = await runV1ToV2({ check, entries });
+
+  for (const warning of result.warnings) {
+    console.warn(
+      `${path.relative(process.cwd(), warning.filePath)}:${warning.line}: ${warning.message}`
+    );
+  }
+
+  const action = check ? "would update" : "updated";
+  console.log(
+    `chartkit-codemod v1-to-v2 checked ${result.checkedFiles} files; ${action} ${result.changedFiles.length}.`
+  );
+
+  for (const filePath of result.changedFiles) {
+    console.log(`- ${path.relative(process.cwd(), filePath)}`);
+  }
+
+  return check && result.changedFiles.length > 0 ? 1 : 0;
+};
+
+const invokedUrl = process.argv[1]
+  ? pathToFileURL(path.resolve(process.argv[1])).href
+  : "";
+
+if (import.meta.url === invokedUrl) {
+  const exitCode = await runCli(process.argv);
+  process.exit(exitCode);
+}

package/dist/AbstractChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbstractChart.d.ts","sourceRoot":"","sources":["../src/AbstractChart.tsx"],"names":[],"mappings":"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"}