Infra: Switch monorepo tooling to wireit and pnpm

.eslintignore

@@ -9,3 +9,4 @@ artifacts
 tmp
 demo/rn
 **/*.d.ts
+.wireit

.eslintrc.js

@@ -75,8 +75,8 @@ module.exports = {
           },
         ],
         "no-invalid-this": "off",
+        "@typescript-eslint/no-explicit-any": "off",
         "@typescript-eslint/no-invalid-this": ["error"],
-
         "@typescript-eslint/no-non-null-assertion": "off",
         "@typescript-eslint/no-unsafe-argument": "off",
         "@typescript-eslint/no-unsafe-assignment": "off",

.github/workflows/chromatic.yml

@@ -19,38 +19,42 @@ jobs:
         with:
           fetch-depth: 0
 
-      - uses: actions/setup-node@v2
+      - name: Use Node.js
+        uses: actions/setup-node@v1
         with:
+          # TODO: Upgrade Node version.
+          # Node18 currently hits `Error: error:0308010C:digital envelope routines::unsupported`
+          # https://github.com/storybookjs/storybook/issues/16555
+          # When we upgrade to webpack5 this should go away.
           node-version: 16.x
 
-      - name: Get Yarn Cache Directory Path
-        id: cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
+      # Wireit cache
+      - uses: google/wireit@setup-github-actions-caching/v1
 
-      - name: Use Yarn Cache
-        uses: actions/cache@v2
-        id: cache
+      - uses: pnpm/action-setup@v2.2.2
         with:
-          path: ${{ steps.cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('./yarn.lock') }}
+          version: 7
 
-      - name: Set Yarn to Ignore Engines
-        run: yarn config set ignore-engines true
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
-      - name: Installation
-        run: yarn --prefer-offline --frozen-lockfile --non-interactive
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
 
-      - name: Build Package Libs
-        run: yarn nps build-package-libs
+      - name: Install dependencies
+        run: pnpm install
 
       - name: Build Storybook
-        run: yarn build-storybook
+        run: pnpm run storybook:build
 
       - name: Publish to Chromatic
         uses: chromaui/action@v1
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-
-      - name: Remove Yarn Config to Ignore Engines
-        run: yarn config delete ignore-engines

.github/workflows/ci.yml

@@ -28,31 +28,41 @@ jobs:
         node-version: [14.x, 16.x, 18.x]
     steps:
       - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
         with:
           node-version: ${{ matrix.node-version }}
 
-      - name: Get Yarn Cache Directory Path
-        id: cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
+      # Wireit cache
+      - uses: google/wireit@setup-github-actions-caching/v1
 
-      - name: Use Yarn Cache
-        uses: actions/cache@v2
-        id: cache
+      - uses: pnpm/action-setup@v2.2.2
         with:
-          path: ${{ steps.cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ matrix.node-version }}-${{ hashFiles('./yarn.lock') }}
-
-      - name: Set Yarn to Ignore Engines
-        run: yarn config set ignore-engines true
+          version: 7
 
-      - name: Installation ${{ matrix.node-version }}
-        run: yarn --prefer-offline --frozen-lockfile --non-interactive
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        run: echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
-      - name: Check Code ${{ matrix.node-version }}
-        uses: GabrielBB/xvfb-action@v1
+      - name: Setup pnpm cache
+        uses: actions/cache@v3
         with:
-          run: yarn nps check.ci
+          path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install
 
-      - name: Remove Yarn Config to Ignore Engines
-        run: yarn config delete ignore-engines
+      - name: Check all package.json's and tsconfig.json's are in sync.
+        run: |
+          pnpm sync
+          git diff --no-ext-diff --quiet --exit-code
+
+      - name: Build libraries and distributions ${{ matrix.node-version }}
+        run: pnpm build
+
+      - name: Check Code ${{ matrix.node-version }}
+        run: pnpm check:ci

.gitignore

@@ -37,6 +37,7 @@ dist
 lib
 es
 node_modules
+.pnpm-debug.log*
 npm-debug.log*
 lerna-debug.log*
 yarn-error.log*
@@ -46,6 +47,10 @@ build-storybook.log*
 artifacts
 tmp
 
+# Wireit + caches
+.wireit
+.eslintcache
+
 # Ignore all yarn2+
 .yarn/*
 .yarnrc*

.npmrc

@@ -0,0 +1,3 @@
+# TODO(dependencies): Remove this and properly deal with all peerDeps
+# https://github.com/FormidableLabs/victory/issues/2236
+strict-peer-dependencies=false

.prettierignore

@@ -6,6 +6,7 @@ lib-vendor
 es
 packages/victory-vendor/d3-*
 node_modules
+.pnpm-debug.log*
 npm-debug.log*
 lerna-debug.log*
 yarn-error.log*
@@ -15,4 +16,6 @@ tsconfig.json
 tsconfig.*.json
 storybook-static
 public
+artifacts
 .expo
+.wireit

.storybook/main.js

@@ -1,19 +1,36 @@
-var path = require("path");
+/* globals __dirname:false */
+const path = require("path");
+const glob = require("glob");
+const ROOT = path.resolve(__dirname, "..");
+const PKGS = path.resolve(ROOT, "packages");
+const STORIES = path.resolve(ROOT, "stories");
+
 module.exports = {
+  webpackFinal: async (config) => {
+    // Read all the victory packages and alias.
+    glob.sync(path.join(PKGS, "victory*/package.json"))
+      .forEach((pkgPath) => {
+        const key = path.dirname(path.relative(PKGS, pkgPath));
+        config.resolve.alias[key] = path.resolve(path.dirname(pkgPath));
+      });
+
+    return config;
+  },
   addons: [
     "@storybook/addon-options/register",
     {
       name: "@storybook/addon-storysource",
       options: {
         rule: {
           test: [/\.stories\.(jsx?|tsx?)$/],
-          include: [path.resolve(__dirname, "../stories")],
+          include: [STORIES],
         },
         loaderOptions: {
           prettierConfig: { printWidth: 80, singleQuote: false },
         },
       },
     },
   ],
-  stories: ["../**/*.stories.(js|jsx|ts|tsx)"],
+  // Use glob to locate the stories, because it ignores our circular dependencies.
+  stories: glob.sync("../**/*.stories.@(js|jsx|ts|tsx)", { cwd: __dirname }),
 };