wiki-plugin-salon 0.0.1

package/client/salon.js

@@ -0,0 +1,198 @@
+// wiki-plugin-salon — client-side plugin
+// Renders salon items in the fedwiki journal.
+// Item data: { type: 'salon', text } — text is the display label for the salon link.
+
+window.plugins = window.plugins || {};
+
+window.plugins.salon = (function() {
+
+  const color = {
+    gray:   '#ccc',
+    red:    '#f55',
+    yellow: '#fb0',
+    green:  '#0e0'
+  };
+
+  // Mode labels shown in the status badge
+  const MODE_LABEL = {
+    open:   'Open',
+    grant:  'By Approval',
+    closed: 'Closed'
+  };
+
+  const MODE_COLOR = {
+    open:   '#10b981',  // green
+    grant:  '#f59e0b',  // amber
+    closed: '#6b7280'   // gray
+  };
+
+  // ── Emit: render the salon item ──────────────────────────────────────────────
+  function emit($item, item) {
+    const label = item.text || 'The Salon';
+
+    // Fetch public config to show mode + member count (credentials for owner check)
+    fetch('/plugin/salon/config', { credentials: 'include' })
+      .then(r => r.json())
+      .then(data => {
+        const mode        = data.registrationMode || 'open';
+        const title       = data.title || 'The Salon';
+        const description = data.description || '';
+        const memberCount = data.activeCount || 0;
+        const modeColor   = MODE_COLOR[mode] || MODE_COLOR.open;
+        const modeLabel   = MODE_LABEL[mode]  || mode;
+
+        const registerHtml = mode === 'closed'
+          ? `<span style="color:#6b7280;font-size:0.8rem;">Registration closed</span>`
+          : `<a href="/plugin/salon/register" target="_blank" style="
+               color:#c4b5fd;font-size:0.8rem;text-decoration:none;
+               border:1px solid rgba(196,181,253,0.3);border-radius:4px;
+               padding:3px 8px;
+             ">Join</a>`;
+
+        const $card = $(`
+          <div class="salon-item" style="
+            background: linear-gradient(135deg, rgba(124,58,237,0.08) 0%, rgba(109,40,217,0.04) 100%);
+            border: 1px solid rgba(196,181,253,0.2);
+            border-radius: 10px;
+            padding: 14px 16px;
+            font-family: system-ui;
+          ">
+            <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">
+              <span style="font-size:1.3rem;">🏛️</span>
+              <a href="/plugin/salon" target="_blank" style="
+                color:#c4b5fd;font-weight:600;font-size:1rem;text-decoration:none;
+              ">${escapeHtml(title)}</a>
+              <span style="
+                background:${modeColor}22;
+                color:${modeColor};
+                border:1px solid ${modeColor}44;
+                border-radius:4px;
+                font-size:0.7rem;
+                padding:2px 6px;
+                font-weight:600;
+                letter-spacing:0.03em;
+              ">${modeLabel}</span>
+            </div>
+            ${description ? `<div style="font-size:0.82rem;color:#a0a0a0;margin-bottom:8px;line-height:1.4;">${escapeHtml(description)}</div>` : ''}
+            <div style="display:flex;align-items:center;justify-content:space-between;">
+              <span style="font-size:0.8rem;color:#9ca3af;">
+                ${memberCount} ${memberCount === 1 ? 'member' : 'members'}
+              </span>
+              ${registerHtml}
+            </div>
+          </div>
+        `);
+        $item.append($card);
+
+        if (data.isOwner) {
+          const configDiv = document.createElement('div');
+          configDiv.style.cssText = 'border:1px solid rgba(196,181,253,0.2);border-radius:8px;padding:12px;margin-top:8px;background:rgba(124,58,237,0.06);font-family:system-ui;';
+          configDiv.innerHTML = `
+            <div style="font-size:0.8rem;color:#c4b5fd;margin-bottom:8px;font-weight:600;">Allyabase connection (owner only)</div>
+            <div style="display:flex;gap:6px;align-items:center;">
+              <input id="salon-url-input" value="${escapeHtml(data.allyabaseUrl || '')}" placeholder="https://dev.allyabase.com"
+                style="flex:1;background:#0d001a;border:1px solid rgba(196,181,253,0.3);border-radius:4px;padding:6px 8px;color:#e0d0ff;font-size:0.8rem;">
+              <button id="salon-url-btn"
+                style="background:#7c3aed;border:none;border-radius:4px;padding:6px 12px;color:white;cursor:pointer;font-size:0.8rem;white-space:nowrap;">
+                Save
+              </button>
+            </div>
+            <div id="salon-url-status" style="margin-top:6px;font-size:0.75rem;"></div>`;
+          $item.append(configDiv);
+          configDiv.querySelector('#salon-url-btn').addEventListener('click', function() {
+            const input  = configDiv.querySelector('#salon-url-input');
+            const btn    = configDiv.querySelector('#salon-url-btn');
+            const status = configDiv.querySelector('#salon-url-status');
+            const base   = (input.value || '').trim().replace(/\/$/, '');
+            if (!base) { status.textContent = 'Enter an allyabase URL first'; return; }
+            btn.disabled = true; btn.textContent = 'Saving…';
+            fetch('/plugin/salon/config', {
+              method: 'POST',
+              credentials: 'include',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ allyabaseUrl: base })
+            })
+              .then(r => r.json())
+              .then(d => {
+                if (d.error) { status.innerHTML = '<span style="color:#f55;">' + escapeHtml(d.error) + '</span>'; return; }
+                status.innerHTML = '<span style="color:#0e0;">Saved</span>';
+              })
+              .catch(e => { status.innerHTML = '<span style="color:#f55;">' + escapeHtml(e.message) + '</span>'; })
+              .finally(() => { btn.disabled = false; btn.textContent = 'Save'; });
+          });
+        }
+      })
+      .catch(() => {
+        // Salon not configured or unreachable
+        $item.append(`
+          <div style="
+            background: rgba(124,58,237,0.06);
+            border: 2px dashed rgba(196,181,253,0.25);
+            border-radius: 10px;
+            padding: 16px;
+            text-align: center;
+            color: #c4b5fd;
+            font-family: system-ui;
+          ">
+            <div style="font-size:1.8rem;margin-bottom:6px;">🏛️</div>
+            <div style="font-weight:600;">${escapeHtml(label)}</div>
+            <div style="font-size:0.82rem;margin-top:6px;opacity:0.6;">Salon not available</div>
+          </div>
+        `);
+      });
+  }
+
+  // ── Bind: owner controls ──────────────────────────────────────────────────────
+  function bind($item, item) {
+    // Status indicator (traffic-light ◉ — consistent with lucille)
+    const $status = $('<span>').text('◉ ').css({ color: color.gray, cursor: 'pointer' })
+      .attr('title', 'Salon status');
+
+    $item.find('.item-buttons').prepend($status);
+
+    fetch('/plugin/salon/config')
+      .then(r => r.json())
+      .then(data => {
+        const mode        = data.registrationMode || 'open';
+        const pendingCount = data.pendingCount || 0;
+
+        if (mode === 'closed') {
+          $status.css('color', color.red).attr('title', 'Salon: registration closed');
+        } else if (mode === 'grant' && pendingCount > 0) {
+          $status.css('color', color.yellow)
+            .attr('title', `Salon: ${pendingCount} pending approval`);
+        } else {
+          $status.css('color', color.green)
+            .attr('title', `Salon: ${MODE_LABEL[mode] || mode}`);
+        }
+
+        // Clicking the indicator opens the admin panel
+        $status.on('click', () => {
+          window.open('/plugin/salon/admin', '_blank');
+        });
+
+        // Pending badge next to indicator
+        if (pendingCount > 0) {
+          const $badge = $(`<span style="
+            background:#7c3aed;color:#fff;
+            border-radius:9px;font-size:0.7rem;
+            padding:1px 6px;margin-left:2px;
+            cursor:pointer;
+          ">${pendingCount}</span>`).attr('title', 'Open admin to review pending members')
+            .on('click', () => window.open('/plugin/salon/admin', '_blank'));
+          $item.find('.item-buttons').prepend($badge);
+        }
+      })
+      .catch(() => {
+        $status.css('color', color.red).attr('title', 'Salon: could not connect');
+      });
+  }
+
+  // ── Helpers ──────────────────────────────────────────────────────────────────
+  function escapeHtml(str) {
+    return String(str).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+  }
+
+  return { emit, bind };
+
+}());

package/factory.json

@@ -0,0 +1,7 @@
+{
+  "name": "salon",
+  "creator": "Planet Nine",
+  "category": "community",
+  "type": "salon",
+  "description": "A community gathering space on your wiki. Users can register as members and receive updates from agora, lucille, and other freyja plugins."
+}

package/index.js

@@ -0,0 +1,4 @@
+(function() {
+  const { startServer } = require('./server/server.js');
+  module.exports = { startServer };
+}).call(this);

package/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "wiki-plugin-salon",
+  "version": "0.0.1",
+  "description": "Federated Wiki plugin — community gathering space with self-registration and plugin event feeds",
+  "keywords": ["wiki", "plugin", "salon", "community", "planet-nine"],
+  "author": "Planet Nine",
+  "license": "MIT",
+  "type": "commonjs",
+  "main": "index.js",
+  "dependencies": {
+    "nodemailer": "^6.9.0"
+  }
+}