[v8] migrate to monorepo

Author: Pessimistress

.eslintignore

@@ -1,5 +1,6 @@
 dist/
 node_modules/
-test/src/utils/mapbox-gl-mock/*.js
+test/
+modules/**/test/
 **/vite.config.js
 examples/vite.config.local.js

.eslintrc.cjs

@@ -1,4 +1,4 @@
-const {getESLintConfig} = require('ocular-dev-tools/configuration');
+const {getESLintConfig} = require('@vis.gl/dev-tools/configuration');
 
 module.exports = getESLintConfig({
   react: '16.8.2',
@@ -25,12 +25,14 @@ module.exports = getESLintConfig({
           '@typescript-eslint/no-unsafe-member-access': 0,
           '@typescript-eslint/no-unsafe-assignment': 0,
           'import/named': 0,
-          '@typescript-eslint/no-empty-function': ['warn', {allow: ['arrowFunctions']}],
-          '@typescript-eslint/restrict-template-expressions': 0,
           '@typescript-eslint/explicit-module-boundary-types': 0,
           '@typescript-eslint/no-unsafe-return': 0,
           '@typescript-eslint/no-unsafe-call': 0,
-          '@typescript-eslint/restrict-plus-operands': 0
+          '@typescript-eslint/restrict-plus-operands': 0,
+          '@typescript-eslint/no-explicit-any': 0,
+          '@typescript-eslint/no-unsafe-argument': 0,
+          '@typescript-eslint/no-shadow': 1,
+          '@typescript-eslint/no-redundant-type-constituents': 1
         }
       }
     ]

.github/workflows/release.yml

@@ -6,31 +6,58 @@ on:
       - v*
 
 jobs:
-  release-notes:
-    runs-on: ubuntu-22.04
+  check_branch:
+    runs-on: ubuntu-latest
+    outputs:
+      should_build: ${{ steps.permitted.outputs.result }}
 
-    if: github.repository_owner == 'visgl'
+    steps:
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
+
+      - name: Fetch remote branches
+        run: |
+          git fetch origin --depth=1
 
+      - name: Check if on permitted branch
+        id: permitted
+        run: |
+          result=
+          if git branch -a --contains $GITHUB_SHA | grep -q 'remotes/origin/master$'; then
+            result=true
+          elif git branch -a --contains $GITHUB_SHA | grep -q 'remotes/origin/.*-release$'; then
+            result=true
+          fi
+          echo "result=${result}" >> "$GITHUB_OUTPUT"
+
+  release:
+    runs-on: ubuntu-latest
+    needs: check_branch
     permissions:
       contents: write
 
+    if: ${{ github.repository_owner == 'visgl' && needs.check_branch.outputs.should_build }}
+
     env:
       GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      NPM_ACCESS_TOKEN: ${{ secrets.NPM_ACCESS_TOKEN }}
 
     steps:
       - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
-
-      - name: Use Node.js
-        uses: actions/setup-node@8f152de45cc393bb48ce5d89d36b731f54556e65 # v4.0.0
+      - uses: volta-cli/action@2d68418f32546fd191eb666e232b321d5726484d # v4.1.1
         with:
-          node-version: '18.x'
+          cache: 'yarn'
 
-      - name: Publish release
-        run: |
-          body=$(node scripts/github-release.js) &&
-          curl \
-            -X POST \
-            -H "Accept: application/vnd.github.v3+json" \
-            https://api.github.com/repos/visgl/react-map-gl/releases \
-            -d "${body}" \
-            -H "Authorization: token ${GITHUB_TOKEN}"
+      - name: Install dependencies
+        run: yarn
+
+      - name: Build packages
+        run: npm run build
+      
+      - name: Run tests from transpiled code
+        run: npx ocular-test dist
+
+      - name: Login to NPM
+        run: npm config set "//registry.npmjs.org/:_authToken=${NPM_ACCESS_TOKEN}"
+
+      - name: Publish to NPM
+        run: npx ocular-publish from-git

.github/workflows/test.yml

@@ -13,11 +13,9 @@ jobs:
 
     steps:
       - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
-
-      - name: Use Node.js
-        uses: actions/setup-node@8f152de45cc393bb48ce5d89d36b731f54556e65 # v4.0.0
+      - uses: volta-cli/action@2d68418f32546fd191eb666e232b321d5726484d # v4.1.1
         with:
-          node-version: '18.x'
+          cache: "yarn"
 
       - name: Install dependencies
         run: |
@@ -27,6 +25,7 @@ jobs:
         env:
           VITE_MAPBOX_TOKEN: ${{ secrets.MAPBOX_ACCESS_TOKEN_CI }}
         run: |
+          yarn lint
           yarn test ci
 
       - name: Coveralls

.gitignore

@@ -9,9 +9,11 @@ npm-debug.log
 package-lock.json
 examples/**/yarn.lock
 test/**/yarn.lock
-*/**/package-lock.json
+**/package-lock.json
+**/tsconfig.tsbuildinfo
 yarn-error.log
 .DS_Store
 .reify-cache
+tsconfig.tsbuildinfo
 
 .idea

.ocularrc.js

@@ -1,20 +1,17 @@
+/** @typedef {import('@vis.gl/dev-tools').OcularConfig} OcularConfig */
 import {resolve} from 'path';
 
+/** @type {OcularConfig} */
 export default {
   lint: {
-    paths: ['src', 'test', 'examples']
+    paths: ['modules', 'test', 'examples']
   },
 
-  typescript: {
-    project: 'tsconfig.build.json'
+  coverage: {
+    test: 'browser'
   },
 
   aliases: {
-    'react-map-gl/test': resolve('./test'),
-    'react-map-gl': resolve('./src')
-  },
-  nodeAliases: {
-    'react-dom': resolve('./test/src/utils/react-dom-mock.js')
   },
 
   browserTest: {
@@ -24,6 +21,10 @@ export default {
   entry: {
     test: 'test/node.js',
     'test-browser': 'test/browser.js',
-    size: ['test/size/all.js', 'test/size/map.js']
+    size: [
+      'test/size/mapbox-legacy.js',
+      'test/size/maplibre.js',
+      'test/size/mapbox.js'
+    ]
   }
 };

babel.config.cjs

@@ -3,9 +3,7 @@ import {createRoot} from 'react-dom/client';
 import {ArcLayer} from '@deck.gl/layers/typed';
 import {DeckProps, PickingInfo} from '@deck.gl/core/typed';
 import {MapboxOverlay} from '@deck.gl/mapbox/typed';
-import {useControl} from 'react-map-gl';
-
-import Map, {NavigationControl} from 'react-map-gl';
+import Map, {useControl, NavigationControl} from 'react-map-gl';
 
 const TOKEN = ''; // Set your mapbox token here
 

examples/deckgl-overlay/src/app.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-function ControlPanel(props) {
+function ControlPanel() {
   return (
     <div className="control-panel">
       <h3>Geocoder</h3>

examples/geocoder/src/control-panel.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-function ControlPanel(props) {
+function ControlPanel() {
   return (
     <div className="control-panel">
       <h3>3D Terrain</h3>