wiki-plugin-shoppe 0.0.14 → 0.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wiki-plugin-shoppe",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Multi-tenant digital goods shoppe for federated wiki, powered by Sanora",
   "keywords": [
     "wiki",

package/server/server.js

@@ -10,8 +10,9 @@ const sessionless = require('sessionless-node');
 const SHOPPE_BASE_EMOJI = process.env.SHOPPE_BASE_EMOJI || '🛍️🎨🎁';
 
 const TEMPLATES_DIR = path.join(__dirname, 'templates');
-const RECOVER_STRIPE_TMPL = fs.readFileSync(path.join(TEMPLATES_DIR, 'generic-recover-stripe.html'), 'utf8');
-const ADDRESS_STRIPE_TMPL = fs.readFileSync(path.join(TEMPLATES_DIR, 'generic-address-stripe.html'), 'utf8');
+const RECOVER_STRIPE_TMPL  = fs.readFileSync(path.join(TEMPLATES_DIR, 'generic-recover-stripe.html'), 'utf8');
+const ADDRESS_STRIPE_TMPL  = fs.readFileSync(path.join(TEMPLATES_DIR, 'generic-address-stripe.html'), 'utf8');
+const EBOOK_DOWNLOAD_TMPL  = fs.readFileSync(path.join(TEMPLATES_DIR, 'ebook-download.html'), 'utf8');
 
 function getAllyabaseOrigin() {
   try { return new URL(getSanoraUrl()).origin; } catch { return getSanoraUrl(); }
@@ -24,6 +25,7 @@ function fillTemplate(tmpl, vars) {
 
 const DATA_DIR     = path.join(process.env.HOME || '/root', '.shoppe');
 const TENANTS_FILE = path.join(DATA_DIR, 'tenants.json');
+const BUYERS_FILE  = path.join(DATA_DIR, 'buyers.json');
 const CONFIG_FILE  = path.join(DATA_DIR, 'config.json');
 const TMP_DIR      = '/tmp/shoppe-uploads';
 
@@ -46,6 +48,47 @@ function getSanoraUrl() {
   return `http://localhost:${process.env.SANORA_PORT || 7243}`;
 }
 
+function getAddieUrl() {
+  const config = loadConfig();
+  if (config.addieUrl) return config.addieUrl.replace(/\/$/, '');
+  return `http://localhost:${process.env.ADDIE_PORT || 3005}`;
+}
+
+function loadBuyers() {
+  if (!fs.existsSync(BUYERS_FILE)) return {};
+  try { return JSON.parse(fs.readFileSync(BUYERS_FILE, 'utf8')); } catch { return {}; }
+}
+
+function saveBuyers(buyers) {
+  fs.writeFileSync(BUYERS_FILE, JSON.stringify(buyers, null, 2));
+}
+
+async function getOrCreateBuyerAddieUser(recoveryKey, productId) {
+  const buyerKey = recoveryKey + productId;
+  const buyers = loadBuyers();
+  if (buyers[buyerKey]) return buyers[buyerKey];
+
+  const addieKeys = await sessionless.generateKeys(() => {}, () => null);
+  sessionless.getKeys = () => addieKeys;
+  const timestamp = Date.now().toString();
+  const message = timestamp + addieKeys.pubKey;
+  const signature = await sessionless.sign(message);
+
+  const resp = await fetch(`${getAddieUrl()}/user/create`, {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ timestamp, pubKey: addieKeys.pubKey, signature })
+  });
+
+  const addieUser = await resp.json();
+  if (addieUser.error) throw new Error(`Addie: ${addieUser.error}`);
+
+  const buyer = { uuid: addieUser.uuid, pubKey: addieKeys.pubKey, privateKey: addieKeys.privateKey };
+  buyers[buyerKey] = buyer;
+  saveBuyers(buyers);
+  return buyer;
+}
+
 // Same diverse palette as BDO emojicoding
 const EMOJI_PALETTE = [
   '🌟', '🌙', '🌍', '🌊', '🔥', '💎', '🎨', '🎭', '🎪', '🎯',
@@ -151,6 +194,25 @@ function generateEmojicode(tenants) {
   throw new Error('Failed to generate unique emojicode after 100 attempts');
 }
 
+async function addieCreateUser() {
+  const addieKeys = await sessionless.generateKeys(() => {}, () => null);
+  sessionless.getKeys = () => addieKeys;
+  const timestamp = Date.now().toString();
+  const message = timestamp + addieKeys.pubKey;
+  const signature = await sessionless.sign(message);
+
+  const resp = await fetch(`${getAllyabaseOrigin()}/plugin/allyabase/addie/user/create`, {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ timestamp, pubKey: addieKeys.pubKey, signature })
+  });
+
+  const addieUser = await resp.json();
+  if (addieUser.error) throw new Error(`Addie: ${addieUser.error}`);
+
+  return { uuid: addieUser.uuid, pubKey: addieKeys.pubKey, privateKey: addieKeys.privateKey };
+}
+
 async function registerTenant(name) {
   const tenants = loadTenants();
 
@@ -172,12 +234,21 @@ async function registerTenant(name) {
 
   const emojicode = generateEmojicode(tenants);
 
+  // Create a dedicated Addie user for payee splits
+  let addieKeys = null;
+  try {
+    addieKeys = await addieCreateUser();
+  } catch (err) {
+    console.warn('[shoppe] Could not create addie user (payouts unavailable):', err.message);
+  }
+
   const tenant = {
     uuid: sanoraUser.uuid,
     emojicode,
     name: name || 'Unnamed Shoppe',
     keys,
     sanoraUser,
+    addieKeys,
     createdAt: Date.now()
   };
 
@@ -936,10 +1007,11 @@ async function startServer(params) {
 
   // Save config (owner only)
   app.post('/plugin/shoppe/config', owner, (req, res) => {
-    const { sanoraUrl } = req.body;
+    const { sanoraUrl, addieUrl } = req.body;
     if (!sanoraUrl) return res.status(400).json({ success: false, error: 'sanoraUrl required' });
     const config = loadConfig();
     config.sanoraUrl = sanoraUrl;
+    if (addieUrl) config.addieUrl = addieUrl;
     saveConfig(config);
     console.log('[shoppe] Sanora URL set to:', sanoraUrl);
     res.json({ success: true });
@@ -952,15 +1024,20 @@ async function startServer(params) {
       if (!tenant) return res.status(404).send('<h1>Shoppe not found</h1>');
 
       const title = decodeURIComponent(req.params.title);
-      const sanoraUrl = getSanoraUrl();
-      const productsResp = await fetch(`${sanoraUrl}/products/${tenant.uuid}`);
+      const sanoraUrlInternal = getSanoraUrl();
+      const wikiOrigin = `${req.protocol}://${req.get('host')}`;
+      const sanoraUrl = `${wikiOrigin}/plugin/allyabase/sanora`;
+      const productsResp = await fetch(`${sanoraUrlInternal}/products/${tenant.uuid}`);
       const products = await productsResp.json();
       const product = products[title] || Object.values(products).find(p => p.title === title);
       if (!product) return res.status(404).send('<h1>Product not found</h1>');
 
-      const imageUrl = product.image ? `${sanoraUrl}/images/${product.image}` : '';
-      const ebookUrl = `${sanoraUrl}/products/${tenant.uuid}/${encodeURIComponent(title)}/ebook-download`;
-      const shoppeUrl = `${req.protocol}://${req.get('host')}/plugin/shoppe/${tenant.uuid}`;
+      const imageUrl = product.image ? `${sanoraUrlInternal}/images/${product.image}` : '';
+      const ebookUrl = `${wikiOrigin}/plugin/shoppe/${tenant.uuid}/download/${encodeURIComponent(title)}`;
+      const shoppeUrl = `${wikiOrigin}/plugin/shoppe/${tenant.uuid}`;
+      const payees = tenant.addieKeys
+        ? JSON.stringify([{ pubKey: tenant.addieKeys.pubKey, amount: product.price || 0 }])
+        : '[]';
 
       const html = fillTemplate(templateHtml, {
         title:           product.title || title,
@@ -972,9 +1049,11 @@ async function startServer(params) {
         pubKey:          '',
         signature:       '',
         sanoraUrl,
-        allyabaseOrigin: getAllyabaseOrigin(),
+        allyabaseOrigin: wikiOrigin,
         ebookUrl,
-        shoppeUrl
+        shoppeUrl,
+        payees,
+        tenantUuid:      tenant.uuid
       });
 
       res.set('Content-Type', 'text/html');
@@ -993,6 +1072,122 @@ async function startServer(params) {
   app.get('/plugin/shoppe/:identifier/buy/:title/address', (req, res) =>
     renderPurchasePage(req, res, ADDRESS_STRIPE_TMPL));
 
+  // Purchase intent — creates buyer Addie user, checks recovery hash, returns Stripe client secret
+  app.post('/plugin/shoppe/:identifier/purchase/intent', async (req, res) => {
+    try {
+      const tenant = getTenantByIdentifier(req.params.identifier);
+      if (!tenant) return res.status(404).json({ error: 'Shoppe not found' });
+
+      const { recoveryKey, productId, title } = req.body;
+      if (!recoveryKey || !productId) return res.status(400).json({ error: 'recoveryKey and productId required' });
+
+      const sanoraUrlInternal = getSanoraUrl();
+      const recoveryHash = recoveryKey + productId;
+
+      // Check if already purchased
+      const checkResp = await fetch(`${sanoraUrlInternal}/user/check-hash/${encodeURIComponent(recoveryHash)}/product/${encodeURIComponent(productId)}`);
+      const checkJson = await checkResp.json();
+      if (checkJson.success) return res.json({ purchased: true });
+
+      // Get product price
+      const productsResp = await fetch(`${sanoraUrlInternal}/products/${tenant.uuid}`);
+      const products = await productsResp.json();
+      const product = (title && products[title]) || Object.values(products).find(p => p.productId === productId);
+      const amount = product?.price || 0;
+
+      // Create/retrieve buyer Addie user
+      const buyer = await getOrCreateBuyerAddieUser(recoveryKey, productId);
+
+      // Create Stripe intent via Addie
+      const payees = tenant.addieKeys ? [{ pubKey: tenant.addieKeys.pubKey, amount }] : [];
+      const intentResp = await fetch(`${getAddieUrl()}/user/${buyer.uuid}/processor/stripe/intent`, {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ timestamp: Date.now().toString(), amount, currency: 'USD', payees })
+      });
+
+      const intentJson = await intentResp.json();
+      if (intentJson.error) return res.status(500).json({ error: intentJson.error });
+
+      res.json({ purchased: false, clientSecret: intentJson.paymentIntent, publishableKey: intentJson.publishableKey });
+    } catch (err) {
+      console.error('[shoppe] purchase intent error:', err);
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  // Purchase complete — creates recovery hash in Sanora after successful payment
+  app.post('/plugin/shoppe/:identifier/purchase/complete', async (req, res) => {
+    try {
+      const tenant = getTenantByIdentifier(req.params.identifier);
+      if (!tenant) return res.status(404).json({ error: 'Shoppe not found' });
+
+      const { recoveryKey, productId, order } = req.body;
+      if (!recoveryKey || !productId) return res.status(400).json({ error: 'recoveryKey and productId required' });
+
+      const sanoraUrlInternal = getSanoraUrl();
+      const recoveryHash = recoveryKey + productId;
+
+      if (order) {
+        await fetch(`${sanoraUrlInternal}/user/orders`, {
+          method: 'PUT',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ timestamp: Date.now().toString(), order })
+        });
+      }
+
+      const createResp = await fetch(`${sanoraUrlInternal}/user/create-hash/${encodeURIComponent(recoveryHash)}/product/${encodeURIComponent(productId)}`);
+      const createJson = await createResp.json();
+      res.json({ success: createJson.success });
+    } catch (err) {
+      console.error('[shoppe] purchase complete error:', err);
+      res.status(500).json({ error: err.message });
+    }
+  });
+
+  // Ebook download page (reached after successful payment + hash creation)
+  app.get('/plugin/shoppe/:identifier/download/:title', async (req, res) => {
+    try {
+      const tenant = getTenantByIdentifier(req.params.identifier);
+      if (!tenant) return res.status(404).send('<h1>Shoppe not found</h1>');
+
+      const title = decodeURIComponent(req.params.title);
+      const sanoraUrl = getSanoraUrl();
+      const productsResp = await fetch(`${sanoraUrl}/products/${tenant.uuid}`);
+      const products = await productsResp.json();
+      const product = products[title] || Object.values(products).find(p => p.title === title);
+      if (!product) return res.status(404).send('<h1>Book not found</h1>');
+
+      const imageUrl = product.image ? `${sanoraUrl}/images/${product.image}` : '';
+
+      // Map artifact UUIDs to download paths by extension
+      let epubPath = '', pdfPath = '', mobiPath = '';
+      (product.artifacts || []).forEach(artifact => {
+        if (artifact.includes('epub')) epubPath = `${sanoraUrl}/artifacts/${artifact}`;
+        if (artifact.includes('pdf'))  pdfPath  = `${sanoraUrl}/artifacts/${artifact}`;
+        if (artifact.includes('mobi')) mobiPath = `${sanoraUrl}/artifacts/${artifact}`;
+      });
+
+      const html = fillTemplate(EBOOK_DOWNLOAD_TMPL, {
+        title:       product.title || title,
+        description: product.description || '',
+        image:       imageUrl,
+        productId:   product.productId || '',
+        pubKey:      '',
+        signature:   '',
+        epubPath,
+        pdfPath,
+        mobiPath
+      });
+
+      res.set('Content-Type', 'text/html');
+      res.send(html);
+    } catch (err) {
+      console.error('[shoppe] download page error:', err);
+      res.status(500).send(`<h1>Error</h1><p>${err.message}</p>`);
+    }
+  });
+
   // Post reader — fetches markdown from Sanora and renders it as HTML
   app.get('/plugin/shoppe/:identifier/post/:title', async (req, res) => {
     try {

package/server/templates/ebook-download.html

@@ -0,0 +1,331 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.00, maximum-scale=1.00, minimum-scale=1.00">
+  
+  <!-- Web preview meta tags -->
+  <meta name="twitter:title" content="{{title}}">
+  <meta name="description" content="{{description}}">
+  <meta name="twitter:description" content="{{description}}">
+  <meta name="twitter:image" content="{{image}}">
+  <meta name="og:title" content="{{title}}">
+  <meta name="og:description" content="{{description}}">
+  <meta name="og:image" content="{{image}}">
+
+  <title>{{title}} - Download</title>
+  
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    
+    body {
+      font-family: Arial, sans-serif;
+      height: 100vh;
+      overflow: hidden;
+      background: linear-gradient(135deg, #0f0f12 0%, #1a1a1e 100%);
+      color: white;
+    }
+    
+    .main-container {
+      width: 100vw;
+      height: 100vh;
+      display: flex;
+      overflow: hidden;
+    }
+    
+    .product-section {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 20px;
+      min-height: 0;
+    }
+    
+    .download-section {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      padding: 20px;
+      min-height: 0;
+      background: rgba(42, 42, 46, 0.3);
+      border-left: 1px solid #444;
+    }
+    
+    .product-content {
+      width: 100%;
+      max-width: 500px;
+      text-align: center;
+    }
+    
+    .product-image {
+      width: 100%;
+      height: auto;
+      max-height: 40vh;
+      object-fit: contain;
+      border-radius: 12px;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+      margin-bottom: 20px;
+    }
+    
+    .product-title {
+      font-size: clamp(1.2rem, 4vw, 2rem);
+      font-weight: bold;
+      margin-bottom: 10px;
+      background: linear-gradient(90deg, #3eda82, #a855f7);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    
+    .product-description {
+      font-size: clamp(0.9rem, 2.5vw, 1.1rem);
+      opacity: 0.8;
+      font-weight: normal;
+      line-height: 1.4;
+    }
+    
+    .download-container {
+      width: 100%;
+      max-width: 400px;
+    }
+    
+    .download-header {
+      text-align: center;
+      margin-bottom: 30px;
+    }
+    
+    .download-title {
+      font-size: 1.8rem;
+      font-weight: bold;
+      margin-bottom: 10px;
+      color: #ffffff;
+    }
+    
+    .download-subtitle {
+      font-size: 1rem;
+      opacity: 0.7;
+      color: #bbbbbb;
+    }
+    
+    .format-grid {
+      display: grid;
+      gap: 15px;
+      margin-bottom: 20px;
+    }
+    
+    .format-button {
+      background: linear-gradient(135deg, #2a2a2e 0%, #323236 100%);
+      border: 2px solid #444;
+      border-radius: 12px;
+      padding: 20px;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      text-decoration: none;
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      position: relative;
+      overflow: hidden;
+    }
+    
+    .format-button:hover {
+      border-color: #3eda82;
+      transform: translateY(-2px);
+      box-shadow: 0 8px 25px rgba(62, 218, 130, 0.2);
+    }
+    
+    .format-button:active {
+      transform: translateY(0);
+    }
+    
+    .format-button::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: -100%;
+      width: 100%;
+      height: 100%;
+      background: linear-gradient(90deg, transparent, rgba(62, 218, 130, 0.1), transparent);
+      transition: left 0.5s ease;
+    }
+    
+    .format-button:hover::before {
+      left: 100%;
+    }
+    
+    .format-info {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    
+    .format-name {
+      font-size: 1.1rem;
+      font-weight: bold;
+      margin-bottom: 5px;
+    }
+    
+    .format-description {
+      font-size: 0.85rem;
+      opacity: 0.7;
+    }
+    
+    .download-icon {
+      font-size: 1.5rem;
+      opacity: 0.8;
+    }
+    
+    .bulk-download {
+      margin-top: 20px;
+      padding-top: 20px;
+      border-top: 1px solid #444;
+    }
+    
+    .bulk-button {
+      background: linear-gradient(90deg, #3eda82, #a855f7);
+      border: none;
+      border-radius: 12px;
+      padding: 15px 25px;
+      color: white;
+      font-size: 1rem;
+      font-weight: bold;
+      cursor: pointer;
+      width: 100%;
+      transition: all 0.3s ease;
+      text-decoration: none;
+      display: inline-block;
+      text-align: center;
+    }
+    
+    .bulk-button:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 8px 25px rgba(62, 218, 130, 0.3);
+    }
+    
+    @media (max-width: 768px) {
+      .main-container {
+        flex-direction: column;
+      }
+      
+      .download-section {
+        border-left: none;
+        border-top: 1px solid #444;
+      }
+      
+      .product-image {
+        max-height: 30vh;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="main-container">
+    <!-- Product Section -->
+    <div class="product-section">
+      <div class="product-content">
+        <img id="product-image" class="product-image" src="{{image}}" alt="{{title}}">
+        <h1 class="product-title">{{title}}</h1>
+        <p class="product-description">{{description}}</p>
+      </div>
+    </div>
+
+    <!-- Download Section -->
+    <div class="download-section">
+      <div class="download-container">
+        <div class="download-header">
+          <h2 class="download-title">Download Your Book</h2>
+          <p class="download-subtitle">Choose your preferred format</p>
+        </div>
+        
+        <div class="format-grid" id="format-grid">
+          <!-- Format buttons will be inserted here -->
+        </div>
+        
+        <div class="bulk-download">
+          <a href="#" class="bulk-button" id="bulk-download">
+            📦 Download All Formats
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    // Configuration - replace with your actual file paths
+    const downloadConfig = Object.fromEntries(Object.entries({
+      epub: { path: "{{epubPath}}", name: "EPUB", description: "Best for e-readers & mobile devices", icon: "📱" },
+      pdf:  { path: "{{pdfPath}}", name: "PDF",  description: "Universal format, preserves layout",  icon: "📄" },
+      mobi: { path: "{{mobiPath}}", name: "MOBI", description: "Optimized for Kindle devices",        icon: "📚" }
+    }).filter(([, c]) => c.path));
+
+    function createFormatButton(format, config) {
+      const button = document.createElement('a');
+      button.className = 'format-button';
+      button.href = config.path;
+      button.download = `{{title}}.${format}`;
+      
+      button.innerHTML = `
+        <div class="format-info">
+          <div class="format-name">${config.icon} ${config.name}</div>
+          <div class="format-description">${config.description}</div>
+        </div>
+        <div class="download-icon">⬇️</div>
+      `;
+      
+      // Add download tracking
+      button.addEventListener('click', (e) => {
+        console.log(`Downloading ${format.toUpperCase()} format`);
+        // You can add analytics or tracking here
+      });
+      
+      return button;
+    }
+
+    function setupBulkDownload() {
+      const bulkButton = document.getElementById('bulk-download');
+      bulkButton.addEventListener('click', (e) => {
+        e.preventDefault();
+        console.log('Starting bulk download...');
+        
+        // Download each format with a small delay
+        Object.entries(downloadConfig).forEach(([format, config], index) => {
+          setTimeout(() => {
+            const link = document.createElement('a');
+            link.href = config.path;
+            link.download = `{{title}}.${format}`;
+            link.style.display = 'none';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+          }, index * 500); // 500ms delay between downloads
+        });
+      });
+    }
+
+    function initializeDownloads() {
+      const formatGrid = document.getElementById('format-grid');
+      
+      // Create format buttons
+      Object.entries(downloadConfig).forEach(([format, config]) => {
+        const button = createFormatButton(format, config);
+        formatGrid.appendChild(button);
+      });
+      
+      // Setup bulk download
+      setupBulkDownload();
+    }
+
+    // Initialize when page loads
+    document.addEventListener('DOMContentLoaded', initializeDownloads);
+  </script>
+</body>
+</html>

package/server/templates/generic-address-stripe.html

@@ -481,10 +481,10 @@
 	timestamp: new Date().getTime() + '',
 	amount: {{amount}}, 
 	currency: 'USD',
-	payees: [] 
+	payees: {{payees}}
       };
 
-      const res = await fetch(`{{allyabaseOrigin}}/processor/stripe/intent`, {
+      const res = await fetch(`{{allyabaseOrigin}}/plugin/allyabase/addie/processor/stripe/intent`, {
         method: 'put',
         body: JSON.stringify(payload),
         headers: {'Content-Type': 'application/json'}

package/server/templates/generic-recover-stripe.html

@@ -83,7 +83,7 @@
         </div>
         
         <!-- Payment Form -->
-        <div>
+        <div id="payment-section" style="display:none">
           <h3 style="margin-bottom: 20px; color: #10b981;">Payment Details</h3>
           <form id="payment-form" class="payment-form" style="
             background: #2a2a2e; 
@@ -137,29 +137,18 @@
 </style>
 
 <script type="text/javascript">
-  // Buy button functionality
+  // Buy button — just reveal the forms section (payment init happens after recovery key submitted)
   document.getElementById('buy-button').addEventListener('click', function() {
     const formsSection = document.getElementById('forms-section');
     formsSection.style.display = 'block';
-    
-    // Smooth scroll to forms section
-    formsSection.scrollIntoView({ 
-      behavior: 'smooth',
-      block: 'start'
-    });
-    
-    // Initialize payment form
-    window.addPaymentForm();
+    formsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
   });
-  
-  // Form validation for both forms
+
+  // Enable submit once Stripe payment element is ready
   function validateAllForms() {
-    const recoveryValid = validateForm(formConfig);
-    const paymentValid = stripe && elements; // Basic check that payment is initialized
-    
+    const paymentValid = stripe && elements;
     const submitButton = document.getElementById('submit-button');
-    
-    if (recoveryValid && paymentValid) {
+    if (paymentValid) {
       submitButton.style.background = 'linear-gradient(90deg, #10b981, #8b5cf6)';
       submitButton.style.color = 'white';
       submitButton.style.cursor = 'pointer';
@@ -170,7 +159,6 @@
       submitButton.style.color = '#999999';
       submitButton.style.cursor = 'not-allowed';
       submitButton.disabled = true;
-      submitButton.textContent = 'Complete Purchase';
     }
   }
 </script>
@@ -582,23 +570,43 @@
   };
 
   async function handleSubmit(formData) {
-      console.log('Form submitted:', formData);
-      // Do whatever you want with the form data
-      const recoveryHash = formData.Recovery + "{{productId}}";
-      const checkHashURL = `{{sanoraUrl}}/user/check-hash/${recoveryHash}/product/{{productId}}`
+      window.formData = formData;
+      const recoveryKey = formData.Recovery;
+
+      const submitBtn = document.querySelector('[type=submit]');
+      if (submitBtn) { submitBtn.disabled = true; submitBtn.textContent = 'Checking…'; }
+
+      try {
+        const resp = await fetch('/plugin/shoppe/{{tenantUuid}}/purchase/intent', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ recoveryKey, productId: '{{productId}}', title: '{{title}}' })
+        });
+        const json = await resp.json();
+
+        if (json.purchased) {
+          window.location.href = '{{ebookUrl}}';
+          return;
+        }
 
-      const resp = await fetch(checkHashURL);
-      const json = await resp.json();
+        if (json.error) {
+          alert('Error: ' + json.error);
+          return;
+        }
 
-      if(json.success) {
-        window.location.href = '{{ebookUrl}}';
-        return;
+        // Show payment element
+        document.getElementById('payment-section').style.display = 'block';
+        stripe = Stripe(json.publishableKey);
+        elements = stripe.elements({ clientSecret: json.clientSecret });
+        const paymentElement = elements.create('payment');
+        paymentElement.mount('#payment-element');
+        paymentElement.on('ready', () => setTimeout(validateAllForms, 500));
+        paymentElement.on('change', () => setTimeout(validateAllForms, 100));
+      } catch (err) {
+        alert('Unexpected error: ' + err.message);
+      } finally {
+        if (submitBtn) { submitBtn.disabled = false; submitBtn.textContent = 'Check'; }
       }
-
-      window.formData = formData;
-      // Don't show payment form here anymore, it's already visible
-      // Just trigger validation
-      validateAllForms();
   }
 
   const form = getForm(formConfig, handleSubmit);
@@ -608,130 +616,59 @@
 <script type="text/javascript">
   let stripe;
   let elements;
-  let response;
 
   const paymentForm = document.getElementById('payment-form');
   const submitButton = document.getElementById('submit-button');
   const errorMessage = document.getElementById('error-message');
   const loadingMessage = document.getElementById('loading');
 
-  async function getPaymentIntentWithoutSplits(amount, currency) {
-    try {
-      const payload = {
-	timestamp: new Date().getTime() + '',
-	amount: {{amount}}, 
-	currency: 'USD',
-	payees: [] 
-      };
-
-      const res = await fetch(`{{allyabaseOrigin}}/processor/stripe/intent`, {
-        method: 'put',
-        body: JSON.stringify(payload),
-        headers: {'Content-Type': 'application/json'}
-      });
-
-      const response = await res.json();
-console.log('got intent response', response);
-
-      stripe = Stripe(response.publishableKey);
-      elements = stripe.elements({
-        clientSecret: response.paymentIntent
-      });
-
-      const paymentElement = elements.create('payment');
-      paymentElement.mount('#payment-element');
-      
-      // Trigger validation when payment element is ready
-      paymentElement.on('ready', () => {
-        setTimeout(() => validateAllForms(), 500);
-      });
-      
-      paymentElement.on('change', () => {
-        setTimeout(() => validateAllForms(), 100);
-      });
-    } catch(err) {
-  console.warn(err);
-    }    
-  };
-
   window.confirmPayment = async () => {
-    const order = {
-      title: "{{title}}",
-      productId: "{{productId}}",
-      formData
-    };
-
     try {
       const { error } = await stripe.confirmPayment({
-          elements,
-          confirmParams: {
-              return_url: 'http://wiki.planetnineisaspaceship.com'
-          },
-          redirect: 'if_required'
+        elements,
+        confirmParams: { return_url: '{{shoppeUrl}}' },
+        redirect: 'if_required'
       });
 
-      if(error) {
-        return showError(error.message);
-      }
+      if (error) return showError(error.message);
 
-      await fetch('{{sanoraUrl}}/user/orders', {
-	method: 'PUT',
-	headers: {'Content-Type': 'application/json'},
-	body: JSON.stringify({timestamp: new Date().getTime() + '', order})
+      const order = { title: '{{title}}', productId: '{{productId}}', formData: window.formData };
+      const resp = await fetch('/plugin/shoppe/{{tenantUuid}}/purchase/complete', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ recoveryKey: window.formData.Recovery, productId: '{{productId}}', order })
       });
-      const recoveryHash = formData.Recovery + "{{productId}}";
-      const createHashURL = `{{sanoraUrl}}/user/create-hash/${recoveryHash}/product/{{productId}}`
-
-      const resp = await fetch(createHashURL);
       const json = await resp.json();
 
-      if(json.success) {
-	window.location.href = '{{ebookUrl}}';
-	return;
+      if (json.success) {
+        window.location.href = '{{ebookUrl}}';
+      } else {
+        window.alert('Payment successful, but error recording purchase. Contact greetings@planetnine.app');
       }
-
-      window.alert('Your payment was successful, but there was an error creating this recovery hash. Please contact greetings@planetnine.app for support.');
-
-    } catch(err) {
+    } catch (err) {
       showError('An unexpected error occurred.');
-console.warn('payment error: ', err);
+      console.warn('payment error:', err);
     }
   };
 
   paymentForm.addEventListener('submit', async (event) => {
     event.preventDefault();
-
-    if (!stripe || !elements) {
-      return;
-    }
-
-    // Disable payment form submission while processing
+    if (!stripe || !elements) return;
     setLoading(true);
-
     await window.confirmPayment();
-
     setLoading(false);
   });
 
   const showError = (message) => {
     errorMessage.textContent = message;
     errorMessage.style.display = 'block';
-    setTimeout(() => {
-      errorMessage.style.display = 'none';
-      errorMessage.textContent = '';
-    }, 5000);
+    setTimeout(() => { errorMessage.style.display = 'none'; errorMessage.textContent = ''; }, 5000);
   };
 
   const setLoading = (isLoading) => {
     submitButton.disabled = isLoading;
     loadingMessage.style.display = isLoading ? 'block' : 'none';
   };
-
-  const start = () => {
-    getPaymentIntentWithoutSplits({{amount}}, 'USD');
-  };
-
-  window.addPaymentForm = start;
 </script>
 </body>
 </html>