FEAT: added configurations for web components

packages/web-components/package.json

@@ -42,7 +42,8 @@
     "tslib": "2.8.1",
     "typescript": "5.7.2",
     "vite": "6.0.3",
-    "vite-plugin-dts": "4.3.0"
+    "vite-plugin-dts": "4.3.0",
+    "vite-plugin-static-copy": "2.2.0"
   },
   "dependencies": {
     "react": "19.0.0",

packages/web-components/src/components/hero.tsx → packages/web-components/src/components/hero/index.tsx

@@ -45,21 +45,3 @@ export class HeroWebComponent extends BaseWebComponent {
     );
   }
 }
-
-// const Hero: FC<HeroProps> = ({ title, description }) => {
-//     // Create and return the custom web component
-//     const webComponent = React.createElement('hero-element', {
-//       title,
-//       description,
-//     });
-
-//     return <div>{webComponent}</div>;
-//   };
-
-// customElements.define('hero-element', HeroElement);
-
-// const HeroComponent: FC<HeroProps> = (props) => {
-//   return <rhc-hero {...props} />;
-// };
-
-// export default HeroComponent;

packages/web-components/tsconfig.json

@@ -8,6 +8,6 @@
     "jsx": "react-jsx",
     "skipLibCheck": true
   },
-  "include": ["**/*.ts", "**/*.tsx", "**/*.d.ts"],
+  "include": ["**/*.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["**/node_modules/*", "dist", "loader", "**/*.spec.ts", "**/*.spec.tsx"]
 }

packages/web-components/types/global.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable no-unused-vars */
+import React from 'react';
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'rhc-hero': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+    }
+  }
+}

packages/web-components/vite.config.js → packages/web-components/vite.config.mjs

@@ -1,6 +1,7 @@
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
 
 export default defineConfig({
   build: {
@@ -21,5 +22,13 @@ export default defineConfig({
       insertTypesEntry: true,
       rollupTypes: true,
     }),
+    viteStaticCopy({
+      targets: [
+        {
+          src: 'types/*.d.ts',
+          dest: 'types',
+        },
+      ],
+    }),
   ],
 });