osi-cards-lib 1.5.32 → 1.5.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osi-cards-lib",
-  "version": "1.5.32",
+  "version": "1.5.34",
   "description": "Standalone OSI Cards library for Angular applications with CSS Layer support for easy style overrides",
   "keywords": [
     "angular",
@@ -12,26 +12,35 @@
   ],
   "author": "",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Inutilepat83/OSI-Cards.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Inutilepat83/OSI-Cards/issues"
+  },
+  "homepage": "https://github.com/Inutilepat83/OSI-Cards#readme",
   "peerDependencies": {
-    "@angular/common": "^18.0.0 || ^20.0.0",
     "@angular/core": "^18.0.0 || ^20.0.0",
-    "@angular/animations": "^18.0.0 || ^20.0.0",
+    "@angular/common": "^18.0.0 || ^20.0.0",
+    "@angular/forms": "^18.0.0 || ^20.0.0",
+    "@angular/router": "^18.0.0 || ^20.0.0",
     "@angular/platform-browser": "^18.0.0 || ^20.0.0",
+    "@ngrx/store": "^17.0.0 || ^18.0.0",
+    "@ngrx/effects": "^17.0.0 || ^18.0.0",
+    "@ngrx/entity": "^17.0.0 || ^18.0.0",
+    "rxjs": "~7.8.0",
+    "zone.js": "~0.14.0 || ~0.15.0"
+  },
+  "dependencies": {
     "lucide-angular": "^0.548.0",
-    "rxjs": "~7.8.0"
+    "lucide": "^0.548.0",
+    "tslib": "^2.3.0"
   },
   "optionalDependencies": {
     "chart.js": "^4.4.0",
     "leaflet": "^1.9.4"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Inutilepat83/OSI-Cards.git"
-  },
-  "homepage": "https://github.com/Inutilepat83/OSI-Cards#readme",
-  "bugs": {
-    "url": "https://github.com/Inutilepat83/OSI-Cards/issues"
-  },
   "exports": {
     "./package.json": {
       "default": "./package.json"
@@ -79,8 +88,11 @@
       "default": "./styles/osi-cards-standalone.css"
     }
   },
+  "main": "./fesm2022/osi-cards-lib.mjs",
+  "module": "./fesm2022/osi-cards-lib.mjs",
+  "typings": "./index.d.ts",
   "sideEffects": [
     "*.css",
     "*.scss"
   ]
-}
+}

package/scripts/setup-angular-styles.js

