@pepperi-addons/ngx-lib-react 0.5.1 → 0.5.2

package/README.md

@@ -126,27 +126,14 @@ Notes:
 - Events are bridged from the custom element `CustomEvent` to React callbacks.
 - Ensure `.pepperi-theme` is applied at app level so Angular Material overlays are themed.
 
-## Using Services
+## ⚠️ Angular Services NOT Available
 
-The package also exports all Angular services for utility functions:
+**No Angular services are exported** because they all require Angular's dependency injection, which would bundle the entire Angular runtime into your React app.
 
-```tsx
-import {
-    PepUtilitiesService,
-    PepColorService,
-    PepFileService,
-    PepValidatorService,
-    PepDataConvertorService
-} from '@pepperi-addons/ngx-lib-react';
-
-// Example: Generate UUID
-const utilitiesService = new PepUtilitiesService();
-const uuid = utilitiesService.generateUUID();
-
-// Example: Validate email
-const validatorService = new PepValidatorService();
-const isValid = validatorService.isValidEmail('test@example.com');
-```
+**Alternatives:**
+- **For HTTP**: Use the HTTP helper functions below
+- **For UI**: Use the custom element components (PepDialog, PepSnackBar, etc.)
+- **For utilities**: Use standard JavaScript libraries (uuid, validator, js-cookie, etc.)
 
 ## HTTP Helper Functions
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-lib-react",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Thin React wrappers for Pepperi Angular Elements (Web Components) to improve DX in React.",
   "license": "MIT",
   "author": "Pepperi",

package/services.d.ts

@@ -1,15 +1,17 @@
 /**
- * Re-export all services from @pepperi-addons/ngx-lib
- * This allows React projects to access Angular services for utility functions
+ * Services Export - IMPORTANT NOTICE
+ *
+ * All Angular services from @pepperi-addons/ngx-lib require Angular's dependency injection
+ * and cannot be used in React-only environments without bundling the entire Angular runtime.
+ *
+ * This would cause significant bundling issues and bloat your React application.
+ *
+ * ALTERNATIVES:
+ * - For HTTP requests: Use the HTTP helper functions (pepHttpGet, pepHttpPost, etc.)
+ * - For UI components: Use the custom element components (PepDialog, PepSnackBar, etc.)
+ * - For utilities: Implement lightweight alternatives or use standard JavaScript libraries
+ *
+ * If you absolutely need Angular service functionality, you must use the Angular library
+ * directly in an Angular application, not in a React application.
  */
-export { PepAddonService, PepColorService, PepCookieService, PepDataConvertorService, PepFileService, PepJwtHelperService, PepSessionService, PepTranslateService, PepUtilitiesService, PepValidatorService, PepWindowScrollingService } from '@pepperi-addons/ngx-lib';
-export { PepCustomizationService } from '@pepperi-addons/ngx-lib';
-export { PepHttpService, PepLoaderService } from '@pepperi-addons/ngx-lib';
-export { PepLayoutService } from '@pepperi-addons/ngx-lib';
-export { PepPortalService } from '@pepperi-addons/ngx-lib';
-export { PepScrollToService } from '@pepperi-addons/ngx-lib';
-export { PepClipboardService } from '@pepperi-addons/ngx-lib';
-export { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
-export { PepSnackBarService } from '@pepperi-addons/ngx-lib/snack-bar';
-export { PepIconRegistry, PepIconService } from '@pepperi-addons/ngx-lib/icon';
-export { PepImageService } from '@pepperi-addons/ngx-lib/image';
+export {};

package/services.js

@@ -1,27 +1,18 @@
 /**
- * Re-export all services from @pepperi-addons/ngx-lib
- * This allows React projects to access Angular services for utility functions
+ * Services Export - IMPORTANT NOTICE
+ *
+ * All Angular services from @pepperi-addons/ngx-lib require Angular's dependency injection
+ * and cannot be used in React-only environments without bundling the entire Angular runtime.
+ *
+ * This would cause significant bundling issues and bloat your React application.
+ *
+ * ALTERNATIVES:
+ * - For HTTP requests: Use the HTTP helper functions (pepHttpGet, pepHttpPost, etc.)
+ * - For UI components: Use the custom element components (PepDialog, PepSnackBar, etc.)
+ * - For utilities: Implement lightweight alternatives or use standard JavaScript libraries
+ *
+ * If you absolutely need Angular service functionality, you must use the Angular library
+ * directly in an Angular application, not in a React application.
  */
-// Core Common Services
-export { PepAddonService, PepColorService, PepCookieService, PepDataConvertorService, PepFileService, PepJwtHelperService, PepSessionService, PepTranslateService, PepUtilitiesService, PepValidatorService, PepWindowScrollingService } from '@pepperi-addons/ngx-lib';
-// Customization Service
-export { PepCustomizationService } from '@pepperi-addons/ngx-lib';
-// HTTP Services
-export { PepHttpService, PepLoaderService } from '@pepperi-addons/ngx-lib';
-// Layout Service
-export { PepLayoutService } from '@pepperi-addons/ngx-lib';
-// Portal Service
-export { PepPortalService } from '@pepperi-addons/ngx-lib';
-// Scroll To Service
-export { PepScrollToService } from '@pepperi-addons/ngx-lib';
-// Clipboard Service
-export { PepClipboardService } from '@pepperi-addons/ngx-lib';
-// Component-specific Services
-export { PepDialogService } from '@pepperi-addons/ngx-lib/dialog';
-export { PepSnackBarService } from '@pepperi-addons/ngx-lib/snack-bar';
-export { PepIconRegistry, PepIconService } from '@pepperi-addons/ngx-lib/icon';
-export { PepImageService } from '@pepperi-addons/ngx-lib/image';
-// Note: Some services like RemoteLoaderService, QueryBuilderService, etc. 
-// are specialized and may require additional Angular dependencies.
-// Add them as needed based on your project requirements.
+export {};
 //# sourceMappingURL=services.js.map