wiki-plugin-allyabase 0.0.2 → 0.0.3

package/client/emoji-favicon.js

@@ -0,0 +1,118 @@
+/**
+ * Emoji Favicon Utility
+ *
+ * Sets an emoji as the browser favicon
+ */
+
+/**
+ * Set an emoji as the page favicon
+ * @param {string} emoji - The emoji to use as favicon
+ */
+function setEmojiFavicon(emoji) {
+  // Create SVG with the emoji
+  const svg = `
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+      <text y="85" font-size="90" text-anchor="middle" x="50">${emoji}</text>
+    </svg>
+  `;
+
+  // Convert to data URI
+  const encoded = encodeURIComponent(svg);
+  const dataUri = `data:image/svg+xml,${encoded}`;
+
+  // Remove existing favicons
+  const existingIcons = document.querySelectorAll('link[rel*="icon"]');
+  existingIcons.forEach(icon => icon.remove());
+
+  // Create and add new favicon
+  const link = document.createElement('link');
+  link.rel = 'icon';
+  link.type = 'image/svg+xml';
+  link.href = dataUri;
+  document.head.appendChild(link);
+
+  console.log(`🎨 Favicon set to: ${emoji}`);
+}
+
+/**
+ * Get the wiki's emoji identifier from registered locations
+ * and set it as the favicon
+ */
+async function setWikiFaviconFromFederation() {
+  try {
+    // Get registered locations for this wiki
+    const response = await fetch('/plugin/allyabase/federation/locations');
+
+    if (!response.ok) {
+      console.log('Federation not available, skipping emoji favicon');
+      return;
+    }
+
+    const locations = await response.json();
+
+    // Find this wiki's emoji (the location that points to current origin)
+    const currentOrigin = window.location.origin;
+
+    for (const [emoji, url] of Object.entries(locations)) {
+      if (url === currentOrigin || url.includes(window.location.hostname)) {
+        setEmojiFavicon(emoji);
+        return;
+      }
+    }
+
+    console.log('No emoji identifier found for this wiki in federation');
+  } catch (err) {
+    console.log('Could not set emoji favicon from federation:', err.message);
+  }
+}
+
+/**
+ * Get location emoji for a specific wiki URL
+ */
+function getLocationEmoji(wikiUrl) {
+  // Default emojis for test wikis
+  const testWikiEmojis = {
+    'http://localhost:7070': '☮️',
+    'http://localhost:7071': '🌈',
+    'http://localhost:7072': '🔥',
+    'http://localhost:7073': '🌊',
+    'http://localhost:7074': '🎭'
+  };
+
+  return testWikiEmojis[wikiUrl] || '🌐';
+}
+
+/**
+ * Set favicon for test environment wikis
+ */
+function setTestWikiFavicon() {
+  const currentUrl = window.location.origin;
+  const emoji = getLocationEmoji(currentUrl);
+
+  if (emoji !== '🌐') {
+    setEmojiFavicon(emoji);
+  }
+}
+
+// Auto-set favicon on load if in test environment
+if (typeof window !== 'undefined') {
+  window.setEmojiFavicon = setEmojiFavicon;
+  window.setWikiFaviconFromFederation = setWikiFaviconFromFederation;
+  window.setTestWikiFavicon = setTestWikiFavicon;
+
+  // Try to set favicon from federation on load
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () => {
+      setTimeout(setTestWikiFavicon, 1000);
+    });
+  } else {
+    setTimeout(setTestWikiFavicon, 1000);
+  }
+}
+
+export {
+  setEmojiFavicon,
+  setWikiFaviconFromFederation,
+  setTestWikiFavicon,
+  getLocationEmoji
+};

package/client/federation.js