@@ -0,0 +1,169 @@
+#!/usr/bin/env node
+
+/**
+ * Setup Script for OSI Cards Library
+ *
+ * Automatically adds library styles to angular.json
+ * This script can be run manually or as a post-install hook
+ *
+ * Usage:
+ *   node scripts/setup-angular-styles.js
+ *   OR
+ *   npm run setup:styles (if added to package.json)
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const colors = {
+  reset: '\x1b[0m',
+  green: '\x1b[32m',
+  red: '\x1b[31m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+};
+
+function log(msg, color = colors.reset) {
+  console.log(`${color}${msg}${colors.reset}`);
+}
+
+function findAngularJson(startPath = process.cwd()) {
+  let currentPath = startPath;
+  const rootPath = path.parse(currentPath).root;
+
+  while (currentPath !== rootPath) {
+    const angularJsonPath = path.join(currentPath, 'angular.json');
+    if (fs.existsSync(angularJsonPath)) {
+      return angularJsonPath;
+    }
+    currentPath = path.dirname(currentPath);
+  }
+
+  return null;
+}
+
+function updateAngularJson(angularJsonPath) {
+  try {
+    const angularJson = JSON.parse(fs.readFileSync(angularJsonPath, 'utf8'));
+    let modified = false;
+
+    // Find all projects
+    for (const projectName in angularJson.projects) {
+      const project = angularJson.projects[projectName];
+
+      if (project.projectType === 'application' && project.architect?.build?.options) {
+        const buildOptions = project.architect.build.options;
+
+        // Check if styles array exists
+        if (!buildOptions.styles) {
+          buildOptions.styles = [];
+        }
+
+        // Check if library styles are already added
+        const libraryStylePath = 'node_modules/osi-cards-lib/styles/_styles-scoped.scss';
+        const hasLibraryStyles = buildOptions.styles.some(
+          (style) => style.includes('osi-cards-lib') && style.includes('_styles-scoped')
+        );
+
+        if (!hasLibraryStyles) {
+          // Add library styles after the main styles file
+          const mainStyleIndex = buildOptions.styles.findIndex(
+            (style) =>
+              style.includes('styles.sass') ||
+              style.includes('styles.scss') ||
+              style.includes('styles.css')
+          );
+
+          if (mainStyleIndex >= 0) {
+            buildOptions.styles.splice(mainStyleIndex + 1, 0, libraryStylePath);
+          } else {
+            buildOptions.styles.unshift(libraryStylePath);
+          }
+          modified = true;
+          log(`✓ Added library styles to project: ${projectName}`, colors.green);
+        } else {
+          log(`ℹ Library styles already configured in project: ${projectName}`, colors.blue);
+        }
+
+        // Ensure stylePreprocessorOptions exists
+        if (!buildOptions.stylePreprocessorOptions) {
+          buildOptions.stylePreprocessorOptions = {};
+        }
+
+        // Add includePaths if not present
+        if (!buildOptions.stylePreprocessorOptions.includePaths) {
+          buildOptions.stylePreprocessorOptions.includePaths = [];
+        }
+
+        const hasIncludePath = buildOptions.stylePreprocessorOptions.includePaths.some((path) =>
+          path.includes('osi-cards-lib')
+        );
+
+        if (!hasIncludePath) {
+          buildOptions.stylePreprocessorOptions.includePaths.push(
+            'node_modules/osi-cards-lib/styles'
+          );
+          modified = true;
+          log(`✓ Added includePaths to project: ${projectName}`, colors.green);
+        }
+
+        // Ensure sass options exist
+        if (!buildOptions.stylePreprocessorOptions.sass) {
+          buildOptions.stylePreprocessorOptions.sass = {};
+        }
+
+        if (!buildOptions.stylePreprocessorOptions.sass.silenceDeprecations) {
+          buildOptions.stylePreprocessorOptions.sass.silenceDeprecations = ['import'];
+          modified = true;
+          log(`✓ Added SASS deprecation silence to project: ${projectName}`, colors.green);
+        }
+      }
+    }
+
+    if (modified) {
+      // Write back with proper formatting
+      fs.writeFileSync(angularJsonPath, JSON.stringify(angularJson, null, 2) + '\n', 'utf8');
+      log('\n✅ Successfully updated angular.json!', colors.green);
+      log('\nNext steps:', colors.blue);
+      log('1. Remove the @import from your styles.sass/scss file if present', colors.yellow);
+      log('2. Rebuild your app: ng build or npm start', colors.yellow);
+      return true;
+    } else {
+      log('\nℹ angular.json is already configured correctly.', colors.blue);
+      return false;
+    }
+  } catch (error) {
+    log(`\n✗ Error updating angular.json: ${error.message}`, colors.red);
+    return false;
+  }
+}
+
+function main() {
+  log('\n═══════════════════════════════════════════════════════', colors.blue);
+  log('  OSI Cards Library - Angular Styles Setup', colors.blue);
+  log('═══════════════════════════════════════════════════════\n', colors.blue);
+
+  const angularJsonPath = findAngularJson();
+
+  if (!angularJsonPath) {
+    log("✗ angular.json not found. Make sure you're in an Angular project directory.", colors.red);
+    process.exit(1);
+  }
+
+  log(`Found angular.json at: ${angularJsonPath}\n`, colors.blue);
+
+  const success = updateAngularJson(angularJsonPath);
+
+  if (success) {
+    process.exit(0);
+  } else {
+    process.exit(0); // Still exit successfully if already configured
+  }
+}
+
+// Run if called directly
+if (require.main === module) {
+  main();
+}
+
+module.exports = { updateAngularJson, findAngularJson };

package/styles/_components.scss

@@ -0,0 +1,38 @@
+/* ===================================================================
+   SHARED COMPONENT STYLES BUNDLE
+
+   This file contains all component imports shared across all entry points:
+   - _styles.scss (demo app, :root scope)
+   - _styles-scoped.scss (integration, .osi-cards-container scope)
+   - _styles-standalone.scss (full isolation with Bootstrap reset)
+
+   Each entry point imports this bundle after setting up its scope and variables.
+
+   Note: Using @import here as Sass @use/@forward requires restructuring
+   the entire SCSS architecture. These warnings can be safely ignored
+   until Dart Sass 3.0.0 when migration will be required.
+   =================================================================== */
+
+// Core styles (must come first, after variables)
+@import "core/mixins";
+@import "core/surface-layers";
+@import "core/global";
+@import "core/utilities";
+@import "core/animations";
+
+// Streaming effects (must come after animations)
+@import "components/streaming-effects";
+
+// Layout styles
+@import "layout/tilt";
+@import "layout/masonry";
+@import "layout/feature-grid";
+
+// Hero card and feature card styles
+@import "components/hero-card";
+
+// Component styles
+@import "components/cards/ai-card";
+
+// All section styles (consolidated)
+@import "components/sections/sections-all";

package/styles/_index.scss

@@ -0,0 +1,25 @@
+/**
+ * OSI Cards Style System
+ * Single entry point for all styles
+ *
+ * Usage in applications:
+ * @use 'osi-cards-lib/styles' as osi;
+ *
+ * Or import individual parts:
+ * @use 'osi-cards-lib/styles/tokens' as tokens;
+ * @use 'osi-cards-lib/styles/mixins' as mixins;
+ */
+
+// Design tokens (CSS custom properties)
+@forward "osi-cards-tokens";
+
+// SCSS mixins and utilities
+@forward "osi-cards-mixins";
+
+// Component styles
+@forward "components/card" as card-*;
+@forward "components/section" as section-*;
+
+// Optional: Theme utilities
+@forward "themes/light" as light-*;
+@forward "themes/dark" as dark-*;