refactor: preact v1

.eslintrc.js

@@ -1,17 +1,21 @@
 const { resolve } = require('node:path');
 
-const project = resolve(__dirname, 'tsconfig.json');
-
 module.exports = {
   root: true,
   extends: [
     require.resolve('@vercel/style-guide/eslint/node'),
     require.resolve('@vercel/style-guide/eslint/browser'),
     require.resolve('@vercel/style-guide/eslint/typescript'),
+    'plugin:tailwindcss/recommended',
   ],
-  ignorePatterns: ['**/dist/*', '**/test/*'],
+  ignorePatterns: ['**/dist/**', '**/node_modules/**', '**/test/**'],
   parserOptions: {
-    project,
+    project: [
+      resolve(__dirname, 'tsconfig.json'), // Root tsconfig
+      resolve(__dirname, 'packages/scan/tsconfig.json'), // Scan package tsconfig
+    ],
+    ecmaVersion: 2020,
+    sourceType: 'module',
   },
   rules: {
     '@typescript-eslint/explicit-function-return-type': 'off',
@@ -39,7 +43,6 @@ module.exports = {
     '@typescript-eslint/no-unnecessary-condition': 'off',
     '@typescript-eslint/no-confusing-void-expression': 'off',
     '@typescript-eslint/require-await': 'off',
-    // '@typescript-eslint/no-floating-promises': ['error'],
     'import/no-named-as-default': 'off',
     'no-implicit-coercion': 'off',
     '@typescript-eslint/no-redundant-type-constituents': 'off',
@@ -48,15 +51,31 @@ module.exports = {
     'no-useless-return': 'off',
     'func-names': 'off',
     '@typescript-eslint/prefer-for-of': 'off',
-    // 'no-implicit-coercion': 'off',
     '@typescript-eslint/restrict-template-expressions': 'off',
     '@typescript-eslint/array-type': ['error', { default: 'generic' }],
   },
   settings: {
     'import/resolver': {
       typescript: {
-        project,
+        project: [
+          resolve(__dirname, 'tsconfig.json'), // Root tsconfig
+          resolve(__dirname, 'packages/scan/tsconfig.json'), // Scan package tsconfig
+        ],
       },
     },
   },
+  overrides: [
+    {
+      files: ['*.json'],
+      parser: 'jsonc-eslint-parser',
+      plugins: ['jsonc'],
+      rules: {
+        'jsonc/no-comments': 'off',
+      },
+    },
+    {
+      files: ['*.tsx', '*.ts', '*.js'],
+      plugins: ['tailwindcss'],
+    },
+  ],
 };

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "typescript.preferences.includePackageJsonAutoImports": "on"
+}

bin/certs/cert.pem

@@ -0,0 +1,19 @@
+-----BEGIN CERTIFICATE-----
+MIIDJTCCAg2gAwIBAgIUN13POe6H3ZfiSMv+HqIct1g2ph0wDQYJKoZIhvcNAQEL
+BQAwFDESMBAGA1UEAwwJMTI3LjAuMC4xMB4XDTI0MTIwODE4Mjg1NFoXDTI1MTIw
+ODE4Mjg1NFowFDESMBAGA1UEAwwJMTI3LjAuMC4xMIIBIjANBgkqhkiG9w0BAQEF
+AAOCAQ8AMIIBCgKCAQEAq2MQzMp5H/jSJAXTRMiiDdO3l2nomkVESq8xODckpiaZ
+SBF+j5dNkbldKRt+t2Jg2+0pnQIziaOKS+gNcukNKTxw5pBwNkgtWEmV1fYOlqZk
+5KFGO/eMGFrNUbEa3ZtLI/qMwDcT/b42IRpKDk5M0KtSTm8PU0NsPkyH4ilfud3h
+HsVh+qEw+RldCvu/+A3EHNSt8kyyUwTmVsu8sQvX22u7kuBFYHTJYGYSVe4Z6n0l
+9avQC0WobMOX0qOuhpMtYRJOX0tWo7laNppNGlwDruE4s1xj4Hz/u34QwVhIo2a7
+OUr06xmQ1gyMnx49pL+K/YJ6hcnakqiOLlS+MKbe+QIDAQABo28wbTAdBgNVHQ4E
+FgQUFiACW5sMt6gWEj8N5SNZvfC8x6kwHwYDVR0jBBgwFoAUFiACW5sMt6gWEj8N
+5SNZvfC8x6kwDwYDVR0TAQH/BAUwAwEB/zAaBgNVHREEEzARgglsb2NhbGhvc3SH
+BH8AAAEwDQYJKoZIhvcNAQELBQADggEBAJVcb/VZP63iqarzAjTXJ7wmxaMuVwXN
+qPcuDyIgTC5OkTvsiEPFsXFXOY+qg/VkP6r06/0AQCcvhGWkCE7e9/OsdJnWO9qy
+u5PLu2wtYIHXLnFk4pUdnOgdEzBMj20wFpwtFU+42+zLUtYf4cTNocvpunS018+l
+PahnlTyAN/3MaZXWyRQy1rqaJzdNzPMluqYWug7L4L/VlRMbodT5CZdvB7gsXrVf
+L81ohbYDH2WM2s568mDX8gpAxDr+ogmgLOvatj48ymZy7+6D/dvPHiTYj7x3Gsd9
+w3lm/T+NRMoyoaZfA8LdH7LGSq8N6DnzE1mVnzg3+T1BUy3fFRplLWo=
+-----END CERTIFICATE-----

bin/certs/key.pem

@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCrYxDMynkf+NIk
+BdNEyKIN07eXaeiaRURKrzE4NySmJplIEX6Pl02RuV0pG363YmDb7SmdAjOJo4pL
+6A1y6Q0pPHDmkHA2SC1YSZXV9g6WpmTkoUY794wYWs1RsRrdm0sj+ozANxP9vjYh
+GkoOTkzQq1JObw9TQ2w+TIfiKV+53eEexWH6oTD5GV0K+7/4DcQc1K3yTLJTBOZW
+y7yxC9fba7uS4EVgdMlgZhJV7hnqfSX1q9ALRahsw5fSo66Gky1hEk5fS1ajuVo2
+mk0aXAOu4TizXGPgfP+7fhDBWEijZrs5SvTrGZDWDIyfHj2kv4r9gnqFydqSqI4u
+VL4wpt75AgMBAAECggEAEhNgsjiojbawcxwqLBb9AHhT5KRG4/5qNXZEuqkWNG/d
+urwdnQdYJwZlzPAZbT3y+T8KJIUW6m1VKKxQvs3VlYPKZIbXTuJN5gHcy7Qn1bu2
+6GYaAjkZjXgGL5d+PeEjC6hhL+SfNyPYkaU0Kk4Xy+pFw//yndV+lRN9QV0bu35/
+DeZtl+rRD/1Bw4vuLnXbt/xQXTzdU1UUnzHH8psEEdBXo0W69j5esSV51YnUiluK
+beMp8QhQuQbagxW/5MvL0ONYsNeh+BjyaT3roRhgkD6dlm6w/FuKDCvkD8MWtB70
+6jxpUD2oZZXWFWG/BMz4dMN6cK7kRD/P7F8mWHOAAQKBgQDWLog280NXkbpsTJ4w
+JIddbiI1YfsOAmTbowY8OnNO7c2bHVlBComB7HXAKAJy7YbGieM58FcDW/cL9q2i
+xGB6qbIFXj05fvCn6IabmMnGNrcmSRztmucIaefN1irRgebryokgcaVSHRCfRCag
+xLc+xd0hi3bxAcIEm6u2LjbfMQKBgQDM2YRyM3/jE+CnO3znvNtbgMUf6ectMlBW
+/QQNVnxvkGrQU0EoClBt/UQP/mCcwkrvqhhL4C6UbF7JHuoVcSwoLCXbOCd9vwvc
+4/2WSIiye8AUAX8v78ngg7zFczWFrbvriV/rtaPs0x+kpMBWtOv0cw5EFTzNmQu3
+WAcnIqpaSQKBgAITQ1ic9MsVa2P/Pg0jXXhnR8eSoncZSNbj9nyA6HscTMCzARlj
+O7/Zha6N9LAeYw7raRs3m/A5ZORlyHrqQjEOEd6BckBrXXOTCjLZwSK9hvrE/JXE
+yXZIaGmTKKkNBCrGtJtu3nY0N+QDKgimv0vJaQIZMtbU+IdI5toGCpwRAoGAbfjM
+OL7bBh4SudSezo29uVbc/LAGcmYTaU+1kC+A6CfAoAxB62v2F8Yidu+aEC3iKt3G
+41z7xKSVEiWth0tVaE+jFxgDY2dfx/sBlV9lO2RiDptrG2IAn645dkrOTfCh9OWw
+AAtocGg7EZl8xE+maHooC3bXSIzEFG6GkIT0rTkCgYEAt36GNbWaf/+8hD7cfaXo
+49+9VkrTJd6lbjjPkP80rZwusuSlyrGEIjlcdyNWzgR1YJ6slYQHKNDnb3MN2kB5
+0Q0j25ycN/iI11LtR8brG21CQ2R1IZbQbFO9p0ugrsfAaeq/kdL6oUuMKxkoK7J8
+8QXdO2/Gv2Jn0LmXPj700A0=
+-----END PRIVATE KEY-----

bin/serve-scan.sh

@@ -0,0 +1,34 @@
+#!/bin/bash
+
+# Determine the directory of the script
+SCRIPT_DIR=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
+
+# Default values
+DEFAULT_PATH="./packages/scan/dist"
+DEFAULT_PORT="4000"
+DEFAULT_CERT="$SCRIPT_DIR/certs/cert.pem"
+DEFAULT_KEY="$SCRIPT_DIR/certs/key.pem"
+
+# Positional arguments
+SERVE_PATH="$1" # First argument is the path
+
+# Get optional flags
+shift # Remove the first argument from the list
+while [[ "$#" -gt 0 ]]; do
+    case $1 in
+        --port) PORT_ARG="$2"; shift ;;
+        --cert) CERT_ARG="$2"; shift ;;
+        --key) KEY_ARG="$2"; shift ;;
+        *) echo "Unknown parameter: $1" >&2; exit 1 ;;
+    esac
+    shift
+done
+
+# Use provided arguments or defaults
+SERVE_PATH="${SERVE_PATH:-$DEFAULT_PATH}"
+SERVE_PORT="${PORT_ARG:-$DEFAULT_PORT}"
+SERVE_CERT="${CERT_ARG:-$DEFAULT_CERT}"
+SERVE_KEY="${KEY_ARG:-$DEFAULT_KEY}"
+
+# Run the server with CORS enabled
+http-server "$SERVE_PATH" -p "$SERVE_PORT" --ssl --cert "$SERVE_CERT" --key "$SERVE_KEY" --cors

