chore: fixed react output target config according to stencil example

six-group · Sep 16, 2024 · a7dc41b · a7dc41b
1 parent e9e11ba
commit a7dc41b
Show file tree

Hide file tree

Showing 23 changed files with 911 additions and 680 deletions.
diff --git a/libraries/ui-library-react/.eslintrc.cjs b/libraries/ui-library-react/.eslintrc.cjs
@@ -0,0 +1,11 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended'],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+  },
+};
diff --git a/libraries/ui-library-react/index.html b/libraries/ui-library-react/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/libraries/ui-library-react/package.json b/libraries/ui-library-react/package.json
@@ -1,24 +1,18 @@
 {
   "name": "@six-group/ui-library-react",
-  "sideEffects": false,
   "version": "4.2.4",
   "description": "React wrapper components for @six-group/ui-library",
   "license": "Apache-2.0",
+  "type": "module",
   "scripts": {
+    "dev": "vite",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "build": "npm run clean && npm run compile",
     "clean": "rimraf dist",
-    "compile": "npm run tsc",
-    "tsc": "tsc -p . --outDir ./dist",
-    "rollup": "rollup -c"
+    "compile": "tsc && vite build",
+    "preview": "vite preview"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/types/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "devDependencies": {
-    "@stencil/react-output-target": "^0.7.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
@@ -44,7 +38,9 @@
     "wdio-vite-service": "^1.0.6"
   },
   "dependencies": {
+    "@stencil/react-output-target": "^0.7.0",
     "@popperjs/core": "^2.9.2",
+    "react-dom": "^18.2.0",
     "@six-group/ui-library": "*"
   },
   "peerDependencies": {

diff --git a/libraries/ui-library-react/src/App.tsx b/libraries/ui-library-react/src/App.tsx
@@ -0,0 +1,5 @@
+function App() {
+  return <div></div>;
+}
+
+export default App;
diff --git a/libraries/ui-library-react/src/components.ts b/libraries/ui-library-react/src/components.ts
diff --git a/libraries/ui-library-react/src/index.ts b/libraries/ui-library-react/src/index.ts
diff --git a/libraries/ui-library-react/src/lib/components/stencil-generated/index.ts b/libraries/ui-library-react/src/lib/components/stencil-generated/index.ts
diff --git a/...ibrary-react/src/lib/components/stencil-generated/react-component-lib/createComponent.tsx b/...ibrary-react/src/lib/components/stencil-generated/react-component-lib/createComponent.tsx
diff --git a/...react/src/lib/components/stencil-generated/react-component-lib/createOverlayComponent.tsx b/...react/src/lib/components/stencil-generated/react-component-lib/createOverlayComponent.tsx
diff --git a/libraries/ui-library-react/src/lib/components/stencil-generated/react-component-lib/index.ts b/libraries/ui-library-react/src/lib/components/stencil-generated/react-component-lib/index.ts