platformscode-new-react 0.0.1

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "platformscode-new-react",
+  "version": "0.0.1",
+  "description": "React Components for Platformscode",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/platformscode-react.git"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.2",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "vite-plugin-dts": "^4.0.3",
+    "@vitejs/plugin-react": "^4.3.1",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.1"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@platformscode/core": "*",
+    "@stencil/react-output-target": "^0.6.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  }
+}

package/readme.md

@@ -0,0 +1,3 @@
+# React Components
+
+...

package/src/components.ts

@@ -0,0 +1,88 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+
+/* eslint-disable */
+
+import { type DgaButtonCustomEvent } from '../../core/dist/types';
+import { DgaAccordion as DgaAccordionElement, defineCustomElement as defineDgaAccordion } from '../../core/dist/components/dga-accordion.js';
+import { DgaAvatar as DgaAvatarElement, defineCustomElement as defineDgaAvatar } from '../../core/dist/components/dga-avatar.js';
+import { DgaBreadcrumbs as DgaBreadcrumbsElement, defineCustomElement as defineDgaBreadcrumbs } from '../../core/dist/components/dga-breadcrumbs.js';
+import { DgaButton as DgaButtonElement, defineCustomElement as defineDgaButton } from '../../core/dist/components/dga-button.js';
+import { DgaIcon as DgaIconElement, defineCustomElement as defineDgaIcon } from '../../core/dist/components/dga-icon.js';
+import { DgaLoading as DgaLoadingElement, defineCustomElement as defineDgaLoading } from '../../core/dist/components/dga-loading.js';
+import { DgaTooltip as DgaTooltipElement, defineCustomElement as defineDgaTooltip } from '../../core/dist/components/dga-tooltip.js';
+import type { EventName } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+type DgaAccordionEvents = NonNullable<unknown>;
+
+export const DgaAccordion = /*@__PURE__*/ createComponent<DgaAccordionElement, DgaAccordionEvents>({
+  tagName: 'dga-accordion',
+  elementClass: DgaAccordionElement,
+  react: React,
+  events: {} as DgaAccordionEvents,
+  defineCustomElement: defineDgaAccordion,
+});
+
+type DgaAvatarEvents = NonNullable<unknown>;
+
+export const DgaAvatar = /*@__PURE__*/ createComponent<DgaAvatarElement, DgaAvatarEvents>({
+  tagName: 'dga-avatar',
+  elementClass: DgaAvatarElement,
+  react: React,
+  events: {} as DgaAvatarEvents,
+  defineCustomElement: defineDgaAvatar,
+});
+
+type DgaBreadcrumbsEvents = { onBreadcrumbClick: EventName<CustomEvent<any>> };
+
+export const DgaBreadcrumbs = /*@__PURE__*/ createComponent<DgaBreadcrumbsElement, DgaBreadcrumbsEvents>({
+  tagName: 'dga-breadcrumbs',
+  elementClass: DgaBreadcrumbsElement,
+  react: React,
+  events: { onBreadcrumbClick: 'breadcrumbClick' } as DgaBreadcrumbsEvents,
+  defineCustomElement: defineDgaBreadcrumbs,
+});
+
+type DgaButtonEvents = { onOnClick: EventName<DgaButtonCustomEvent<MouseEvent>> };
+
+export const DgaButton = /*@__PURE__*/ createComponent<DgaButtonElement, DgaButtonEvents>({
+  tagName: 'dga-button',
+  elementClass: DgaButtonElement,
+  react: React,
+  events: { onOnClick: 'onClick' } as DgaButtonEvents,
+  defineCustomElement: defineDgaButton,
+});
+
+type DgaIconEvents = NonNullable<unknown>;
+
+export const DgaIcon = /*@__PURE__*/ createComponent<DgaIconElement, DgaIconEvents>({
+  tagName: 'dga-icon',
+  elementClass: DgaIconElement,
+  react: React,
+  events: {} as DgaIconEvents,
+  defineCustomElement: defineDgaIcon,
+});
+
+type DgaLoadingEvents = NonNullable<unknown>;
+
+export const DgaLoading = /*@__PURE__*/ createComponent<DgaLoadingElement, DgaLoadingEvents>({
+  tagName: 'dga-loading',
+  elementClass: DgaLoadingElement,
+  react: React,
+  events: {} as DgaLoadingEvents,
+  defineCustomElement: defineDgaLoading,
+});
+
+type DgaTooltipEvents = NonNullable<unknown>;
+
+export const DgaTooltip = /*@__PURE__*/ createComponent<DgaTooltipElement, DgaTooltipEvents>({
+  tagName: 'dga-tooltip',
+  elementClass: DgaTooltipElement,
+  react: React,
+  events: {} as DgaTooltipEvents,
+  defineCustomElement: defineDgaTooltip,
+});

package/src/index.ts

@@ -0,0 +1 @@
+export * from './components';

package/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "allowUnreachableCode": false,
+    "experimentalDecorators": true,
+    "lib": [
+      "dom",
+      "es2022"
+    ],
+    "declaration": true,
+    "declarationDir": "dist",
+    "moduleResolution": "Bundler",
+    "module": "esnext",
+    "target": "es2022",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "jsx": "react",
+    "jsxFactory": "h",
+    "paths": {
+      "@platformscode/core": ["../core/dist/types/index.d.ts"],
+      "@platformscode/core/*": ["../core/dist/*"],
+      "@platformscode/core/components/*": ["../core/dist/components/*"],
+      // "@platformscode/core/types/*": ["../core/dist/types/*"]
+    }
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,24 @@
+import path from 'node:path';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+  plugins: [react(), dts()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      formats: ['es', 'cjs'],
+      fileName: format => `index.${format === 'es' ? 'js' : 'cjs.js'}`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom'],
+      output: {
+        globals: {
+          'react': 'React',
+          'react-dom': 'ReactDOM',
+        },
+      },
+    },
+  },
+});