wip: add react-ezql to monorepo

jmonster · jmonster · commit f7779b51f390 · 2023-03-03T15:12:34.000-05:00
diff --git a/src/react-ezql/README.md b/src/react-ezql/README.md
diff --git a/src/react-ezql/index.html b/src/react-ezql/index.html
diff --git a/src/react-ezql/package-lock.json b/src/react-ezql/package-lock.json
diff --git a/src/react-ezql/package.json b/src/react-ezql/package.json
@@ -0,0 +1,69 @@
+{
+  "name": "react-ezql",
+  "version": "0.0.0",
+  "type": "module",
+  "files": [
+    "README.md",
+    "dist"
+  ],
+  "main": "./dist/ezql-prompt.umd.js",
+  "module": "./dist/ezql-prompt.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/ezql-prompt.es.js",
+      "require": "./dist/ezql-prompt.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "watch": "vitest",
+    "coverage": "vitest run --coverage"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "eslintConfig": {
+    "env": {
+      "browser": true,
+      "node": true,
+      "es2020": true
+    },
+    "extends": [
+      "eslint:recommended",
+      "plugin:react/recommended"
+    ],
+    "parserOptions": {
+      "sourceType": "module"
+    }
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^9.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
+    "@types/react-test-renderer": "^18.0.0",
+    "@vitejs/plugin-react-swc": "^3.0.0",
+    "c8": "^7.13.0",
+    "eslint": "^8.35.0",
+    "eslint-plugin-react": "^7.32.2",
+    "jsdom": "^21.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-test-renderer": "^18.2.0",
+    "typescript": "^4.9.3",
+    "vite": "^4.1.0",
+    "vitest": "^0.29.2"
+  }
+}
diff --git a/src/react-ezql/src/App.css b/src/react-ezql/src/App.css
diff --git a/src/react-ezql/src/App.tsx b/src/react-ezql/src/App.tsx
@@ -0,0 +1,8 @@
+import './App.css'
+import EzqlPrompt from '.'
+
+function App() {
+  return <EzqlPrompt />
+}
+
+export default App
diff --git a/src/react-ezql/src/__snapshots__/index.test.tsx.snap b/src/react-ezql/src/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,7 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`EzqlPrompt > component renders correctly 1`] = `
+<div>
+  Coming soon.
+</div>
+`;
diff --git a/src/react-ezql/src/index.css b/src/react-ezql/src/index.css
diff --git a/src/react-ezql/src/index.test.tsx b/src/react-ezql/src/index.test.tsx
@@ -0,0 +1,13 @@
+import renderer from 'react-test-renderer'
+import { describe, expect, test } from 'vitest'
+import EzqlPrompt from './index'
+
+describe('EzqlPrompt', () => {
+  test('component renders correctly', () => {
+    const component = renderer.create(<EzqlPrompt />)
+
+    const tree = component.toJSON()
+
+    expect(tree).toMatchSnapshot()
+  })
+})
diff --git a/src/react-ezql/src/index.tsx b/src/react-ezql/src/index.tsx
@@ -0,0 +1,3 @@
+export default function EzqlPrompt() {
+  return <div>Coming soon.</div>
+}
diff --git a/src/react-ezql/src/integration.test.tsx b/src/react-ezql/src/integration.test.tsx
@@ -0,0 +1,12 @@
+import { render, screen, cleanup } from '@testing-library/react'
+import { describe, expect, test, afterEach } from 'vitest'
+import EzqlPrompt from './index'
+
+describe('Integration test', () => {
+  afterEach(cleanup)
+
+  test('Minimal render display expected text', () => {
+    render(<EzqlPrompt />)
+    expect(screen.getByText('Coming soon.'))
+  })
+})
diff --git a/src/react-ezql/src/main.tsx b/src/react-ezql/src/main.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+)
diff --git a/src/react-ezql/src/vite-env.d.ts b/src/react-ezql/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/src/react-ezql/tsconfig.json b/src/react-ezql/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/src/react-ezql/tsconfig.node.json b/src/react-ezql/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/src/react-ezql/vite.config.ts b/src/react-ezql/vite.config.ts
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.tsx'),
+      name: 'EZQL Prompt',
+      fileName: (format) => `ezql-prompt.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom'],
+      output: {
+        globals: {
+          react: 'React',
+        },
+      },
+    },
+  },
+  plugins: [react()],
+})
diff --git a/src/react-ezql/vitest.config.js b/src/react-ezql/vitest.config.js
@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  test: {
+    globals: false,
+    environment: 'jsdom',
+  },
+})

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function EzqlPrompt() {`
	`2`	`+ return <div>Coming soon.</div>`
	`3`	`+}`