Module-first setup

jotaijs · May 23, 2024 · 65bc84c · 65bc84c
1 parent e4609d6
commit 65bc84c
Show file tree

Hide file tree

Showing 33 changed files with 2,290 additions and 7,932 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,39 @@
+/* eslint-env node */
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+    'plugin:jsx-a11y/recommended',
+    'prettier',
+  ],
+  ignorePatterns: ['dist/'],
+  settings: {
+    'import/resolver': {
+      typescript: true,
+    },
+    react: { version: 'detect' },
+  },
+  rules: {
+    'import/no-unresolved': ['error', { ignore: ['jotai-trpc'] }],
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        args: 'all',
+        argsIgnorePattern: '^_',
+        caughtErrors: 'all',
+        caughtErrorsIgnorePattern: '^_',
+        destructuredArrayIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+        ignoreRestSiblings: true,
+      },
+    ],
+  },
+};
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,2 @@
+/pnpm-lock.yaml
+/dist
diff --git a/.prettierrc b/.prettierrc
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,42 +3,62 @@
 ## [Unreleased]
 
 ## [0.6.1] - 2024-04-09
+
 ### Changed
+
 - Fix refresh query atom type #22
 
 ## [0.6.0] - 2024-03-11
+
 ### Changed
+
 - feat: refreshable query atom #19
 
 ## [0.5.1] - 2023-04-26
+
 ### Changed
+
 - feat: disabled option in atomWithQuery, support async input #14
 
 ## [0.5.0] - 2023-01-31
+
 ### Added
+
 - Migrate to Jotai v2 API #8
 
 ## [0.4.1] - 2022-11-29
+
 ### Changed
+
 - fix: should be mutate method, instead of mutation #10
 
 ## [0.4.0] - 2022-11-22
+
 ### Added
+
 - trpc 10 migration #6
 
 ## [0.3.0] - 2022-09-24
+
 ### Added
+
 - feat: atomWithSubscription #7
 - feat: atomWithMutation #5
 
 ## [0.2.0] - 2022-08-29
+
 ### Changed
+
 - breaking: split path from args #2
 
 ## [0.1.1] - 2022-08-26
+
 ### Changed
+
 - fix types #1
 
 ## [0.1.0] - 2022-08-25
+
 ### Added
+
 - Initial release
diff --git a/__tests__/01_basic_spec.tsx b/__tests__/01_basic_spec.tsx
diff --git a/examples/01_typescript/index.html b/examples/01_typescript/index.html
@@ -0,0 +1,9 @@
+<html>
+  <head>
+    <title>example</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/01_typescript/package.json b/examples/01_typescript/package.json
@@ -1,30 +1,24 @@
 {
-  "name": "jotai-trpc-example",
-  "version": "0.1.0",
+  "name": "example",
+  "version": "0.0.0",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@trpc/client": "latest",
     "@trpc/server": "latest",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
     "jotai": "latest",
     "jotai-trpc": "latest",
     "react": "latest",
     "react-dom": "latest",
-    "react-scripts": "latest",
-    "trpc-pokemon": "latest",
-    "typescript": "latest"
+    "trpc-pokemon": "latest"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+  "devDependencies": {
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "typescript": "latest",
+    "vite": "latest"
   },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
+  "scripts": {
+    "dev": "vite"
+  }
 }
diff --git a/examples/01_typescript/public/index.html b/examples/01_typescript/public/index.html
diff --git a/examples/01_typescript/src/App.tsx → examples/01_typescript/src/app.tsx b/examples/01_typescript/src/App.tsx → examples/01_typescript/src/app.tsx
@@ -1,4 +1,4 @@
-import React, { Suspense } from 'react';
+import { Suspense } from 'react';
 import { useAtom } from 'jotai/react';
 import { atom } from 'jotai/vanilla';
 import { httpLink } from '@trpc/client';

diff --git a/examples/01_typescript/src/index.tsx b/examples/01_typescript/src/index.tsx
diff --git a/examples/01_typescript/src/main.tsx b/examples/01_typescript/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import App from './app';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);
diff --git a/examples/01_typescript/tsconfig.json b/examples/01_typescript/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "es2018",
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "skipLibCheck": true,
+    "allowJs": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "jsx": "react-jsx"
+  }
+}
diff --git a/examples/02_authtoken/index.html b/examples/02_authtoken/index.html
@@ -0,0 +1,9 @@
+<html>
+  <head>
+    <title>example</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/examples/02_authtoken/package.json b/examples/02_authtoken/package.json
@@ -1,31 +1,25 @@
 {
-  "name": "jotai-trpc-example",
-  "version": "0.1.0",
+  "name": "example",
+  "version": "0.0.0",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@trpc/client": "latest",
     "@trpc/server": "latest",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
     "jotai": "latest",
     "jotai-trpc": "latest",
     "react": "latest",
     "react-dom": "latest",
     "react-error-boundary": "latest",
-    "react-scripts": "latest",
-    "trpc-pokemon": "latest",
-    "typescript": "latest"
+    "trpc-pokemon": "latest"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+  "devDependencies": {
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
+    "typescript": "latest",
+    "vite": "latest"
   },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
+  "scripts": {
+    "dev": "vite"
+  }
 }
diff --git a/examples/02_authtoken/public/index.html b/examples/02_authtoken/public/index.html
diff --git a/examples/02_authtoken/src/App.tsx → examples/02_authtoken/src/app.tsx b/examples/02_authtoken/src/App.tsx → examples/02_authtoken/src/app.tsx
@@ -1,4 +1,4 @@
-import React, { Suspense } from 'react';
+import { Suspense } from 'react';
 import { useAtom } from 'jotai/react';
 import { atom } from 'jotai/vanilla';
 import { createTRPCProxyClient, httpLink } from '@trpc/client';
@@ -42,7 +42,7 @@ const Pokemon = () => {
   return (
     <ul>
       {data.map((item) => (
-        <li>
+        <li key={item.id}>
           <div>ID: {item.id}</div>
           <div>Height: {item.height}</div>
           <div>Weight: {item.weight}</div>

diff --git a/examples/02_authtoken/src/index.tsx b/examples/02_authtoken/src/index.tsx
diff --git a/examples/02_authtoken/src/main.tsx b/examples/02_authtoken/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import App from './app';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);