@@ -0,0 +1,242 @@
+/**
+ * Client-side Federation Resolver
+ *
+ * Handles federated emojishortcode resolution in the browser
+ */
+
+const FEDERATION_PREFIX = '💚';
+const LOCATION_EMOJI_COUNT = 3;
+
+// Client-side cache for resolved locations
+const locationCache = new Map();
+
+/**
+ * Extract emoji characters from a string
+ */
+function extractEmojis(str) {
+  // Emoji regex that handles multi-codepoint emoji
+  const emojiRegex = /(\p{Emoji_Presentation}|\p{Emoji}\uFE0F)/gu;
+  return str.match(emojiRegex) || [];
+}
+
+/**
+ * Check if a shortcode is federated
+ */
+function isFederatedShortcode(shortcode) {
+  const emojis = extractEmojis(shortcode);
+  return emojis.length >= (LOCATION_EMOJI_COUNT + 1) && emojis[0] === FEDERATION_PREFIX;
+}
+
+/**
+ * Parse a federated shortcode into its components
+ */
+function parseFederatedShortcode(shortcode) {
+  if (!isFederatedShortcode(shortcode)) {
+    return null;
+  }
+
+  const emojis = extractEmojis(shortcode);
+
+  return {
+    federationPrefix: emojis[0], // 💚
+    locationIdentifier: emojis.slice(1, LOCATION_EMOJI_COUNT + 1).join(''), // Next 3 emoji
+    resourcePath: shortcode.substring(shortcode.indexOf(emojis[LOCATION_EMOJI_COUNT]) + emojis[LOCATION_EMOJI_COUNT].length)
+  };
+}
+
+/**
+ * Resolve a federated shortcode to a URL
+ */
+async function resolveFederatedShortcode(shortcode) {
+  const parsed = parseFederatedShortcode(shortcode);
+
+  if (!parsed) {
+    throw new Error('Not a valid federated shortcode');
+  }
+
+  // Check cache first
+  if (locationCache.has(parsed.locationIdentifier)) {
+    const baseUrl = locationCache.get(parsed.locationIdentifier);
+    return `${baseUrl}${parsed.resourcePath}`;
+  }
+
+  // Call server to resolve
+  const response = await fetch('/plugin/allyabase/federation/resolve', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      shortcode,
+      currentWikiUrl: window.location.origin
+    })
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to resolve shortcode: ${response.statusText}`);
+  }
+
+  const result = await response.json();
+
+  if (!result.success) {
+    throw new Error(result.error || 'Failed to resolve shortcode');
+  }
+
+  // Cache the location for future use
+  const parsed2 = parseFederatedShortcode(shortcode);
+  const baseUrl = result.resolvedUrl.substring(0, result.resolvedUrl.indexOf(parsed2.resourcePath));
+  locationCache.set(parsed2.locationIdentifier, baseUrl);
+
+  return result.resolvedUrl;
+}
+
+/**
+ * Register this wiki's location identifier
+ */
+async function registerLocation(locationIdentifier, url) {
+  const response = await fetch('/plugin/allyabase/federation/register', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ locationIdentifier, url })
+  });
+
+  if (!response.ok) {
+    throw new Error(`Failed to register location: ${response.statusText}`);
+  }
+
+  const result = await response.json();
+
+  if (!result.success) {
+    throw new Error(result.error || 'Failed to register location');
+  }
+
+  // Cache locally too
+  locationCache.set(locationIdentifier, url);
+
+  return result;
+}
+
+/**
+ * Get all registered locations
+ */
+async function getRegisteredLocations() {
+  const response = await fetch('/plugin/allyabase/federation/locations');
+
+  if (!response.ok) {
+    throw new Error(`Failed to get locations: ${response.statusText}`);
+  }
+
+  return await response.json();
+}
+
+/**
+ * Display federated shortcode resolution UI
+ */
+function createFederationUI($item) {
+  const container = document.createElement('div');
+  container.style.marginTop = '20px';
+  container.style.padding = '15px';
+  container.style.border = '1px solid #ddd';
+  container.style.borderRadius = '5px';
+  container.style.background = '#f9f9f9';
+
+  container.innerHTML = `
+    <h4 style="margin-top: 0;">Federation Resolver</h4>
+    <div style="margin-bottom: 10px;">
+      <input type="text" id="shortcode-input"
+        placeholder="💚☮️🏴‍☠️👽/resource/path"
+        style="width: 70%; padding: 8px; font-size: 14px;">
+      <button id="resolve-btn"
+        style="padding: 8px 16px; margin-left: 5px; cursor: pointer;">
+        Resolve
+      </button>
+    </div>
+    <div id="result-area" style="margin-top: 10px;"></div>
+    <hr style="margin: 15px 0;">
+    <h4>Register Location</h4>
+    <div style="margin-bottom: 10px;">
+      <input type="text" id="location-emoji"
+        placeholder="☮️🏴‍☠️👽"
+        style="width: 30%; padding: 8px; font-size: 14px;">
+      <input type="text" id="location-url"
+        placeholder="http://example.com"
+        style="width: 35%; padding: 8px; font-size: 14px; margin-left: 5px;">
+      <button id="register-btn"
+        style="padding: 8px 16px; margin-left: 5px; cursor: pointer;">
+        Register
+      </button>
+    </div>
+    <div id="register-result" style="margin-top: 10px;"></div>
+  `;
+
+  $item.append(container);
+
+  // Resolve button handler
+  container.querySelector('#resolve-btn').addEventListener('click', async () => {
+    const shortcode = container.querySelector('#shortcode-input').value;
+    const resultArea = container.querySelector('#result-area');
+
+    if (!shortcode) {
+      resultArea.innerHTML = '<p style="color: red;">Please enter a shortcode</p>';
+      return;
+    }
+
+    resultArea.innerHTML = '<p>Resolving...</p>';
+
+    try {
+      const url = await resolveFederatedShortcode(shortcode);
+      resultArea.innerHTML = `
+        <p style="color: green;">✓ Resolved!</p>
+        <p><strong>URL:</strong> <a href="${url}" target="_blank">${url}</a></p>
+      `;
+    } catch (err) {
+      resultArea.innerHTML = `<p style="color: red;">✗ Error: ${err.message}</p>`;
+    }
+  });
+
+  // Register button handler
+  container.querySelector('#register-btn').addEventListener('click', async () => {
+    const emoji = container.querySelector('#location-emoji').value;
+    const url = container.querySelector('#location-url').value;
+    const registerResult = container.querySelector('#register-result');
+
+    if (!emoji || !url) {
+      registerResult.innerHTML = '<p style="color: red;">Please enter both emoji and URL</p>';
+      return;
+    }
+
+    registerResult.innerHTML = '<p>Registering...</p>';
+
+    try {
+      await registerLocation(emoji, url);
+      registerResult.innerHTML = `
+        <p style="color: green;">✓ Registered ${emoji} → ${url}</p>
+      `;
+    } catch (err) {
+      registerResult.innerHTML = `<p style="color: red;">✗ Error: ${err.message}</p>`;
+    }
+  });
+}
+
+// Export for use in other modules
+if (typeof window !== 'undefined') {
+  window.federationResolver = {
+    isFederatedShortcode,
+    parseFederatedShortcode,
+    resolveFederatedShortcode,
+    registerLocation,
+    getRegisteredLocations,
+    createFederationUI,
+    FEDERATION_PREFIX,
+    LOCATION_EMOJI_COUNT
+  };
+}
+
+export {
+  isFederatedShortcode,
+  parseFederatedShortcode,
+  resolveFederatedShortcode,
+  registerLocation,
+  getRegisteredLocations,
+  createFederationUI,
+  FEDERATION_PREFIX,
+  LOCATION_EMOJI_COUNT
+};

package/factory.json

@@ -1,5 +1,5 @@
 {
   "name": "allyabase",
-  "title": "Allyabase Plugin",
+  "title": "Allyabase Management Plugin",
   "category": "other"
 }

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "wiki-plugin-allyabase",
-  "version": "0.0.2",
-  "description": "Allyabase plugin for the federated wiki",
+  "version": "0.0.3",
+  "description": "Allyabase management plugin for the federated wiki",
   "keywords": [
     "wiki",
     "federated",
-    "sessionless",
+    "allyabase",
     "planet-nine"
   ],
-  "homepage": "https://github.com/planet-nine-app/wiki-plugin-contract#readme",
+  "homepage": "https://github.com/planet-nine-app/wiki-plugin-allyabase#readme",
   "bugs": {
-    "url": "https://github.com/planet-nine-app/wiki-plugin-contract/issues"
+    "url": "https://github.com/planet-nine-app/wiki-plugin-allyabase/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/planet-nine-app/wiki-plugin-contract.git"
+    "url": "git+https://github.com/planet-nine-app/wiki-plugin-allyabase.git"
   },
   "license": "MIT",
   "author": "planetnineisaspaceship",
@@ -24,8 +24,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "allyabase-js": "latest",
-    "magic-gateway-js": "latest",
-    "sessionless-node": "latest"
+    "bdo-js": "^0.0.7",
+    "http-proxy": "^1.18.1"
   }
 }