@aitronos/freddy-plugins 0.4.41 → 0.4.42

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## 0.4.42 (2025-11-18)
+
+**Removing web-components setup to avoid issues in consuming apps with error in "xg"**
+
+### Commit Details
+- **Commit Message:** Removing web-components setup to avoid issues in consuming apps with error in "xg"
+- **Branch:** `bugs/updated-freddy-plugins-bug-fix` (Other)
+- **Commit Hash:** `404cc4f`
+- **Author:** asif-mn-aitronos
+- **Date:** 2025-11-18
+- **Version Type:** patch
+
+### Changes
+- Removing web-components setup to avoid issues in consuming apps with error in "xg"
+
 ## 0.4.41 (2025-11-18)
 
 ### Commit Details

package/README.md

@@ -473,225 +473,6 @@ The Storybook provides:
 - Animation showcases
 - Utility function documentation
 
-## 🅰️ Angular Usage
-
-### Installation & Setup
-
-```bash
-npm install @aitronos/freddy-plugins
-```
-
-# Staging (staging branch)
-git push origin staging
-### Import Web Components
-
-**Option 1: Global Registration (Recommended)**
-
-```typescript
-// main.ts
-import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
-import { AppModule } from "./app/app.module";
-
-// Import web components and CSS
-import "@aitronos/freddy-plugins/web-components";
-import "@aitronos/freddy-plugins/dist/freddy-plugins.css";
-
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
-```
-
-**Option 2: Component-level Import**
-
-```typescript
-// app.component.ts
-import { Component } from "@angular/core";
-import "@aitronos/freddy-plugins/web-components";
-import "@aitronos/freddy-plugins/dist/freddy-plugins.css";
-
-@Component({
-  selector: "app-root",
-  template: `
-    <div>
-      <h1>My Angular App</h1>
-      <freddy-button>Click me!</freddy-button>
-      <icon-search></icon-search>
-    </div>
-  `,
-})
-export class AppComponent {}
-```
-
-### Using Components in Templates
-
-```html
-<!-- app.component.html -->
-<div class="container">
-  <!-- Buttons -->
-  <freddy-button>Primary Button</freddy-button>
-  <freddy-button [disabled]="true">Disabled Button</freddy-button>
-
-  <!-- Icons -->
-  <icon-search></icon-search>
-  <icon-user></icon-user>
-  <icon-settings></icon-settings>
-
-  <!-- Form Components -->
-  <freddy-input-field
-    [placeholder]="'Enter your name'"
-    [value]="name"
-    (input)="onNameChange($event)"
-  >
-  </freddy-input-field>
-
-  <!-- Modals -->
-  <freddy-modal-box [isOpen]="showModal">
-    <h2>Modal Title</h2>
-    <p>Modal content goes here</p>
-  </freddy-modal-box>
-</div>
-```
-
-### Using Utilities
-
-```typescript
-// app.component.ts
-import { Component } from "@angular/core";
-import { sanitizeHTML } from "@aitronos/freddy-plugins/web-components";
-
-@Component({
-  selector: "app-root",
-  template: ` <div [innerHTML]="sanitizedHtml"></div> `,
-})
-export class AppComponent {
-  rawHtml = "<p>This is <strong>safe</strong> HTML!</p>";
-
-  get sanitizedHtml() {
-    return sanitizeHTML(this.rawHtml);
-  }
-}
-```
-
-### Styling
-
-```css
-/* styles.css */
-freddy-button {
-  margin: 10px;
-}
-
-icon-search {
-  color: #007bff;
-  font-size: 24px;
-}
-
-/* Custom theming with CSS variables */
-.my-custom-freddy-button {
-  --freddy-button-bg-color: #28a745;
-  --freddy-button-text-color: white;
-}
-```
-
-## ⚛️ React Usage
-
-### Installation & Setup
-
-```bash
-npm install @aitronos/freddy-plugins
-```
-
-### Import Web Components
-
-```tsx
-// App.tsx
-import React from "react";
-import "@aitronos/freddy-plugins/web-components";
-import "@aitronos/freddy-plugins/dist/freddy-plugins.css";
-
-function App() {
-  return (
-    <div>
-      <h1>My React App</h1>
-      <freddy-button>Click me!</freddy-button>
-      <icon-search></icon-search>
-    </div>
-  );
-}
-
-export default App;
-```
-
-### Setup Guide
-
-For a concise setup guide and environment notes, see `docs/development/setup-guide.md`.
-
-### **Brand Switching Commands**
-
-```bash
-# Generate clean configuration
-yarn generate:color-config
-
-# Build the project
-yarn build
-
-# Run Storybook
-yarn storybook
-```
-
-## 📋 **Project Structure**
-### Using Components
-
-```tsx
-// components/MyComponent.tsx
-import React from "react";
-import { sanitizeHTML } from "@aitronos/freddy-plugins/web-components";
-
-const MyComponent = () => {
-  const handleClick = (event: CustomEvent) => {
-    console.log("Button clicked:", event.detail);
-  };
-
-  return (
-    <div>
-      <freddy-button onClick={handleClick}>Click me!</freddy-button>
-
-      <freddy-input-field
-        placeholder="Enter text..."
-        onInput={(e) => console.log(e.detail.value)}
-      />
-
-      <div
-        dangerouslySetInnerHTML={{
-          __html: sanitizeHTML("<p>Safe HTML content</p>"),
-        }}
-      />
-    </div>
-  );
-};
-
-export default MyComponent;
-```
-
-### TypeScript Support
-
-```typescript
-// types.d.ts
-declare namespace JSX {
-  interface IntrinsicElements {
-    "freddy-button": {
-      disabled?: boolean;
-      onClick?: (event: CustomEvent) => void;
-      children?: React.ReactNode;
-    };
-    "icon-search": {
-      size?: string;
-      color?: string;
-    };
-    // ... other components
-  }
-}
-```
-
 ## 🟢 Vue Usage
 
 ### **Security Features**
