Module-first setup (#11)

* Module-first setup * fix tsconfig * update CHANGELOG * update derive-valtio
valtiojs · Jun 3, 2024 · e6e9163 · e6e9163
1 parent fa0f3aa
commit e6e9163
Show file tree

Hide file tree

Showing 60 changed files with 2,404 additions and 8,083 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: ['valtio-signal'] }],
+ '@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/.gitignore b/.gitignore
@@ -2,4 +2,3 @@
 *.swp
 node_modules
 /dist
-/jsx-runtime.d.ts
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
@@ -2,34 +2,54 @@
 
 ## [Unreleased]
 
+### Changed
+
+- Module-first setup #11
+
 ## [0.5.0] - 2024-03-23
+
 ### Added
+
 - migrate to valtio v2-beta #10
 
 ## [0.4.3] - 2023-02-26
+
 ### Changed
+
 - fix(jsx-runtime): revert jsxDEV #9
 
 ## [0.4.2] - 2023-02-25
+
 ### Changed
+
 - update create-react-signals #7
 
 ## [0.4.1] - 2023-01-25
+
 ### Changed
+
 - use create-react-signals v0.6.2
 
 ## [0.4.0] - 2023-01-21
+
 ### Added
+
 - feat: uncontrolled when possible #3
 
 ## [0.3.0] - 2023-01-09
+
 ### Changed
+
 - feat: value prop in signal #2
 
 ## [0.2.0] - 2023-01-09
+
 ### Changed
+
 - Use create react signals #1
 
 ## [0.1.0] - 2023-01-01
+
 ### Added
+
 - Initial release
diff --git a/README.md b/README.md
@@ -33,11 +33,7 @@ setInterval(() => {
  ++state.count;
 }, 100);
 
-const Counter = () => (
- <div>
- Count: {$(state).count}
- </div>
-);
+const Counter = () => <div>Count: {$(state).count}</div>;
 ```
 
 ## How it works
@@ -78,7 +74,7 @@ const Counter = () => {
  }, []);
  return (
  <div>
- {useMemo(() => 'Count: '), []}
+ {(useMemo(() => 'Count: '), [])}
  {snapshot(state).count}
  {useMemo(() => ` (${Math.random()})`, [])}
  </div>

diff --git a/__tests__/01_basic_spec.tsx b/__tests__/01_basic_spec.tsx
diff --git a/examples/01_counter/index.html b/examples/01_counter/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_counter/package.json b/examples/01_counter/package.json
@@ -0,0 +1,21 @@
+{
+ "name": "example",
+ "version": "0.0.0",
+ "private": true,
+ "type": "module",
+ "dependencies": {
+ "react": "latest",
+ "react-dom": "latest",
+ "valtio": "latest",
+ "valtio-signal": "latest"
+ },
+ "devDependencies": {
+ "@types/react": "latest",
+ "@types/react-dom": "latest",
+ "typescript": "latest",
+ "vite": "latest"
+ },
+ "scripts": {
+ "dev": "vite"
+ }
+}
diff --git a/examples/01_typescript/src/App.tsx → examples/01_counter/src/app.tsx b/examples/01_typescript/src/App.tsx → examples/01_counter/src/app.tsx
diff --git a/examples/01_counter/src/main.tsx b/examples/01_counter/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_counter/tsconfig.json b/examples/01_counter/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/01_typescript/package.json b/examples/01_typescript/package.json
diff --git a/examples/01_typescript/public/index.html b/examples/01_typescript/public/index.html
diff --git a/examples/01_typescript/src/index.tsx b/examples/01_typescript/src/index.tsx
diff --git a/examples/01_typescript/tsconfig.json b/examples/01_typescript/tsconfig.json
diff --git a/examples/02_props/index.html b/examples/02_props/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_props/package.json b/examples/02_props/package.json
@@ -1,27 +1,21 @@
 {
- "name": "valtio-signal-example",
- "version": "0.1.0",
+ "name": "example",
+ "version": "0.0.0",
  "private": true,
+ "type": "module",
  "dependencies": {
+ "react": "latest",
+ "react-dom": "latest",
+ "valtio": "latest",
+ "valtio-signal": "latest"
+ },
+ "devDependencies": {
  "@types/react": "latest",
  "@types/react-dom": "latest",
- "react": "canary",
- "react-dom": "canary",
- "react-scripts": "latest",
  "typescript": "latest",
- "valtio": "next",
- "valtio-signal": "latest"
+ "vite": "latest"
  },
  "scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
- "eject": "react-scripts eject"
- },
- "browserslist": [
- ">0.2%",
- "not dead",
- "not ie <= 11",
- "not op_mini all"
- ]
+ "dev": "vite"
+ }
 }
diff --git a/examples/02_props/public/index.html b/examples/02_props/public/index.html
diff --git a/examples/02_props/src/App.tsx → examples/02_props/src/app.tsx b/examples/02_props/src/App.tsx → examples/02_props/src/app.tsx
diff --git a/examples/02_props/src/index.tsx b/examples/02_props/src/index.tsx