revamp wip

.eslintignore

@@ -0,0 +1,2 @@
+**/svgs/**/*.tsx
+out

.eslintrc.js

@@ -1,15 +1,68 @@
+/* eslint-env node */
 module.exports = {
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    // @todo
+    // "plugin:@typescript-eslint/recommended-type-checked",
+    "next/core-web-vitals",
+    "next/typescript",
+    "eslint-config-prettier",
+  ],
+  overrides: [
+    {
+      files: ["*.js", "*.cjs", "*.mjs"],
+      extends: ["plugin:@typescript-eslint/disable-type-checked"],
+    },
+  ],
+  parser: "@typescript-eslint/parser",
   root: true,
-  extends: ["@react-native-community/eslint-config", "eslint-config-prettier"],
-  rules: {
-    "prettier/prettier": 0,
-    // not interesting for rescript generated js
-    "no-bitwise": 0,
-    "no-shadow": 0,
-    "no-unused-vars": 0,
-    "no-useless-escape": 0,
+  parserOptions: {
+    project: true,
+    tsconfigRootDir: __dirname,
   },
-  env: {
-    "jest/globals": true,
+  plugins: [
+    "@typescript-eslint",
+    "eslint-plugin-import",
+    "eslint-plugin-unused-imports",
+  ],
+  rules: {
+    // not relevant with some switch/case usage
+    "no-fallthrough": "off",
+
+    // that's for escape hatch, why would we want to ban it?
+    "@typescript-eslint/ban-ts-comment": "off",
+
+    // handy sometimes
+    "@typescript-eslint/no-explicit-any": "off",
+
+    "sort-imports": [
+      "error",
+      {
+        ignoreCase: true,
+        ignoreDeclarationSort: true,
+      },
+    ],
+    "import/order": [
+      "error",
+      {
+        alphabetize: {
+          order: "asc",
+          caseInsensitive: true,
+        },
+        "newlines-between": "always",
+      },
+    ],
+
+    "unused-imports/no-unused-imports": "error",
+    "unused-imports/no-unused-vars": [
+      "warn",
+      {
+        vars: "all",
+        varsIgnorePattern: "^_",
+        args: "after-used",
+        argsIgnorePattern: "^_",
+      },
+    ],
   },
 };

.gitignore

@@ -1,65 +1,48 @@
-# OSX
-#
-.DS_Store
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
 
-# Xcode
-#
-build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-project.xcworkspace
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
 
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
-local.properties
-*.iml
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-# node.js
-#
-node_modules/
-npm-debug.log
-yarn-error.log
+# env files (can opt-in for committing if needed)
+.env*
 
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
+# vercel
+.vercel
 
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
-# screenshots whenever they are needed.
-# For more information about the recommended setup visit:
-# https://docs.fastlane.tools/best-practices/source-control/
+# typescript
+*.tsbuildinfo
+next-env.d.ts
 
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
 
 # custom
-dist
-lib
-.merlin
-.bsb.lock
-assets/SVGs/components
+src/svgs/components
 tmp
-*.bs.js
 content/**/*.json
 
 # next.js

.husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-lint-staged
+npm test

.husky/pre-push

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npm test

.node-version

@@ -1 +1 @@
-16
+22

.vscode/settings.json

@@ -1,11 +1,14 @@
 {
-  "javascript.validate.enable": false,
-  "typescript.format.enable": false,
-  "typescript.validate.enable": false,
-  "flow.useBundledFlow": false,
-  "eslint.enable": true,
-  "triggerTaskOnSave.tasks": {
-    "eslint-rescript": ["src/**/*.res"]
+  "search.exclude": {
+    "**/node_modules": true,
+    "**/.next": true
   },
-  "triggerTaskOnSave.delay": 1000
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "eslint.validate": ["javascript"],
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "typescript.tsserver.experimental.enableProjectDiagnostics": true
 }

next.config.ts

@@ -0,0 +1,52 @@
+import type { NextConfig } from "next";
+import packageJson from "./package.json" with { type: "json" };
+
+const transpilePackages = [
+  // react-native packages
+  "react-native",
+  ...Object.keys(packageJson.dependencies).filter(
+    (dep) => dep.startsWith("react-native") || dep.startsWith("@react-native")
+  ),
+];
+const nextConfig: NextConfig = {
+  experimental: {
+    turbo: {
+      rules: {
+        "*.js": {
+          loaders: [
+            {
+              loader: "string-replace-loader",
+              options: {
+                search: "__DEV__",
+                replace:
+                  process.env.NODE_ENV !== "production" ? "true" : "false",
+              },
+            },
+          ],
+        },
+      },
+      resolveAlias: {
+        "react-native": "react-native-web",
+      },
+      resolveExtensions: [
+        ".web.tsx",
+        ".web.ts",
+        ".web.jsx",
+        ".web.js",
+        ".tsx",
+        ".ts",
+        ".jsx",
+        ".js",
+        ".mjs",
+        ".json",
+      ],
+    },
+  },
+  transpilePackages,
+
+  env: {
+    ENV: process.env.NODE_ENV,
+  },
+};
+
+export default nextConfig;