@@ -728,7 +509,6 @@ Add these CNAME records in Hostpoint.ch:
 </template>
 
 <script setup lang="ts">
-import "@aitronos/freddy-plugins/web-components";
 import "@aitronos/freddy-plugins/dist/freddy-plugins.css";
 
 const handleClick = (event: CustomEvent) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aitronos/freddy-plugins",
-  "version": "0.4.41",
+  "version": "0.4.42",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -28,11 +28,6 @@
       "import": "./dist/icons.js",
       "require": "./dist/icons.cjs"
     },
-    "./web-components": {
-      "types": "./dist/web-components.d.ts",
-      "import": "./dist/web-components.js",
-      "require": "./dist/web-components.iife.js"
-    },
     "./freddy-plugins.css": {
       "default": "./dist/freddy-plugins.css"
     }
@@ -45,7 +40,6 @@
     "dev": "vite",
     "build": "node scripts/build-unified.js",
     "build:vue": "yarn clean && yarn generate:icons-export && yarn generate:animations-exports && yarn generate:components-exports && yarn generate:components-stories && yarn generate:icon-stories && vue-tsc -p tsconfig.build.json && BUILD_TARGET=library vite build",
-    "build:webcomponents": "yarn generate:icons-export && yarn generate:animations-exports && yarn generate:components-exports && yarn generate:components-stories && yarn generate:icon-stories && yarn generate:web-component-wrapper && vue-tsc -p tsconfig.build.json && BUILD_TARGET=webcomponent vite build",
     "preview": "vite preview",
     "visualize-build": "ANALYZE=true yarn build",
     "clean": "rimraf dist",
@@ -62,7 +56,6 @@
     "generate:components-stories": "node src/scripts/generate-components-stories.js",
     "generate:helper-stories": "node src/scripts/generate-helper-story.js",
     "generate:icon-stories": "node src/scripts/generate-icon-stories.js",
-    "generate:web-component-wrapper": "node src/scripts/generate-web-component-wrapper.js",
     "bump": "node scripts/bump-version.js",
     "version:patch": "node scripts/bump-version.js patch",
     "version:minor": "node scripts/bump-version.js minor",