chore: run nx generate @nrwl/js:library react

--unitTestRunner=vitest
--bundler=vite
--compiler=swc
--importPath=@tanstack-query-with-orbitjs/react
--setParserOptionsProject
--skipTypeCheck

Author: DanielGiljam

libs/react/.eslintrc.json

@@ -0,0 +1,21 @@
+{
+    "extends": ["../../.eslintrc.json"],
+    "ignorePatterns": ["!**/*"],
+    "overrides": [
+        {
+            "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+            "parserOptions": {
+                "project": ["libs/react/tsconfig.*?.json"]
+            },
+            "rules": {}
+        },
+        {
+            "files": ["*.ts", "*.tsx"],
+            "rules": {}
+        },
+        {
+            "files": ["*.js", "*.jsx"],
+            "rules": {}
+        }
+    ]
+}

libs/react/.lib.swcrc

@@ -0,0 +1,24 @@
+{
+  "jsc": {
+    "target": "es2017",
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": true
+  },
+  "module": {
+    "type": "commonjs",
+    "strict": true,
+    "noInterop": true
+  },
+  "sourceMaps": true,
+  "exclude": ["jest.config.ts",".*\\.spec.tsx?$",".*\\.test.tsx?$","./src/jest-setup.ts$","./**/jest-setup.ts$",".*.js$"]
+}

libs/react/README.md

@@ -0,0 +1,11 @@
+# react
+
+This library was generated with [Nx](https://nx.dev).
+
+## Building
+
+Run `nx build react` to build the library.
+
+## Running unit tests
+
+Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).

libs/react/package.json

@@ -0,0 +1,5 @@
+{
+    "name": "@tanstack-query-with-orbitjs/react",
+    "version": "0.0.1",
+    "type": "commonjs"
+}

libs/react/project.json

@@ -0,0 +1,31 @@
+{
+    "name": "react",
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "sourceRoot": "libs/react/src",
+    "projectType": "library",
+    "targets": {
+        "build": {
+            "executor": "@nrwl/vite:build",
+            "outputs": ["{options.outputPath}"],
+            "options": {
+                "outputPath": "dist/libs/react"
+            }
+        },
+        "test": {
+            "executor": "@nrwl/vite:test",
+            "outputs": ["coverage/libs/react"],
+            "options": {
+                "passWithNoTests": true,
+                "reportsDirectory": "../../coverage/libs/react"
+            }
+        },
+        "lint": {
+            "executor": "@nrwl/linter:eslint",
+            "outputs": ["{options.outputFile}"],
+            "options": {
+                "lintFilePatterns": ["libs/react/**/*.ts"]
+            }
+        }
+    },
+    "tags": []
+}

libs/react/src/index.ts

@@ -0,0 +1 @@
+export * from "./lib/react";

libs/react/src/lib/react.spec.ts

@@ -0,0 +1,7 @@
+import {react} from "./react";
+
+describe("react", () => {
+    it("should work", () => {
+        expect(react()).toEqual("react");
+    });
+});

libs/react/src/lib/react.ts

@@ -0,0 +1,3 @@
+export function react(): string {
+    return "react";
+}

libs/react/tsconfig.json

@@ -0,0 +1,23 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": {
+        "module": "commonjs",
+        "forceConsistentCasingInFileNames": true,
+        "strict": true,
+        "noImplicitOverride": true,
+        "noPropertyAccessFromIndexSignature": true,
+        "noImplicitReturns": true,
+        "noFallthroughCasesInSwitch": true,
+        "types": ["vitest"]
+    },
+    "files": [],
+    "include": [],
+    "references": [
+        {
+            "path": "./tsconfig.lib.json"
+        },
+        {
+            "path": "./tsconfig.spec.json"
+        }
+    ]
+}

libs/react/tsconfig.lib.json

@@ -0,0 +1,10 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../dist/out-tsc",
+        "declaration": true,
+        "types": ["node"]
+    },
+    "include": ["src/**/*.ts"],
+    "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
+}

libs/react/tsconfig.spec.json

@@ -0,0 +1,19 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../dist/out-tsc",
+        "types": ["vitest/globals", "node"]
+    },
+    "include": [
+        "vite.config.ts",
+        "src/**/*.test.ts",
+        "src/**/*.spec.ts",
+        "src/**/*.test.tsx",
+        "src/**/*.spec.tsx",
+        "src/**/*.test.js",
+        "src/**/*.spec.js",
+        "src/**/*.test.jsx",
+        "src/**/*.spec.jsx",
+        "src/**/*.d.ts"
+    ]
+}

libs/react/vite.config.ts

@@ -0,0 +1,58 @@
+/// <reference types="vitest" />
+import {defineConfig} from "vite";
+
+import viteTsConfigPaths from "vite-tsconfig-paths";
+import dts from "vite-plugin-dts";
+import {join} from "path";
+
+export default defineConfig({
+    cacheDir: "../../node_modules/.vite/react",
+
+    plugins: [
+        dts({
+            tsConfigFilePath: join(__dirname, "tsconfig.lib.json"),
+            // Faster builds by skipping tests. Set this to false to enable type checking.
+            skipDiagnostics: true,
+        }),
+
+        viteTsConfigPaths({
+            root: "../../",
+        }),
+    ],
+
+    // Uncomment this if you are using workers.
+    // worker: {
+    //  plugins: [
+    //    viteTsConfigPaths({
+    //      root: '../../',
+    //    }),
+    //  ],
+    // },
+
+    // Configuration for building your library.
+    // See: https://vitejs.dev/guide/build.html#library-mode
+    build: {
+        lib: {
+            // Could also be a dictionary or array of multiple entry points.
+            entry: "src/index.ts",
+            name: "react",
+            fileName: "index",
+            // Change this to the formats you want to support.
+            // Don't forgot to update your package.json as well.
+            formats: ["es", "cjs"],
+        },
+        rollupOptions: {
+            // External packages that should not be bundled into your library.
+            external: [],
+        },
+    },
+
+    test: {
+        globals: true,
+        cache: {
+            dir: "../../node_modules/.vitest",
+        },
+        environment: "jsdom",
+        include: ["src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
+    },
+});

tsconfig.base.json

@@ -15,7 +15,8 @@
         "skipDefaultLibCheck": true,
         "baseUrl": ".",
         "paths": {
-            "@tanstack-query-with-orbitjs/core": ["libs/core/src/index.ts"]
+            "@tanstack-query-with-orbitjs/core": ["libs/core/src/index.ts"],
+            "@tanstack-query-with-orbitjs/react": ["libs/react/src/index.ts"]
         }
     },
     "exclude": ["node_modules", "tmp"]