@moneybar.online/moneybar 3.1.0

package/moneybar-config-template.js

@@ -0,0 +1,109 @@
+// MoneyBar Configuration Template
+// Copy this file and customize for your project
+
+// Option 1: Browser CDN Usage (Recommended for simple projects)
+// Use this import and add the import map to your HTML
+/*
+Add to your HTML:
+<script type="importmap">
+{
+  "imports": {
+    "@supabase/supabase-js": "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2/+esm"
+  }
+}
+</script>
+*/
+
+import { MoneyBar } from 'https://cdn.jsdelivr.net/npm/@moneybar.online/moneybar/dist/index.browser.js';
+
+// Option 2: Self-contained bundle (No import map needed)
+// import { MoneyBar } from 'https://cdn.jsdelivr.net/npm/@moneybar.online/moneybar/dist/index.bundle.js';
+
+// Option 3: NPM install usage (for projects with bundlers)
+// import { MoneyBar } from '@moneybar.online/moneybar';
+
+const moneyBar = new MoneyBar({
+  // REQUIRED: Your unique app identifier
+  appId: 'my-app',
+
+  // REQUIRED: Number of free attempts before paywall
+  freeDownloadLimit: 3,
+
+  // REQUIRED: Supabase configuration
+  supabase: {
+    url: 'your-supabase-project-url',
+    anonKey: 'your-supabase-anon-key'
+  },
+
+  // REQUIRED: Payment configuration
+  payment: {
+    productId: 'your-dodo-payments-product-id',
+    mode: 'test' // Change to 'live' for production
+  },
+
+  // OPTIONAL: UI Theme (29 themes available)
+  theme: {
+    name: 'dark', // cyberpunk, emerald, corporate, etc.
+    primaryColor: '#7c3aed'
+  },
+
+  // OPTIONAL: Title bar configuration
+  titleBar: {
+    title: 'My App',
+    titleImage: './logo.png',
+    links: [
+      { text: 'Home', url: '/', target: '_self' },
+      { text: 'Pricing', url: '/pricing', target: '_self' }
+    ]
+  },
+
+  // OPTIONAL: Success modal
+  successMessage: {
+    enabled: true,
+    title: 'Success!',
+    message: 'Your action completed successfully!'
+  },
+
+  // OPTIONAL: Feedback collection
+  feedback: {
+    form: {
+      title: 'Quick Feedback',
+      description: 'What stopped you from upgrading?',
+      option1: 'Too expensive',
+      option2: 'Need more features',
+      option3: 'Just testing'
+    },
+    email: {
+      resendApiKey: 'your-resend-api-key',
+      fromEmail: 'hello@yourapp.com'
+    }
+  }
+});
+
+// Attach to button with your business logic
+moneyBar.attachToButton('#your-button-id', (userContext) => {
+  // Your app's functionality here
+  console.log('User context:', userContext);
+
+  if (userContext.isPremium) {
+    console.log('Premium user - unlock all features');
+    // Premium functionality
+  } else {
+    console.log(`Free user - ${userContext.remaining} uses remaining`);
+    // Free tier functionality
+  }
+
+  // Example: Your app logic
+  // generatePDF();
+  // downloadFile();
+  // processData();
+});
+
+// Global function for easy HTML usage
+window.myAction = function(userContext) {
+  if (userContext.isPremium) {
+    alert('Premium features unlocked!');
+  } else {
+    alert(`Free trial: ${userContext.remaining} uses left`);
+  }
+};

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@moneybar.online/moneybar",
+  "version": "3.1.0",
+  "description": "The navbar of monetization. Fix the 3 money-blocking stages: forced sign-ins, silent drop-offs, and broken payment flows. Turn browsers into buyers.",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "browser": "dist/index.browser.js",
+  "unpkg": "dist/index.umd.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "browser": "./dist/index.browser.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/",
+    "src/",
+    "README.md",
+    "moneybar-config-template.js",
+    "example-template.html"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "bundle": "rollup -c",
+    "build:all": "rm -rf dist && npm run build && npm run bundle",
+    "dev": "tsc --watch",
+    "prepublishOnly": "npm run build:all",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "moneybar",
+    "monetization",
+    "paywall",
+    "revenue",
+    "conversion",
+    "trial-to-paid",
+    "freemium",
+    "payment-flow",
+    "user-feedback",
+    "google-auth",
+    "indie-hackers",
+    "saas-monetization"
+  ],
+  "author": "Ravi Cloudworks <ravi@cloudworks.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ravi-cloudworks/moneybar"
+  },
+  "bugs": {
+    "url": "https://github.com/ravi-cloudworks/moneybar/issues"
+  },
+  "homepage": "https://moneybar.online",
+  "dependencies": {
+    "@supabase/supabase-js": "^2.86.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@types/node": "^20.0.0",
+    "rollup": "^2.79.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^5.0.0"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  }
+}