package.json

@@ -2,18 +2,28 @@
   "name": "root",
   "private": true,
   "scripts": {
-    "build": "pnpm --parallel --filter=!extension build && echo '\\n\\x1b[43m\\x1b[30m⚠️  WARNING: MAKE SURE TO BUMP VERSION BEFORE BUILDING OR REBUILD AFTER BUMPING VERSION IF PUBLISHING ⚠️\\x1b[0m\\n\\n'",
-    "dev": "pnpm --parallel --filter=!extension dev",
-    "pack": "pnpm --parallel --filter=!extension pack",
+    "build": "WORKSPACE_BUILD=true pnpm --parallel build",
+    "postbuild": "node scripts/version-warning.mjs",
+    "dev": "pnpm --parallel dev",
+    "pack": "pnpm --parallel pack",
     "pack:bump": "pnpm --filter scan pack:bump",
-    "lint": "pnpm --parallel --filter=!extension lint",
+    "lint": "pnpm --parallel lint",
     "prettier": "prettier --write packages/*",
     "eslint:fix": "eslint --fix packages/*"
   },
   "devDependencies": {
+    "@types/node": "^22.10.2",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
     "@vercel/style-guide": "^6.0.0",
+    "boxen": "^8.0.1",
+    "chalk": "^5.3.0",
     "eslint": "^8.57.1",
-    "prettier": "^3.3.3"
+    "eslint-import-resolver-typescript": "^3.7.0",
+    "eslint-plugin-jsonc": "^2.18.2",
+    "eslint-plugin-tailwindcss": "^3.17.5",
+    "prettier": "^3.3.3",
+    "typescript": "5.4.5"
   },
   "packageManager": "[email protected]",
   "dependencies": {

packages/extension/package.json

@@ -1,11 +1,12 @@
 {
-  "name": "react-scanner-extension",
+  "name": "@react-scan/extension",
   "version": "1.0.0",
   "private": true,
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
     "build": "vite build",
+    "postbuild": "node ../../scripts/version-warning.mjs",
     "dev": "pnpm dev:chrome",
     "dev:chrome": "cross-env BROWSER=chrome vite",
     "dev:firefox": "cross-env BROWSER=firefox vite",
@@ -29,7 +30,6 @@
     "@vitejs/plugin-react": "^4.2.1",
     "bestzip": "^2.2.1",
     "cross-env": "^7.0.3",
-    "typescript": "~5.6.3",
     "vite": "^5.4.3",
     "vite-plugin-web-extension": "^4.3.1",
     "webextension-polyfill": "^0.10.0"