wiki-plugin-shoppe 0.0.5 → 0.0.7

package/CLAUDE.md

@@ -31,8 +31,14 @@ The first 3 emoji are fixed per wiki instance (`SHOPPE_BASE_EMOJI`, default `
 my-shoppe.zip
   manifest.json           ← required: { uuid, emojicode, name }
   books/
-    My Novel.epub
-    Technical Guide.pdf
+    My Novel/             ← subfolder per book
+      my-novel.epub
+      cover.jpg
+      info.json           ← { "title": "…", "description": "…", "price": 0 }
+    Technical Guide/
+      guide.pdf
+      cover.jpg
+      info.json
   music/
     My Album/             ← album = subfolder
       cover.jpg
@@ -40,8 +46,13 @@ my-shoppe.zip
       02-track.mp3
     Standalone Track.mp3  ← standalone track = file directly in music/
   posts/
-    2025-01-hello-world.md
-    2025-02-another-post.md
+    01-Hello World/       ← numeric prefix determines table of contents order
+      post.md             ← the post content (required)
+      cover.jpg           ← optional cover image
+      screenshot.png      ← any assets referenced in the markdown
+      info.json           ← optional: { "title": "…", "description": "…" }
+    02-Another Post/
+      post.md
   albums/
     Vacation 2025/        ← photo album = subfolder
       photo1.jpg

package/client/shoppe.js

@@ -64,13 +64,24 @@
                 <div class="sw-step-body"><strong>Build your shoppe folder</strong> with this structure, then zip the whole thing:
                   <div class="sw-tree">my-shoppe.zip
   manifest.json       ← { "uuid": "…", "emojicode": "…", "name": "My Shoppe" }
-  books/              ← .epub  .pdf  .mobi
+  books/
+    My Novel/         ← subfolder per book
+      my-novel.epub
+      cover.jpg
+      info.json       ← { "title": "…", "description": "…", "price": 0 }
   music/
     My Album/         ← subfolder = album (add cover.jpg inside)
       cover.jpg
       01-track.mp3
     standalone.mp3    ← file directly here = single track
-  posts/              ← .md files
+  posts/
+    01-Hello World/   ← number prefix sets table of contents order
+      post.md         ← the post content
+      cover.jpg       ← optional cover image
+      screenshot.png  ← any other assets referenced in the markdown
+      info.json       ← optional: { "title": "…", "description": "…" }
+    02-Another Post/
+      post.md
   albums/
     Vacation 2025/    ← subfolder of images = photo album
       photo1.jpg
@@ -103,9 +114,16 @@
             <div id="sw-upload-status" class="sw-status"></div>
           </div>
 
-          <!-- Owner: register -->
+          <!-- Owner: config + register -->
           <div class="sw-section" id="sw-owner-section" style="display:none">
-            <h3>Register a new shoppe (owner only)</h3>
+            <h3>Allyabase connection (owner only)</h3>
+            <div class="sw-register">
+              <input type="text" id="sw-url-input" placeholder="https://dojo.allyabase.com/plugin/allyabase/sanora">
+              <button class="sw-btn sw-btn-blue" id="sw-url-btn">Save</button>
+            </div>
+            <div id="sw-url-status" class="sw-status"></div>
+
+            <h3 style="margin-top:20px">Register a new shoppe (owner only)</h3>
             <div class="sw-register">
               <input type="text" id="sw-name-input" placeholder="Shoppe name (e.g. Zach's Art Store)">
               <button class="sw-btn sw-btn-green" id="sw-register-btn">Register</button>
@@ -153,9 +171,13 @@
 
   async function checkOwner(container) {
     try {
-      const resp = await fetch('/plugin/shoppe/tenants');
+      const resp = await fetch('/plugin/shoppe/config');
       if (resp.ok) {
         container.querySelector('#sw-owner-section').style.display = 'block';
+        const result = await resp.json();
+        if (result.sanoraUrl) {
+          container.querySelector('#sw-url-input').value = result.sanoraUrl;
+        }
       }
     } catch (err) { /* not owner, stay hidden */ }
   }
@@ -163,11 +185,17 @@
   // ── Listeners ───────────────────────────────────────────────────────────────
 
   function setupListeners(container) {
-    const drop     = container.querySelector('#sw-drop');
+    const drop      = container.querySelector('#sw-drop');
     const fileInput = container.querySelector('#sw-file-input');
     const browseBtn = container.querySelector('#sw-browse-btn');
     const registerBtn = container.querySelector('#sw-register-btn');
     const nameInput = container.querySelector('#sw-name-input');
+    const urlBtn    = container.querySelector('#sw-url-btn');
+    const urlInput  = container.querySelector('#sw-url-input');
+
+    if (urlBtn) {
+      urlBtn.addEventListener('click', () => saveUrl(container));
+    }
 
     browseBtn.addEventListener('click', () => fileInput.click());
     fileInput.addEventListener('change', e => {
@@ -222,6 +250,33 @@
     }
   }
 
+  // ── Save URL (owner) ────────────────────────────────────────────────────────
+
+  async function saveUrl(container) {
+    const urlInput = container.querySelector('#sw-url-input');
+    const urlBtn   = container.querySelector('#sw-url-btn');
+    const url = urlInput.value.trim();
+    if (!url) { showStatus(container, '#sw-url-status', 'Enter an allyabase URL first', 'error'); return; }
+
+    urlBtn.disabled = true;
+    urlBtn.textContent = 'Saving…';
+    try {
+      const resp = await fetch('/plugin/shoppe/config', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ sanoraUrl: url })
+      });
+      const result = await resp.json();
+      if (!result.success) throw new Error(result.error || 'Save failed');
+      showStatus(container, '#sw-url-status', `✅ Connected to <strong>${url}</strong>`, 'success');
+    } catch (err) {
+      showStatus(container, '#sw-url-status', `❌ ${err.message}`, 'error');
+    } finally {
+      urlBtn.disabled = false;
+      urlBtn.textContent = 'Save';
+    }
+  }
+
   // ── Register (owner) ────────────────────────────────────────────────────────
 
   async function registerShoppe(container) {

package/package.json

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

package/server/server.js

@@ -7,12 +7,31 @@ const FormData = require('form-data');
 const AdmZip = require('adm-zip');
 const sessionless = require('sessionless-node');
 
-const SANORA_PORT = process.env.SANORA_PORT || 7243;
 const SHOPPE_BASE_EMOJI = process.env.SHOPPE_BASE_EMOJI || '🛍️🎨🎁';
 
 const TENANTS_FILE = path.join(__dirname, '../.shoppe-tenants.json');
+const CONFIG_FILE  = path.join(__dirname, '../.shoppe-config.json');
 const TMP_DIR = '/tmp/shoppe-uploads';
 
+// ============================================================
+// CONFIG (allyabase URL, etc.)
+// ============================================================
+
+function loadConfig() {
+  if (!fs.existsSync(CONFIG_FILE)) return {};
+  try { return JSON.parse(fs.readFileSync(CONFIG_FILE, 'utf8')); } catch (e) { return {}; }
+}
+
+function saveConfig(config) {
+  fs.writeFileSync(CONFIG_FILE, JSON.stringify(config, null, 2));
+}
+
+function getSanoraUrl() {
+  const config = loadConfig();
+  if (config.sanoraUrl) return config.sanoraUrl.replace(/\/$/, '');
+  return `http://localhost:${process.env.SANORA_PORT || 7243}`;
+}
+
 // Same diverse palette as BDO emojicoding
 const EMOJI_PALETTE = [
   '🌟', '🌙', '🌍', '🌊', '🔥', '💎', '🎨', '🎭', '🎪', '🎯',
@@ -70,7 +89,7 @@ async function registerTenant(name) {
   const message = timestamp + keys.pubKey;
   const signature = await sessionless.sign(message);
 
-  const resp = await fetch(`http://localhost:${SANORA_PORT}/user/create`, {
+  const resp = await fetch(`${getSanoraUrl()}/user/create`, {
     method: 'PUT',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ timestamp, pubKey: keys.pubKey, signature })
@@ -138,7 +157,7 @@ async function sanoraCreateProduct(tenant, title, category, description, price,
   const signature = await sessionless.sign(message);
 
   const resp = await fetch(
-    `http://localhost:${SANORA_PORT}/user/${uuid}/product/${encodeURIComponent(title)}`,
+    `${getSanoraUrl()}/user/${uuid}/product/${encodeURIComponent(title)}`,
     {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
@@ -171,7 +190,7 @@ async function sanoraUploadArtifact(tenant, title, fileBuffer, filename, artifac
   form.append('artifact', fileBuffer, { filename, contentType: getMimeType(filename) });
 
   const resp = await fetch(
-    `http://localhost:${SANORA_PORT}/user/${uuid}/product/${encodeURIComponent(title)}/artifact`,
+    `${getSanoraUrl()}/user/${uuid}/product/${encodeURIComponent(title)}/artifact`,
     {
       method: 'PUT',
       headers: {
@@ -200,7 +219,7 @@ async function sanoraUploadImage(tenant, title, imageBuffer, filename) {
   form.append('image', imageBuffer, { filename, contentType: getMimeType(filename) });
 
   const resp = await fetch(
-    `http://localhost:${SANORA_PORT}/user/${uuid}/product/${encodeURIComponent(title)}/image`,
+    `${getSanoraUrl()}/user/${uuid}/product/${encodeURIComponent(title)}/image`,
     {
       method: 'PUT',
       headers: {
@@ -247,19 +266,41 @@ async function processArchive(zipPath) {
     const results = { books: [], music: [], posts: [], albums: [], products: [] };
 
     // ---- books/ ----
+    // Each book is a subfolder containing the book file, cover.jpg, and info.json
     const booksDir = path.join(tmpDir, 'books');
     if (fs.existsSync(booksDir)) {
-      for (const file of fs.readdirSync(booksDir)) {
-        if (!BOOK_EXTS.has(path.extname(file).toLowerCase())) continue;
-        const title = path.basename(file, path.extname(file));
+      for (const entry of fs.readdirSync(booksDir)) {
+        const entryPath = path.join(booksDir, entry);
+        if (!fs.statSync(entryPath).isDirectory()) continue;
         try {
-          const buf = fs.readFileSync(path.join(booksDir, file));
-          await sanoraCreateProduct(tenant, title, 'book', `Book: ${title}`, 0, 0, 'book');
-          await sanoraUploadArtifact(tenant, title, buf, file, 'ebook');
-          results.books.push({ title });
+          const infoPath = path.join(entryPath, 'info.json');
+          const info = fs.existsSync(infoPath)
+            ? JSON.parse(fs.readFileSync(infoPath, 'utf8'))
+            : {};
+          const title = info.title || entry;
+          const description = info.description || '';
+          const price = info.price || 0;
+
+          await sanoraCreateProduct(tenant, title, 'book', description, price, 0, 'book');
+
+          // Cover image
+          const covers = fs.readdirSync(entryPath).filter(f => IMAGE_EXTS.has(path.extname(f).toLowerCase()));
+          if (covers.length > 0) {
+            const coverBuf = fs.readFileSync(path.join(entryPath, covers[0]));
+            await sanoraUploadImage(tenant, title, coverBuf, covers[0]);
+          }
+
+          // Book file
+          const bookFiles = fs.readdirSync(entryPath).filter(f => BOOK_EXTS.has(path.extname(f).toLowerCase()));
+          if (bookFiles.length > 0) {
+            const buf = fs.readFileSync(path.join(entryPath, bookFiles[0]));
+            await sanoraUploadArtifact(tenant, title, buf, bookFiles[0], 'ebook');
+          }
+
+          results.books.push({ title, price });
           console.log(`[shoppe]   📚 book: ${title}`);
         } catch (err) {
-          console.warn(`[shoppe]   ⚠️  book ${file}: ${err.message}`);
+          console.warn(`[shoppe]   ⚠️  book ${entry}: ${err.message}`);
         }
       }
     }
@@ -309,20 +350,66 @@ async function processArchive(zipPath) {
     }
 
     // ---- posts/ ----
+    // Each post is a numbered subfolder: "01-My Title/" containing post.md,
+    // optional assets (images etc.), and optional info.json for metadata overrides.
+    // Folders are sorted by their numeric prefix to build the table of contents.
     const postsDir = path.join(tmpDir, 'posts');
     if (fs.existsSync(postsDir)) {
-      for (const file of fs.readdirSync(postsDir)) {
-        if (!file.endsWith('.md')) continue;
-        const title = path.basename(file, '.md');
+      const postFolders = fs.readdirSync(postsDir)
+        .filter(f => fs.statSync(path.join(postsDir, f)).isDirectory())
+        .sort(); // lexicographic sort respects numeric prefixes (01-, 02-, …)
+
+      for (let order = 0; order < postFolders.length; order++) {
+        const entry = postFolders[order];
+        const entryPath = path.join(postsDir, entry);
         try {
-          const buf = fs.readFileSync(path.join(postsDir, file));
-          const firstLine = buf.toString('utf8').split('\n')[0].replace(/^#+\s*/, '');
-          await sanoraCreateProduct(tenant, title, 'post', firstLine || title, 0, 0, 'post,blog');
-          await sanoraUploadArtifact(tenant, title, buf, file, 'text');
-          results.posts.push({ title });
-          console.log(`[shoppe]   📝 post: ${title}`);
+          // Metadata: info.json overrides folder name and md heading
+          const infoPath = path.join(entryPath, 'info.json');
+          const info = fs.existsSync(infoPath)
+            ? JSON.parse(fs.readFileSync(infoPath, 'utf8'))
+            : {};
+
+          // Find the .md file
+          const mdFiles = fs.readdirSync(entryPath).filter(f => f.endsWith('.md'));
+          if (mdFiles.length === 0) {
+            console.warn(`[shoppe]   ⚠️  post ${entry}: no .md file found, skipping`);
+            continue;
+          }
+          const mdBuf = fs.readFileSync(path.join(entryPath, mdFiles[0]));
+          const mdContent = mdBuf.toString('utf8');
+
+          // Derive title: info.json > folder name stripped of numeric prefix
+          const folderTitle = entry.replace(/^\d+-/, '');
+          const firstHeading = mdContent.split('\n')[0].replace(/^#+\s*/, '');
+          const title = info.title || folderTitle;
+          const description = info.description || firstHeading || title;
+
+          await sanoraCreateProduct(tenant, title, 'post', description, 0, 0, `post,blog,order:${order}`);
+
+          // Upload the markdown as the main artifact
+          await sanoraUploadArtifact(tenant, title, mdBuf, mdFiles[0], 'text');
+
+          // Upload cover image if present
+          const covers = fs.readdirSync(entryPath).filter(f => IMAGE_EXTS.has(path.extname(f).toLowerCase()));
+          if (covers.length > 0) {
+            const coverBuf = fs.readFileSync(path.join(entryPath, covers[0]));
+            await sanoraUploadImage(tenant, title, coverBuf, covers[0]);
+          }
+
+          // Upload remaining assets (images not used as cover)
+          const assets = fs.readdirSync(entryPath).filter(f =>
+            !f.endsWith('.md') && f !== 'info.json' && f !== covers[0] &&
+            IMAGE_EXTS.has(path.extname(f).toLowerCase())
+          );
+          for (const asset of assets) {
+            const buf = fs.readFileSync(path.join(entryPath, asset));
+            await sanoraUploadArtifact(tenant, title, buf, asset, 'image');
+          }
+
+          results.posts.push({ title, order });
+          console.log(`[shoppe]   📝 post [${order + 1}]: ${title}`);
         } catch (err) {
-          console.warn(`[shoppe]   ⚠️  post ${file}: ${err.message}`);
+          console.warn(`[shoppe]   ⚠️  post ${entry}: ${err.message}`);
         }
       }
     }
@@ -401,7 +488,7 @@ async function processArchive(zipPath) {
 // ============================================================
 
 async function getShoppeGoods(tenant) {
-  const resp = await fetch(`http://localhost:${SANORA_PORT}/products/${tenant.uuid}`);
+  const resp = await fetch(`${getSanoraUrl()}/products/${tenant.uuid}`);
   const products = await resp.json();
 
   const goods = { books: [], music: [], posts: [], albums: [], products: [] };
@@ -412,8 +499,8 @@ async function getShoppeGoods(tenant) {
       description: product.description || '',
       price: product.price || 0,
       shipping: product.shipping || 0,
-      image: product.image ? `http://localhost:${SANORA_PORT}/images/${product.image}` : null,
-      url: `http://localhost:${SANORA_PORT}/products/${tenant.uuid}/${encodeURIComponent(title)}`
+      image: product.image ? `${getSanoraUrl()}/images/${product.image}` : null,
+      url: `${getSanoraUrl()}/products/${tenant.uuid}/${encodeURIComponent(title)}`
     };
     const bucket = goods[product.category];
     if (bucket) bucket.push(item);
@@ -597,6 +684,23 @@ async function startServer(params) {
     }
   });
 
+  // Get config (owner only)
+  app.get('/plugin/shoppe/config', owner, (req, res) => {
+    const config = loadConfig();
+    res.json({ success: true, sanoraUrl: config.sanoraUrl || '' });
+  });
+
+  // Save config (owner only)
+  app.post('/plugin/shoppe/config', owner, (req, res) => {
+    const { sanoraUrl } = req.body;
+    if (!sanoraUrl) return res.status(400).json({ success: false, error: 'sanoraUrl required' });
+    const config = loadConfig();
+    config.sanoraUrl = sanoraUrl;
+    saveConfig(config);
+    console.log('[shoppe] Sanora URL set to:', sanoraUrl);
+    res.json({ success: true });
+  });
+
   // Goods JSON (public)
   app.get('/plugin/shoppe/:identifier/goods', async (req, res) => {
     try {