Update dependecies & react 18

.eslintrc.json

@@ -2,6 +2,9 @@
     "root": true,
     "extends": "facile/react",
     "parserOptions": {
-        "project": "./tsconfig.eslint.json"
+        "project": ["./tsconfig.json", "./test-types/tsconfig.json"]
+    },
+    "env": {
+        "node": true
     }
 }

.github/workflows/main.yml

@@ -1,32 +1,31 @@
 name: Node CI
 
 on:
-  push:
-    branches: [ master ]
-  pull_request:
-    branches: [ master ]
+    push:
+        branches: [master]
+    pull_request:
+        branches: [master]
 
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
+    # Allows you to run this workflow manually from the Actions tab
+    workflow_dispatch:
 
 jobs:
-  build:
+    build:
+        runs-on: ubuntu-latest
 
-    runs-on: ubuntu-latest
+        strategy:
+            matrix:
+                node-version: [20.x]
 
-    strategy:
-      matrix:
-        node-version: [14.x]
-
-    steps:
-    - uses: actions/checkout@v2
-    - name: Use Node ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - run: npm install -g npm@^7.6
-    - run: npm install
-    - run: npm run build
-    - run: npm run clean
-    - run: npm run test
-    - run: npm run test-type
+        steps:
+            - uses: actions/checkout@v2
+            - name: Use Node ${{ matrix.node-version }}
+              uses: actions/setup-node@v1
+              with:
+                  node-version: ${{ matrix.node-version }}
+            - run: npm ci
+            - run: npm run build
+            - run: npm run clean
+            - run: npm run lint
+            - run: npm run tsc
+            - run: npm run test

.gitignore

@@ -3,3 +3,4 @@ dist
 .idea
 coverage
 yarn-error.log
+*.tsbuildinfo

.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require('eslint-config-facile/prettierrc.json')

CHANGELOG.md

@@ -1,10 +1,12 @@
 # Changelog
 
-## 0.6.0
+## 0.6.0-rc
 
--   Upgraded `rxjs` requirement `[email protected]`
+-   Upgraded peerDependencies: `rxjs@^7.8`, `react@^17.0.2 || ^18.2.0`
 
--   Replace `fp-ts-rxjs` peerDependencies with `fp-ts-reactive`
+-   Replace `fp-ts-rxjs` peerDependency with `fp-ts-reactive`
+
+-   New peerDependency `use-sync-external-store`
 
 ## 0.5.0
 

example/App.tsx

@@ -1,7 +1,6 @@
 import * as C from 'fp-ts/Console'
 import * as T from 'fp-ts/Task'
-import { identity } from 'fp-ts/function'
-import { pipe } from 'fp-ts/function'
+import { identity, pipe } from 'fp-ts/function'
 import * as React from 'react'
 import { Subject } from 'rxjs'
 import { ajax } from 'rxjs/ajax'
@@ -11,21 +10,21 @@ import type * as RESFF from '../src/http/resourceFetchFactory'
 import * as MR from '../src/react'
 import { useStore } from '../src/react/useStore'
 import * as MS from '../src/state'
+import type { QuoteResource } from './resources/quoteResource'
 import {
     fetchQuoteCached,
     fetchQuoteSeq,
     fetchQuoteSeqPar,
     fetchQuoteWithDelay,
     fetchSimple,
-    QuoteResource,
 } from './resources/quoteResource'
+import type { QuoteStore } from './stores/quoteStore'
 import {
     quoteStore,
     fetchQuoteMutation,
     fetchQuoteMutationWithDelay,
     fetchQuoteMutationWithParams,
     resetQuoteMutation,
-    QuoteStore,
 } from './stores/quoteStore'
 import { sessionStore, parseEnvMutation, SessionStoreContext, useSessionStore } from './stores/sessionStore'
 

example/index.tsx

@@ -1,10 +1,8 @@
-import * as React from 'react'
-import { render } from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import { AppInitializer } from './App'
 
-render(
-    <React.StrictMode>
-        <AppInitializer />
-    </React.StrictMode>,
-    document.getElementById('root')
-)
+const container = document.getElementById('root')
+// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+const root = createRoot(container!)
+
+root.render(<AppInitializer />)

example/resources/appFetchFactory.ts

@@ -1,4 +1,5 @@
-import { Lazy, pipe } from 'fp-ts/function'
+import type { Lazy } from 'fp-ts/function'
+import { pipe } from 'fp-ts/function'
 import { map, take } from 'rxjs/operators'
 import * as ROR from '../../src/http/ReaderObservableResource'
 import * as RES from '../../src/http/Resource'

example/stores/quoteStore.ts

@@ -1,14 +1,11 @@
 import { pipe } from 'fp-ts/function'
-import { Observable, of } from 'rxjs'
+import type { Observable } from 'rxjs'
+import { of } from 'rxjs'
 import * as ROR from '../../src/http/ReaderObservableResource'
 import * as RES from '../../src/http/Resource'
 import * as MS from '../../src/state'
-import {
-    fetchQuote,
-    fetchQuoteWithDelay,
-    fetchQuoteWithTokenAndParams,
-    QuoteResource,
-} from '../resources/quoteResource'
+import type { QuoteResource } from '../resources/quoteResource'
+import { fetchQuote, fetchQuoteWithDelay, fetchQuoteWithTokenAndParams } from '../resources/quoteResource'
 
 declare module '../../src/state/stores' {
     interface Stores {

example/stores/sessionStore.ts

@@ -2,7 +2,8 @@ import * as E from 'fp-ts/Either'
 import { pipe } from 'fp-ts/function'
 import * as t from 'io-ts'
 import * as React from 'react'
-import { Observable, of } from 'rxjs'
+import type { Observable } from 'rxjs'
+import { of } from 'rxjs'
 import * as MS from '../../src/state'
 
 declare module '../../src/state/stores' {

example/webpack.config.ts → example/webpack.config.mjs

@@ -1,9 +1,9 @@
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'
 import HtmlWebpackPlugin from 'html-webpack-plugin'
-import * as webpack from 'webpack'
-import * as path from 'path'
+import webpack from 'webpack'
+import path from 'path'
 
-const config = (_: unknown, argv: { mode: string }): webpack.Configuration & { devServer: unknown } => ({
+const config = (_, argv) => ({
     entry: './example/index.tsx',
     devtool: argv.mode === 'production' ? 'source-map' : 'inline-source-map',
     resolve: {
@@ -14,7 +14,7 @@ const config = (_: unknown, argv: { mode: string }): webpack.Configuration & { d
         port: 9000,
     },
     output: {
-        path: path.join(__dirname, '/dist'),
+        path: path.join(new URL('.', import.meta.url).pathname, 'dist'),
         filename: 'bundle.js',
     },
     module: {