One

.changeset/fuzzy-drinks-invite.md

@@ -0,0 +1,5 @@
+---
+'leva': patch
+---
+
+fix: respect ts null reference

.eslintrc.json

@@ -1,10 +1,33 @@
 {
-  "extends": "react-app",
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "extends": ["react-app"],
   "rules": {
-    "no-console": "warn"
+    "import/no-duplicates": "error",
+    "import/order": [
+      "warn",
+      {
+        "newlines-between": "always",
+        "groups": ["builtin", "external", "internal", ["parent", "sibling"], "index", "object", "type"],
+        "pathGroups": [
+          {
+            "pattern": "@/**",
+            "group": "internal"
+          }
+        ],
+        "pathGroupsExcludedImportTypes": ["type"]
+      }
+    ],
+    "no-console": "warn",
+    "import/no-relative-packages": "error"
   },
-  "plugins": ["cypress"],
-  "env": {
-    "cypress/globals": true
-  }
+  "overrides": [
+    {
+      "files": ["packages/**"],
+      "excludedFiles": "*.stories.*",
+      "rules": {
+        "import/no-extraneous-dependencies": ["error"]
+      }
+    }
+  ]
 }

.github/workflows/main.yml

@@ -1,65 +1,61 @@
 name: CI
+
 on:
   push:
+    branches:
+      - main
     paths:
-      - '.github/**'
-      - 'packages/**'
-      - 'package.json'
-      - 'yarn.lock'
-      - '!demo/**'
-      - '!docs/**'
-      - '!**.md'
-      - '!.changeset/**'
+      - '**/package.json'
+      - '.changeset/**'
+      - '.github/workflows/release.yml'
+
+env:
+  CI: true
 jobs:
-  build:
-    name: Build, lint, and test
+  version:
+    timeout-minutes: 8
     runs-on: ubuntu-latest
-
     steps:
-      - name: Checkout repo
+      - name: checkout code repository
         uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
 
       - name: Use Node
         uses: actions/setup-node@v2
         with:
-          node-version: '14'
+          node-version: '16'
 
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
-
-      - uses: actions/cache@v2
-        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      - name: Install dependencies
-        run: yarn --silent
-
-      - name: Check types
-        run: yarn tsc
+            ${{ runner.os }}-
 
-      - name: Check formatting
-        run: yarn prettier
-
-      - name: Lint files
-        run: yarn lint:full
-
-      - uses: actions/cache@v2
-        name: Setup Yarn build cache
-        id: yarn-build-cache
+      - uses: pnpm/[email protected]
         with:
-          path: packages/**/dist
-          key: ${{ runner.os }}-yarn-build-${{ hashFiles('packages/') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-build-
-
-      - name: Yarn build without cache
-        if: steps.yarn-build-cache.outputs.cache-hit != 'true'
-        run: yarn build
-
-      - name: Cypress run
-        run: yarn ci:test
+          version: 7.1.0
+          run_install: true
+
+      - name: Set up NPM credentials
+        run: echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Create versions PR & prepare publish
+        id: changesets
+        uses: changesets/action@master
+        # if: github.ref == 'refs/heads/master'
+        with:
+          version: pnpm ci:version
+          publish: pnpm ci:publish
+          # Messages
+          commit: 'chore(deploy): Release'
+          title: 'chore(deploy): Release'
+        env:
+          # npm publish token required for publishing. Set this in secrets
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          # automatically available in actions
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release.yml

@@ -8,46 +8,53 @@ on:
       - '**/package.json'
       - '.changeset/**'
       - '.github/workflows/release.yml'
-
+env:
+  HUSKY: 0 # Bypass husky commit hook for CI
 jobs:
-  release:
-    name: Release
+  version:
+    timeout-minutes: 8
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Repo
+      - name: checkout code repository
         uses: actions/checkout@v2
         with:
-          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
       - name: Use Node
         uses: actions/setup-node@v2
         with:
-          node-version: '14'
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
+          node-version: '16'
 
-      - uses: actions/cache@v2
-        id: yarn-cache
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-
+
+      - uses: pnpm/[email protected]
+        with:
+          version: 6.9.1
+          run_install: true
 
-      - name: Install dependencies
-        run: yarn install --silent
+      - name: Set up NPM credentials
+        run: echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
-      - name: Create Release Pull Request or Publish to npm
+      - name: Create versions PR & prepare publish
         id: changesets
-        uses: changesets/action@v1
+        uses: changesets/action@master
+        # if: github.ref == 'refs/heads/master'
         with:
-          version: yarn ci:version
-          publish: yarn ci:release
-          commit: 'chore(release): update monorepo packages versions'
-          title: 'Upcoming Release Changes'
+          version: pnpm ci:version
+          publish: pnpm ci:publish
+          # Messages
+          commit: 'chore(deploy): Release'
+          title: 'chore(deploy): Release'
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          # npm publish token required for publishing. Set this in secrets
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          # automatically available in actions
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.husky/pre-commit

@@ -1,4 +1,4 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
 
-npm run lint
+npm run lint && npm run tsc

.npmrc

@@ -0,0 +1,2 @@
+auto-install-peers = true
+node-linker = hoisted

.storybook/main.js

@@ -15,7 +15,7 @@ module.exports = {
     // Return the altered config
     return config
   },
-  typescript: {
-    reactDocgen: 'none', // temp fix for TS 4.3.2
+  features: {
+    postcss: false
   },
 }

babel.config.js

@@ -10,7 +10,12 @@ module.exports = {
         },
       },
     ],
-    '@babel/preset-react',
+    [
+      '@babel/preset-react',
+      {
+        runtime: 'automatic',
+      },
+    ],
     '@babel/preset-typescript',
   ],
 }