feat: refactor state, use accordion for panel

Author: gadomski

.github/workflows/ci.yaml

@@ -15,15 +15,15 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: .node-version
-          cache: "yarn"
+          cache: 'yarn'
       - name: Install
         run: |
           yarn install
           yarn playwright install
       - name: Lint
         run: yarn lint
       - name: Check formatting
-        run: yarn run prettier . --check
+        run: yarn format:check
       - name: Test
         run: yarn test
       - name: Build
@@ -44,7 +44,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: .node-version
-          cache: "yarn"
+          cache: 'yarn'
       - name: Install
         run: yarn install
       - id: setup_pages
@@ -92,7 +92,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: .node-version
-          cache: "yarn"
+          cache: 'yarn'
       - name: Install
         run: yarn install
       - name: Release

.gitignore

@@ -23,3 +23,4 @@ dist-ssr
 *.sln
 *.sw?
 tests/__screenshots__/
+codebook.toml

.prettierignore

@@ -0,0 +1,56 @@
+# Dependencies
+node_modules/
+yarn.lock
+package-lock.json
+
+# Build outputs
+dist/
+build/
+.next/
+out/
+
+# Generated files
+coverage/
+.nyc_output/
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Cache directories
+.cache/
+.parcel-cache/
+
+# IDE files
+.vscode/
+.idea/
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# Temporary files
+*.tmp
+*.temp
+
+# Documentation that shouldn't be auto-formatted
+CHANGELOG.md
+LICENSE
+*.min.js
+*.min.css
+
+# Config files that might have specific formatting
+.github/

.prettierrc.toml

@@ -1 +1,34 @@
 tabWidth = 2
+semi = true
+singleQuote = false
+trailingComma = "es5"
+printWidth = 80
+plugins = ["@trivago/prettier-plugin-sort-imports"]
+
+# Import sorting configuration
+importOrder = [
+  "^react$",
+  "^react-dom$",
+  "^react/",
+  "^react-",
+  "^@chakra-ui/",
+  "^@deck\\.gl/",
+  "^@geoarrow/",
+  "^@duckdb/",
+  "^@tanstack/",
+  "^@turf/",
+  "^@types/",
+  "^maplibre-gl",
+  "^deck\\.gl",
+  "^apache-arrow",
+  "^stac-ts",
+  "^stac-wasm",
+  "^next-themes",
+  "^@",
+  "^[a-z]",
+  "^\\./",
+  "^\\.\\./"
+]
+importOrderSeparation = false
+importOrderSortSpecifiers = true
+importOrderCaseInsensitive = true

eslint.config.js

@@ -24,5 +24,5 @@ export default tseslint.config(
         { allowConstantExport: true },
       ],
     },
-  },
+  }
 );

package.json

@@ -27,6 +27,7 @@
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "format": "prettier . --write",
+    "format:check": "prettier . --check",
     "preview": "vite preview",
     "test": "vitest run"
   },
@@ -61,6 +62,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/geojson": "^7946.0.16",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",