feat: Move to ES modules, upgrade dev-tools (#2681)

.eslintrc.cjs

@@ -0,0 +1,125 @@
+const {getESLintConfig} = require('ocular-dev-tools/configuration');
+
+// Make any changes to default config here
+const config = getESLintConfig({
+  overrides: {
+    // To make import assertions work
+    parser: '@babel/eslint-parser',
+    parserOptions: {
+      project: ['./tsconfig.json'],
+      requireConfigFile: false,
+      babelOptions: {
+        plugins: ['@babel/plugin-syntax-import-assertions']
+      }
+    },
+    env: {
+      browser: true,
+      es2020: true,
+      node: true
+    },
+
+    rules: {
+      indent: 0,
+      'import/no-unresolved': 0,
+      'no-console': 1,
+      'no-continue': ['warn'],
+      'callback-return': 0,
+      'max-depth': ['warn', 4],
+      complexity: ['warn'],
+      'max-statements': ['warn'],
+      'default-case': ['warn'],
+      'no-eq-null': ['warn'],
+      eqeqeq: ['warn'],
+      radix: 0
+      // 'accessor-pairs': ['error', {getWithoutSet: false, setWithoutGet: false}]
+    },
+
+    overrides: [
+      {
+        files: ['**/*.ts', '**/*.tsx', '**/*.d.ts'],
+        rules: {
+          // For parquet module
+          '@typescript-eslint/no-non-null-assertion': 0,
+          '@typescript-eslint/no-non-null-asserted-optional-chain': 0,
+          '@typescript-eslint/no-floating-promises': 0,
+          // Gradually enable
+          '@typescript-eslint/ban-ts-comment': 0,
+          '@typescript-eslint/ban-types': 0,
+          '@typescript-eslint/no-unsafe-member-access': 0,
+          '@typescript-eslint/no-unsafe-assignment': 0,
+          '@typescript-eslint/no-var-requires': 0,
+          '@typescript-eslint/no-unused-vars': [
+            'warn',
+            {vars: 'all', args: 'none', ignoreRestSiblings: false}
+          ],
+          // We still have some issues with import resolution
+          'import/named': 0,
+          'import/no-extraneous-dependencies': 0, // ['warn'], disable for test folder only...
+          // Warn instead of error
+          // 'max-params': ['warn'],
+          // 'no-undef': ['warn'],
+          // camelcase: ['warn'],
+          // '@typescript-eslint/no-floating-promises': ['warn'],
+          // '@typescript-eslint/await-thenable': ['warn'],
+          // '@typescript-eslint/no-misused-promises': ['warn'],
+          '@typescript-eslint/no-empty-function': 0,
+          // We use function hoisting
+          '@typescript-eslint/no-use-before-define': 0,
+          // We always want explicit typing, e.g `field: string = ''`
+          '@typescript-eslint/no-inferrable-types': 0,
+          '@typescript-eslint/restrict-template-expressions': 0,
+          '@typescript-eslint/explicit-module-boundary-types': 0,
+          '@typescript-eslint/require-await': 0,
+          '@typescript-eslint/no-unsafe-return': 0,
+          '@typescript-eslint/no-unsafe-call': 0,
+          '@typescript-eslint/no-empty-interface': 0,
+          '@typescript-eslint/restrict-plus-operands': 0
+        }
+      },
+      {
+        // scripts use devDependencies
+        files: ['*worker*.js', '**/worker-utils/**/*.js'],
+        env: {
+          browser: true,
+          es2020: true,
+          node: true,
+          worker: true
+        }
+      },
+      // tests are run with aliases set up in node and webpack.
+      // This means lint will not find the imported files and generate false warnings
+      {
+        // scripts use devDependencies
+        files: ['**/test/**/*.js', '**/scripts/**/*.js', '*.config.js', '*.config.local.js'],
+        rules: {
+          'import/no-unresolved': 0,
+          'import/no-extraneous-dependencies': 0
+        }
+      },
+      {
+        files: ['examples/**/*.js'],
+        rules: {
+          'import/no-unresolved': 0
+        }
+      }
+    ],
+
+    settings: {
+      // Ensure eslint finds typescript files
+      'import/resolver': {
+        node: {
+          extensions: ['.js', '.jsx', '.mjs', '.ts', '.tsx']
+        }
+      }
+    }
+  }
+});
+
+// config.overrides[1].parserOptions = {
+//   project: ['./tsconfig.json']
+// };
+
+// Uncomment to log the eslint config
+// console.debug(JSON.stringify(config, null, 2));
+
+module.exports = config;

.ocularrc.js

@@ -0,0 +1,37 @@
+import {resolve} from 'path';
+
+export default {
+  aliases: {
+    test: resolve('./test')
+  },
+
+  typescript: {
+    project: 'tsconfig.build.json'
+  },
+
+  bundle: {
+    globalName: 'loader',
+    externals: ['fs', 'path', 'util', 'events', 'stream', 'crypto', 'http', 'https'],
+    target: ['supports async-functions', 'not dead'],
+    format: 'umd',
+    globals: {
+      '@loaders.gl/*': 'globalThis.loaders'
+    }
+  },
+
+  lint: {
+    // TODO - comment out while getting typescript to work
+    paths: ['dev-docs', 'docs', 'modules'] // 'examples', test', 'website', 'examples'],
+    // extensions: ['js', 'jsx', 'mjs', 'ts', 'tsx', 'md']
+  },
+
+  webpack: {},
+
+  entry: {
+    test: 'test/node.ts',
+    'test-browser': 'test/browser.ts',
+    bench: 'test/bench/node.js',
+    'bench-browser': 'test/bench/browser.js',
+    size: 'test/size/import-nothing.js'
+  }
+};

.prettierrc

@@ -0,0 +1,5 @@
+printWidth: 100
+semi: true
+singleQuote: true
+trailingComma: none
+bracketSpacing: false

babel.config.cjs

@@ -0,0 +1,22 @@
+// @ts-ignore
+const {getBabelConfig} = require('ocular-dev-tools/configuration');
+
+module.exports = getBabelConfig({
+  react: true,
+  plugins: [
+    // inject __VERSION__ from package.json
+    'version-inline'
+  ],
+  ignore: [
+    // Don't transpile workers, they are transpiled separately
+    '**/*.worker.js',
+    '**/workers/*.js',
+    // Don't transpile files in libs, we use this folder to store external,
+    // already transpiled and minified libraries and scripts.
+    // e.g. draco, basis, las-perf etc.
+    /src\/libs/,
+    // babel can't process .d.ts
+    /\.d\.ts$/
+  ],
+  debug: false
+});

examples/.eslintrc.js → examples/.eslintrc.cjs.disabled

@@ -1,3 +1,4 @@
 module.exports = {
+  react: '18.0.0',
   extends: ['plugin:react/recommended']
 };