autumn-js 0.0.77 → 0.0.79

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "autumn-js",
   "description": "Autumn JS Library",
-  "version": "0.0.77",
+  "version": "0.0.79",
   "main": "./dist/index.js",
   "scripts": {
     "cli": "tsx src/cli/index.ts",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "publish-beta": "npm run build && npm publish --tag beta",
+    "publish-beta": "pnpm publish --tag beta",
     "build": "rm -rf dist && tsup && node scripts/post-build.js",
     "dev-old": "tsx scripts/sync-registry.ts sync && (tsx scripts/sync-registry.ts watch & nodemon --watch src --ext ts,tsx,css --exec \"tsup --config tsup.dev.config.ts\")",
     "dev": "(tsx scripts/sync-registry.ts watch & nodemon --watch src --ext ts,tsx,css --exec \"tsup --config tsup.dev.config.ts && node scripts/post-build.js\")",
@@ -96,6 +96,7 @@
     "postcss": "^8.5.6",
     "postcss-nested": "^7.0.2",
     "postcss-prefix-selector": "^2.1.1",
+    "stripe": "^18.3.0",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.1",
     "tailwindcss-animate": "^1.0.7",

package/scripts/css-transform-plugin.js

@@ -0,0 +1,28 @@
+import fs from 'fs';
+import path from 'path';
+
+// esbuild plugin to transform CSS before injection
+export function cssTransformPlugin() {
+  return {
+    name: 'css-transform',
+    setup(build) {
+      // Process CSS files before they get injected
+      build.onLoad({ filter: /\.css$/ }, async (args) => {
+        const cssContent = await fs.promises.readFile(args.path, 'utf8');
+        
+        // Apply the same transformation as post-build.js
+        const transformedCss = cssContent.replace(
+          /(\*,\n::before,\n::after)/g,
+          '.au-root *,\n.au-root ::before,\n.au-root ::after'
+        );
+        
+        console.log(`🎨 Transformed CSS: ${path.basename(args.path)}`);
+        
+        return {
+          contents: transformedCss,
+          loader: 'css'
+        };
+      });
+    }
+  };
+}

package/scripts/post-build.js

@@ -3,23 +3,73 @@ const path = require('path');
 
 // Post-build processing: replace CSS selectors with .au-root prefix
 function processCssFiles() {
-  const cssFilePath = path.join(__dirname, '../dist/styles/global.css');
+  const cssFiles = [
+    path.join(__dirname, '../dist/styles/global.css'),
+    path.join(__dirname, '../dist/libraries/react/index.css')
+  ];
   
-  if (fs.existsSync(cssFilePath)) {
-    console.log('📄 Processing CSS file:', cssFilePath);
-    
-    const builtCss = fs.readFileSync(cssFilePath, 'utf8');
-    const updatedCss = builtCss.replace(
-      /(\*,\n::before,\n::after)/g,
-      '.au-root *,\n.au-root ::before,\n.au-root ::after'
-    );
+  cssFiles.forEach(cssFilePath => {
+    if (fs.existsSync(cssFilePath)) {
+      console.log('📄 Processing CSS file:', cssFilePath);
+      
+      const builtCss = fs.readFileSync(cssFilePath, 'utf8');
+      const updatedCss = builtCss.replace(
+        /(\*,\n::before,\n::after)/g,
+        '.au-root *,\n.au-root ::before,\n.au-root ::after'
+      );
+      
+      fs.writeFileSync(cssFilePath, updatedCss);
+      console.log('✅ CSS selectors updated with .au-root prefix');
+    } else {
+      console.log('⚠️ CSS file not found:', cssFilePath);
+    }
+  });
+}
+
+// Process injected CSS in JS files
+function processInjectedCss() {
+  const reactDir = path.join(__dirname, '../dist/libraries/react');
+  const files = fs.readdirSync(reactDir).filter(file => 
+    file.endsWith('.js') || file.endsWith('.mjs') || file.endsWith('.cjs')
+  );
+  
+  files.forEach(file => {
+    const filePath = path.join(reactDir, file);
+    const content = fs.readFileSync(filePath, 'utf8');
     
-    fs.writeFileSync(cssFilePath, updatedCss);
-    console.log('✅ CSS selectors updated with .au-root prefix');
-  } else {
-    console.log('⚠️ CSS file not found:', cssFilePath);
-  }
+    // Check if this file has styleInject and CSS content
+    if (content.includes('styleInject')) {
+      let updated = false;
+      let updatedContent = content;
+      
+      // Pattern 1: *,\n::before,\n::after (with newlines)
+      if (updatedContent.includes('*,\\n::before,\\n::after')) {
+        console.log('📄 Processing injected CSS pattern 1 in:', file);
+        updatedContent = updatedContent.replace(
+          /(\*,\\n::before,\\n::after)/g,
+          '.au-root *,\\n.au-root ::before,\\n.au-root ::after'
+        );
+        updated = true;
+      }
+      
+      // Pattern 2: *,::before,::after (without newlines)
+      if (updatedContent.includes('*,::before,::after')) {
+        console.log('📄 Processing injected CSS pattern 2 in:', file);
+        updatedContent = updatedContent.replace(
+          /(\*,::before,::after)/g,
+          '.au-root *,.au-root ::before,.au-root ::after'
+        );
+        updated = true;
+      }
+      
+      if (updated) {
+        fs.writeFileSync(filePath, updatedContent);
+        console.log('✅ Injected CSS selectors updated with .au-root prefix');
+      }
+    }
+  });
 }
 
 // Run the processing
-processCssFiles(); 
+processCssFiles();
+processInjectedCss(); 

package/scripts/sync-registry.ts

@@ -59,6 +59,16 @@ function transformImportsToRegistry(content: string): string {
     'from "@/registry/$1/$1"'
   );
 
+  // Remove loading styles import and replace with CSS classes
+  if (content.includes('from "@/utils/inject-styles"')) {
+    // Remove the import line
+    content = content.replace(/import\s+{[^}]*loadingStyles[^}]*}\s+from\s+["']@\/utils\/inject-styles["'];?\s*\n/g, '');
+    
+    // Replace inline styles with CSS classes
+    content = content.replace(/style={loadingStyles}/g, 'className="w-full h-full flex justify-center items-center min-h-[300px]"');
+    content = content.replace(/style={spinnerStyles}/g, 'className="w-6 h-6 text-zinc-400 animate-spin"');
+  }
+
   // Keep @/lib/utils and @/components/ui imports as-is
 
   return content;

package/tsup.config.ts

@@ -36,8 +36,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nrequire("../../styles/global.css");',
+      // js: '"use client";\nrequire("../../styles/global.css");',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));
@@ -54,8 +56,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nimport "../../styles/global.css";',
+      // js: '"use client";\nimport "../../styles/global.css";',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));

package/tsup.dev.config.ts

@@ -36,8 +36,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nrequire("../../styles/global.css");',
+      // js: '"use client";\nrequire("../../styles/global.css");',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));
@@ -54,8 +56,10 @@ const reactConfigs: Options[] = [
     external: ["react", "react/jsx-runtime", "react-dom"],
     bundle: true,
     banner: {
-      js: '"use client";\nimport "../../styles/global.css";',
+      // js: '"use client";\nimport "../../styles/global.css";',
+      js: '"use client";',
     },
+    injectStyle: true,
     esbuildOptions(options) {
       options.plugins = options.plugins || [];
       options.plugins.push(alias(pathAliases));

package/dist/libraries/react/checkTypes-Bz2m_2pr.d.ts

@@ -1,112 +0,0 @@
-import { I as Infinite, P as ProductItemIntervalType, U as UsageModel, A as AppEnv, F as FreeTrialDuration, g as CoreCustomerFeature, h as UsageModelType } from './cusTypes-DNx5bwlw.js';
-
-interface ProductItem {
-    feature_id?: string;
-    included_usage?: number | typeof Infinite;
-    interval?: ProductItemIntervalType;
-    usage_model?: UsageModel;
-    price?: number;
-    billing_units?: number;
-    entity_feature_id?: string;
-    reset_usage_on_billing?: boolean;
-    reset_usage_when_enabled?: boolean;
-    display?: {
-        primary_text?: string;
-        secondary_text?: string;
-    };
-}
-interface FreeTrial {
-    duration: FreeTrialDuration;
-    length: number;
-    unique_fingerprint: boolean;
-    trial_available?: boolean;
-}
-interface Product {
-    id: string;
-    created_at: number;
-    name: string;
-    env: AppEnv;
-    is_add_on: boolean;
-    is_default: boolean;
-    group: string;
-    version: number;
-    items: ProductItem[];
-    free_trial: FreeTrial | null;
-    scenario?: ProductScenario;
-    base_variant_id: string | null;
-    properties?: {
-        is_free?: boolean;
-        is_one_off?: boolean;
-        interval_group?: string;
-    };
-    display?: {
-        name?: string;
-        description?: string;
-        button_text?: string;
-        recommend_text?: string;
-        everything_from?: string;
-        button_url?: string;
-    };
-}
-
-type CheckFeatureScenario = "usage_limit" | "feature_flag";
-interface CheckFeatureResult extends CoreCustomerFeature {
-    allowed: boolean;
-    feature_id: string;
-    customer_id: string;
-    entity_id?: string;
-    required_balance: number;
-    code: string;
-    preview?: CheckFeaturePreview;
-}
-interface CheckFeaturePreview {
-    scenario: CheckFeatureScenario;
-    title: string;
-    message: string;
-    feature_id: string;
-    feature_name: string;
-    products: Product[];
-}
-type ProductScenario = "scheduled" | "active" | "new" | "renew" | "upgrade" | "downgrade" | "cancel";
-interface CheckProductResult {
-    allowed: boolean;
-    customer_id: string;
-    product_id: string;
-    code: string;
-    status?: string;
-    preview?: CheckProductPreview;
-}
-interface CheckProductPreview {
-    scenario: ProductScenario;
-    product_id: string;
-    product_name: string;
-    recurring: boolean;
-    error_on_attach?: boolean;
-    next_cycle_at?: number;
-    current_product_name?: string;
-    items?: {
-        price: string;
-        description: string;
-        usage_model?: UsageModelType;
-    }[];
-    options?: {
-        feature_id: string;
-        feature_name: string;
-        billing_units: number;
-        price?: number;
-        tiers?: {
-            to: number | string;
-            amount: number;
-        }[];
-    }[];
-    due_today?: {
-        price: number;
-        currency: string;
-    };
-    due_next_cycle?: {
-        price: number;
-        currency: string;
-    };
-}
-
-export type { CheckProductPreview as C, Product as P, ProductItem as a, CheckFeaturePreview as b, CheckFeatureResult as c, CheckProductResult as d, ProductScenario as e };

package/dist/libraries/react/checkTypes-Cjk7BjiU.d.mts

@@ -1,112 +0,0 @@
-import { I as Infinite, P as ProductItemIntervalType, U as UsageModel, A as AppEnv, F as FreeTrialDuration, g as CoreCustomerFeature, h as UsageModelType } from './cusTypes-DNx5bwlw.mjs';
-
-interface ProductItem {
-    feature_id?: string;
-    included_usage?: number | typeof Infinite;
-    interval?: ProductItemIntervalType;
-    usage_model?: UsageModel;
-    price?: number;
-    billing_units?: number;
-    entity_feature_id?: string;
-    reset_usage_on_billing?: boolean;
-    reset_usage_when_enabled?: boolean;
-    display?: {
-        primary_text?: string;
-        secondary_text?: string;
-    };
-}
-interface FreeTrial {
-    duration: FreeTrialDuration;
-    length: number;
-    unique_fingerprint: boolean;
-    trial_available?: boolean;
-}
-interface Product {
-    id: string;
-    created_at: number;
-    name: string;
-    env: AppEnv;
-    is_add_on: boolean;
-    is_default: boolean;
-    group: string;
-    version: number;
-    items: ProductItem[];
-    free_trial: FreeTrial | null;
-    scenario?: ProductScenario;
-    base_variant_id: string | null;
-    properties?: {
-        is_free?: boolean;
-        is_one_off?: boolean;
-        interval_group?: string;
-    };
-    display?: {
-        name?: string;
-        description?: string;
-        button_text?: string;
-        recommend_text?: string;
-        everything_from?: string;
-        button_url?: string;
-    };
-}
-
-type CheckFeatureScenario = "usage_limit" | "feature_flag";
-interface CheckFeatureResult extends CoreCustomerFeature {
-    allowed: boolean;
-    feature_id: string;
-    customer_id: string;
-    entity_id?: string;
-    required_balance: number;
-    code: string;
-    preview?: CheckFeaturePreview;
-}
-interface CheckFeaturePreview {
-    scenario: CheckFeatureScenario;
-    title: string;
-    message: string;
-    feature_id: string;
-    feature_name: string;
-    products: Product[];
-}
-type ProductScenario = "scheduled" | "active" | "new" | "renew" | "upgrade" | "downgrade" | "cancel";
-interface CheckProductResult {
-    allowed: boolean;
-    customer_id: string;
-    product_id: string;
-    code: string;
-    status?: string;
-    preview?: CheckProductPreview;
-}
-interface CheckProductPreview {
-    scenario: ProductScenario;
-    product_id: string;
-    product_name: string;
-    recurring: boolean;
-    error_on_attach?: boolean;
-    next_cycle_at?: number;
-    current_product_name?: string;
-    items?: {
-        price: string;
-        description: string;
-        usage_model?: UsageModelType;
-    }[];
-    options?: {
-        feature_id: string;
-        feature_name: string;
-        billing_units: number;
-        price?: number;
-        tiers?: {
-            to: number | string;
-            amount: number;
-        }[];
-    }[];
-    due_today?: {
-        price: number;
-        currency: string;
-    };
-    due_next_cycle?: {
-        price: number;
-        currency: string;
-    };
-}
-
-export type { CheckProductPreview as C, Product as P, ProductItem as a, CheckFeaturePreview as b, CheckFeatureResult as c, CheckProductResult as d, ProductScenario as e };

package/dist/libraries/react/cusTypes-DNx5bwlw.d.mts

@@ -1,116 +0,0 @@
-declare enum AppEnv {
-    Sandbox = "sandbox",
-    Live = "live"
-}
-
-declare const Infinite = "inf";
-declare enum FreeTrialDuration {
-    Day = "day"
-}
-declare enum UsageModel {
-    Prepaid = "prepaid",
-    PayPerUse = "pay_per_use"
-}
-type UsageModelType = "prepaid" | "pay_per_use";
-declare enum ProductItemInterval {
-    Minute = "minute",
-    Hour = "hour",
-    Day = "day",
-    Week = "week",
-    Month = "month",
-    Quarter = "quarter",
-    SemiAnnual = "semi_annual",
-    Year = "year",
-    Multiple = "multiple"
-}
-type ProductItemIntervalType = "minute" | "hour" | "day" | "week" | "month" | "quarter" | "semi_annual" | "year" | "multiple";
-
-declare enum ProductStatus {
-    Active = "active",
-    Expired = "expired",
-    Trialing = "trialing",
-    Scheduled = "scheduled",
-    PastDue = "past_due"
-}
-type CustomerExpandOption = "invoices" | "rewards" | "trials_used" | "entities";
-
-interface CoreCustomerFeature {
-    unlimited?: boolean;
-    interval?: ProductItemInterval | null;
-    balance?: number;
-    usage?: number;
-    included_usage?: number;
-    next_reset_at?: number | null;
-    overage_allowed?: boolean;
-    breakdown?: {
-        interval: ProductItemInterval;
-        balance?: number;
-        usage?: number;
-        included_usage?: number;
-        next_reset_at?: number;
-    }[];
-    credit_schema?: {
-        feature_id: string;
-        credit_amount: number;
-    }[];
-}
-interface CustomerFeature extends CoreCustomerFeature {
-    id: string;
-    name: string;
-    type: "static" | "single_use" | "continuous_use";
-}
-interface CustomerProduct {
-    id: string;
-    name: string | null;
-    group: string | null;
-    status: ProductStatus;
-    started_at: number;
-    canceled_at: number | null;
-    subscription_ids?: string[] | null;
-    current_period_start?: number | null;
-    current_period_end?: number | null;
-    trial_ends_at?: number;
-    entity_id?: string;
-    is_add_on: boolean;
-    is_default: boolean;
-}
-interface Customer {
-    id: string | null;
-    created_at: number;
-    name: string | null;
-    email: string | null;
-    fingerprint: string | null;
-    stripe_id: string | null;
-    env: AppEnv;
-    metadata: Record<string, any>;
-    products: CustomerProduct[];
-    features: Record<string, CustomerFeature>;
-    invoices?: CustomerInvoice[];
-}
-interface CustomerData {
-    name?: string;
-    email?: string;
-    fingerprint?: string;
-}
-interface CreateCustomerParams {
-    id?: string | null;
-    email?: string | null;
-    name?: string | null;
-    fingerprint?: string | null;
-    metadata?: Record<string, any>;
-    expand?: CustomerExpandOption[];
-}
-interface BillingPortalResult {
-    customer_id: string;
-    url: string;
-}
-interface CustomerInvoice {
-    product_ids: string[];
-    stripe_id: string;
-    status: string;
-    total: number;
-    currency: string;
-    created_at: number;
-}
-
-export { AppEnv as A, type BillingPortalResult as B, type CustomerData as C, FreeTrialDuration as F, Infinite as I, type ProductItemIntervalType as P, UsageModel as U, type CreateCustomerParams as a, type Customer as b, type CustomerExpandOption as c, type CustomerProduct as d, type CustomerFeature as e, type CustomerInvoice as f, type CoreCustomerFeature as g, type UsageModelType as h };

package/dist/libraries/react/cusTypes-DNx5bwlw.d.ts

@@ -1,116 +0,0 @@
-declare enum AppEnv {
-    Sandbox = "sandbox",
-    Live = "live"
-}
-
-declare const Infinite = "inf";
-declare enum FreeTrialDuration {
-    Day = "day"
-}
-declare enum UsageModel {
-    Prepaid = "prepaid",
-    PayPerUse = "pay_per_use"
-}
-type UsageModelType = "prepaid" | "pay_per_use";
-declare enum ProductItemInterval {
-    Minute = "minute",
-    Hour = "hour",
-    Day = "day",
-    Week = "week",
-    Month = "month",
-    Quarter = "quarter",
-    SemiAnnual = "semi_annual",
-    Year = "year",
-    Multiple = "multiple"
-}
-type ProductItemIntervalType = "minute" | "hour" | "day" | "week" | "month" | "quarter" | "semi_annual" | "year" | "multiple";
-
-declare enum ProductStatus {
-    Active = "active",
-    Expired = "expired",
-    Trialing = "trialing",
-    Scheduled = "scheduled",
-    PastDue = "past_due"
-}
-type CustomerExpandOption = "invoices" | "rewards" | "trials_used" | "entities";
-
-interface CoreCustomerFeature {
-    unlimited?: boolean;
-    interval?: ProductItemInterval | null;
-    balance?: number;
-    usage?: number;
-    included_usage?: number;
-    next_reset_at?: number | null;
-    overage_allowed?: boolean;
-    breakdown?: {
-        interval: ProductItemInterval;
-        balance?: number;
-        usage?: number;
-        included_usage?: number;
-        next_reset_at?: number;
-    }[];
-    credit_schema?: {
-        feature_id: string;
-        credit_amount: number;
-    }[];
-}
-interface CustomerFeature extends CoreCustomerFeature {
-    id: string;
-    name: string;
-    type: "static" | "single_use" | "continuous_use";
-}
-interface CustomerProduct {
-    id: string;
-    name: string | null;
-    group: string | null;
-    status: ProductStatus;
-    started_at: number;
-    canceled_at: number | null;
-    subscription_ids?: string[] | null;
-    current_period_start?: number | null;
-    current_period_end?: number | null;
-    trial_ends_at?: number;
-    entity_id?: string;
-    is_add_on: boolean;
-    is_default: boolean;
-}
-interface Customer {
-    id: string | null;
-    created_at: number;
-    name: string | null;
-    email: string | null;
-    fingerprint: string | null;
-    stripe_id: string | null;
-    env: AppEnv;
-    metadata: Record<string, any>;
-    products: CustomerProduct[];
-    features: Record<string, CustomerFeature>;
-    invoices?: CustomerInvoice[];
-}
-interface CustomerData {
-    name?: string;
-    email?: string;
-    fingerprint?: string;
-}
-interface CreateCustomerParams {
-    id?: string | null;
-    email?: string | null;
-    name?: string | null;
-    fingerprint?: string | null;
-    metadata?: Record<string, any>;
-    expand?: CustomerExpandOption[];
-}
-interface BillingPortalResult {
-    customer_id: string;
-    url: string;
-}
-interface CustomerInvoice {
-    product_ids: string[];
-    stripe_id: string;
-    status: string;
-    total: number;
-    currency: string;
-    created_at: number;
-}
-
-export { AppEnv as A, type BillingPortalResult as B, type CustomerData as C, FreeTrialDuration as F, Infinite as I, type ProductItemIntervalType as P, UsageModel as U, type CreateCustomerParams as a, type Customer as b, type CustomerExpandOption as c, type CustomerProduct as d, type CustomerFeature as e, type CustomerInvoice as f, type CoreCustomerFeature as g, type UsageModelType as h };