webring-rails 1.3.1 → 1.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cb7c45a7911e93d8ba099c52ab12aa3552007ade35aee285cadb4adfa2eb0fb2
-  data.tar.gz: 87c041e80ac5729486e4a1d479401255b4def0995e96e0f0e0d4773d8109f6ad
+  metadata.gz: 754be274910dadf9dc06187305d7482287140f2d2e8c18f4eb949c9343ca66ee
+  data.tar.gz: '0449f04934aa33b9cdcc306890d27d1bd34a149c577996221a41904b02774215'
 SHA512:
-  metadata.gz: a106e56ff61948867ec07e2cb29e3d7c547ee83b5974b9f7823c229f8d220bafe44d9f8e45de1c7b0fa6d44ed226730c22e54c10ceddb57fd700a7f0dc2b2707
-  data.tar.gz: c5084e377d1a15bbcbe3a3fd72ab421b8aadb7f8fcfa23ddd99f3150a747563e2ef61f59dc77fc598b02cb009ff295e730e113c87e5758a7ab91e4a9f0d23ec6
+  metadata.gz: d6cefdc9a28d9549e5778a436a962f49ebe8b367a43ab9fc7774f307cdd3f497735bb4bcea4fdd9b40f2fbcb8409737294b8103f667f811a83630fb2ae4150b3
+  data.tar.gz: 945aa0fbc5e07f6aef49bf03079967640ccd7d2c697d4acfd5e9921f594ce89208f6d05f8ef92ac426dc4ca726131e26f958c5add6fb1878044114ce59b4edfc

data/README.md

@@ -2,7 +2,7 @@
 
 # Webring for Rails
 
-Webring for Rails (webring_rails) is a flexible engine for creating and managing a webring system in your Ruby on Rails application. A webring is a collection of websites linked together in a circular structure, allowing visitors to navigate from one site to another.
+[Webring for Rails (webring-rails)](https://github.com/lstpsche/webring-rails) is a flexible engine for creating and managing a webring system in your Ruby on Rails application. A webring is a collection of websites linked together in a circular structure, allowing visitors to navigate from one site to another.
 
 ## Features
 
@@ -20,7 +20,7 @@ Webring for Rails (webring_rails) is a flexible engine for creating and managing
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'webring_rails'
+gem 'webring-rails'
 ```
 
 Run:
@@ -36,7 +36,7 @@ rails generate webring:install
 rails generate webring:member
 
 # Create the navigation controller
-rails generate webring:controller:navigation
+rails generate webring:navigation_controller
 ```
 
 ### Optional Features
@@ -46,7 +46,7 @@ rails generate webring:controller:navigation
 rails generate webring:membership_request
 
 # Add membership request controller and routes
-rails generate webring:controller:membership_requests
+rails generate webring:membership_requests_controller
 ```
 
 Finally, run the migrations:

data/app/assets/javascripts/webring/widget.js

@@ -22,39 +22,75 @@
  *   - full: Apply all styles (default)
  *   - layout: Only layout styles, no visual design
  *   - none: No styles applied
+ * - data-prev-text="Custom Text": Sets custom text for the "previous" button. Default: "« Prev"
+ * - data-random-text="Custom Text": Sets custom text for the "random" button (keeps the logo). Default: "Random"
+ * - data-next-text="Custom Text": Sets custom text for the "next" button. Default: "Next »"
+ * - data-widget-text="Custom Text": Sets custom text for the widget title. Default: "Webring"
  */
 
 (function() {
   // Configuration constants
-  const WIDGET_CONFIG = {
-    VALID_TYPES: ['full', 'no-text', 'two-way', 'one-way', 'random-only'],
+  const WIDGET_CONFIG = Object.freeze({
+    VALID_TYPES: Object.freeze(['full', 'no-text', 'two-way', 'one-way', 'random-only']),
     DEFAULT_TYPE: 'full',
     DEFAULT_TARGET_ID: 'webring-widget',
     STYLE_ID: 'webring-widget-styles',
-    VALID_STYLE_TYPES: ['full', 'layout', 'none'],
+    VALID_STYLE_TYPES: Object.freeze(['full', 'layout', 'none']),
     DEFAULT_STYLE_TYPE: 'full'
-  };
+  });
 
-  const logoSvg = (width = 20, height = 20, style = "") => `<<REPLACE_ME_LOGO_SVG>>`;
+  // Default text configurations
+  const TEXT_DEFAULTS = Object.freeze({
+    prev: { default: '« Prev', enforced: false },
+    random: { default: 'Random', enforced: false },
+    next: { default: 'Next »', enforced: false },
+    widgetTitle: { default: 'Webring', enforced: false }
+  });
 
-  const NAVIGATION_ACTIONS = {
+  // These defaults will be provided by the widget_controller
+  const PROVIDED_TEXT_DEFAULTS = "<<REPLACE_ME_TEXT_DEFAULTS>>";
+
+  // Parse the provided defaults JSON string
+  const parsedProvidedDefaults =
+    PROVIDED_TEXT_DEFAULTS !== "<<REPLACE_ME_TEXT_DEFAULTS>>"
+      ? (typeof PROVIDED_TEXT_DEFAULTS === 'string' ? JSON.parse(PROVIDED_TEXT_DEFAULTS) : PROVIDED_TEXT_DEFAULTS)
+      : {};
+
+  // Merge defaults with provided defaults
+  const FULL_TEXT_DEFAULTS = Object.freeze(
+    Object.keys(TEXT_DEFAULTS).reduce((acc, key) => {
+      const providedValue = parsedProvidedDefaults[key];
+      acc[key] = {
+        default: providedValue?.default ?? TEXT_DEFAULTS[key].default,
+        enforced: providedValue?.enforced ?? TEXT_DEFAULTS[key].enforced
+      };
+      return acc;
+    }, {})
+  );
+
+  const logoSvg = "<<REPLACE_ME_LOGO_SVG_FUNCTION>>";
+
+  const NAVIGATION_ACTIONS = Object.freeze({
     prev: {
       symbol: '«',
-      text: '« Prev',
+      text: `« ${FULL_TEXT_DEFAULTS.prev.default}`,
+      text_enforced: FULL_TEXT_DEFAULTS.prev.enforced,
       title: 'Previous site',
       path: 'previous',
       additionalClass: 'prev-btn'
     },
     random: {
       symbol: logoSvg(23, 23),
-      text: `${logoSvg(20, 20, "margin-right: 4px; margin-top: 1px;")} Random`,
+      text: `${logoSvg(20, 20, "margin-right: 4px; margin-top: 1px;")} ${FULL_TEXT_DEFAULTS.random.default}`,
+      text_enforced: FULL_TEXT_DEFAULTS.random.enforced,
       title: 'Random site',
       path: 'random',
       additionalClass: 'random-btn'
     },
     next: {
       symbol: '»',
-      text: 'Next »',
+      text: `${FULL_TEXT_DEFAULTS.next.default} »`,
+      text_enforced: FULL_TEXT_DEFAULTS.next.enforced,
       title: 'Next site',
       path: 'next',
       additionalClass: 'next-btn'
@@ -65,18 +101,17 @@
       path: '',
       additionalClass: 'logo-only'
     }
-  };
+  });
 
-  const WIDGET_TYPE_CONFIG = {
+  const WIDGET_TYPE_CONFIG = Object.freeze({
     'full': { showTitle: true, actions: ['prev', 'random', 'next'] },
     'no-text': { showTitle: false, actions: ['prev', 'random', 'next'] },
     'two-way': { showTitle: false, actions: ['prev', 'logoOnly', 'next'], showLogoInMiddle: true },
     'one-way': { showTitle: false, actions: ['next'], showLogoInButton: true },
     'random-only': { showTitle: false, actions: ['random'] }
-  };
+  });
 
-  // Define styles outside the function to avoid duplication
-  const STYLES = {
+  const STYLES = Object.freeze({
     layout: `
       .webring-nav {
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
@@ -98,17 +133,17 @@
         justify-content: center;
         align-items: center;
       }
-      .webring-nav a.webring-btn {
+      .webring-btn {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 6px 12px;
         text-decoration: none;
       }
-      .webring-nav a.webring-btn.random-btn {
-        padding: 6px 8px 6px 8px;
+      .random-btn {
+        padding: 6px 8px;
       }
-      .webring-nav .logo-only {
+      .logo-only {
         padding: 8px 3px 6px 3px;
       }
       .webring-nav[data-widget-type="no-text"] {
@@ -123,13 +158,11 @@
         margin-right: 6px;
         margin-top: 1px;
       }
-      /* no-text prev button */
-      .webring-nav[data-button-text="false"] a.webring-btn.prev-btn {
+      [data-button-text="false"] .prev-btn {
         padding-top: 5px;
         padding-right: 12.5px;
       }
-      /* no-text next button */
-      .webring-nav[data-button-text="false"] a.webring-btn.next-btn {
+      [data-button-text="false"] .next-btn {
         padding-top: 5px;
         padding-left: 12.5px;
       }
@@ -141,49 +174,57 @@
       .webring-title {
         font-weight: 600;
       }
-      .webring-nav a.webring-btn {
+      .webring-btn {
+        text-wrap: nowrap;
         color: #000000;
         font-weight: 600;
         background-color: #ffffff;
         border: 2.5px solid #000000;
         transition: background-color 0.2s ease, color 0.2s ease;
       }
-      .webring-nav a.webring-btn:hover {
+      .webring-btn:hover {
         background-color: #000000;
         color: #ffffff;
       }
-      .webring-nav a.webring-btn:focus {
+      .webring-btn:focus {
         outline: none;
         background-color: transparent;
         color: #000000;
       }
-      .webring-nav a.webring-btn:active {
+      .webring-btn:active {
         border-color: #000000;
         background-color: #000000;
         color: #ffffff;
       }
     `
-  };
+  });
+
+  // Track if styles have been applied
+  let stylesApplied = false;
 
   // Run immediately for widget initialization
   createWidget();
 
   function createWidget(scriptElement) {
-    const script = scriptElement || document.currentScript || (function() {
-      const scripts = document.getElementsByTagName('script');
-      return scripts[scripts.length - 1];
-    })();
+    // Find the script element, using a passed element, current script, or last script
+    const script = scriptElement || document.currentScript || document.getElementsByTagName('script')[document.getElementsByTagName('script').length - 1];
 
     if (!script) return;
 
     // Config from data attributes
     const memberUid = script.getAttribute('data-member-uid');
-    const widgetType = script.getAttribute('data-widget-type') || WIDGET_CONFIG.DEFAULT_TYPE;
-    const targetId = script.getAttribute('data-target-id') || WIDGET_CONFIG.DEFAULT_TARGET_ID;
+    const widgetType = script.getAttribute('data-widget-type') ?? WIDGET_CONFIG.DEFAULT_TYPE;
+    const targetId = script.getAttribute('data-target-id') ?? WIDGET_CONFIG.DEFAULT_TARGET_ID;
     const buttonText = script.getAttribute('data-button-text') !== 'false';
-    const stylesType = script.getAttribute('data-styles') || WIDGET_CONFIG.DEFAULT_STYLE_TYPE;
+    const stylesType = script.getAttribute('data-styles') ?? WIDGET_CONFIG.DEFAULT_STYLE_TYPE;
     const stylesOption = WIDGET_CONFIG.VALID_STYLE_TYPES.includes(stylesType) ? stylesType : WIDGET_CONFIG.DEFAULT_STYLE_TYPE;
 
+    // Custom text data attributes
+    const prevText = script.getAttribute('data-prev-text');
+    const randomText = script.getAttribute('data-random-text');
+    const nextText = script.getAttribute('data-next-text');
+    const widgetText = script.getAttribute('data-widget-text');
+
     if (!memberUid) {
       console.error('Webring Widget: Missing data-member-uid attribute on script tag.');
       return;
@@ -204,42 +245,89 @@
         return;
       }
 
-      // Navigation links
+      // Apply styles only once per page
+      if (!stylesApplied) {
+        applyStyles(stylesOption);
+        stylesApplied = true;
+      }
+
+      // Use DocumentFragment for DOM operations
+      const fragment = document.createDocumentFragment();
+
+      // Create main wrapper div
+      const wrapperDiv = document.createElement('div');
+      wrapperDiv.className = 'webring-nav';
+      wrapperDiv.setAttribute('data-widget-type', widgetType);
+      wrapperDiv.setAttribute('data-button-text', buttonText.toString());
+
+      // Apply custom texts efficiently
+      const customTexts = {
+        prev: NAVIGATION_ACTIONS.prev.text_enforced
+              ? NAVIGATION_ACTIONS.prev
+              : (prevText ? {...NAVIGATION_ACTIONS.prev, text: `« ${prevText}`} : NAVIGATION_ACTIONS.prev),
+        random: NAVIGATION_ACTIONS.random.text_enforced
+                ? NAVIGATION_ACTIONS.random
+                : (randomText ? {...NAVIGATION_ACTIONS.random, text: `${logoSvg(20, 20, "margin-right: 4px; margin-top: 1px;")} ${randomText}`} : NAVIGATION_ACTIONS.random),
+        next: NAVIGATION_ACTIONS.next.text_enforced
+              ? NAVIGATION_ACTIONS.next
+              : (nextText ? {...NAVIGATION_ACTIONS.next, text: `${nextText} »`} : NAVIGATION_ACTIONS.next),
+        logoOnly: NAVIGATION_ACTIONS.logoOnly
+      };
+
+      // Add title if needed
       const config = WIDGET_TYPE_CONFIG[widgetType];
-      const linkElements = config.actions.map(action => {
-        const actionConfig = NAVIGATION_ACTIONS[action];
+      if (config.showTitle) {
+        const titleElem = document.createElement('span');
+        titleElem.className = 'webring-title';
+        titleElem.innerHTML = FULL_TEXT_DEFAULTS.widgetTitle.enforced ?
+          FULL_TEXT_DEFAULTS.widgetTitle.default :
+          (widgetText ?? FULL_TEXT_DEFAULTS.widgetTitle.default);
+        wrapperDiv.appendChild(titleElem);
+      }
+
+      // Create navigation container
+      const navElem = document.createElement('nav');
+      navElem.className = 'webring-buttons';
+
+      // Create buttons
+      config.actions.forEach(action => {
+        const actionConfig = customTexts[action];
 
         // Logo-only block
         if (action === 'logoOnly') {
-          return `<div class="${actionConfig.additionalClass}">${actionConfig.symbol}</div>`;
+          const logoDiv = document.createElement('div');
+          logoDiv.className = actionConfig.additionalClass;
+          logoDiv.innerHTML = actionConfig.symbol;
+          navElem.appendChild(logoDiv);
+          return;
         }
 
-        const url = `${baseUrl}/webring/${actionConfig.path}?source_member_uid=${memberUid}`;
-        let label = buttonText ? actionConfig.text : actionConfig.symbol;
-        const btnClass = `webring-btn${actionConfig.additionalClass ? ` ${actionConfig.additionalClass}` : ''}`;
+        const linkElem = document.createElement('a');
+        linkElem.href = `${baseUrl}/webring/${actionConfig.path}?source_member_uid=${memberUid}`;
+        linkElem.title = actionConfig.title;
+        linkElem.className = `webring-btn ${actionConfig.additionalClass}`;
 
         // One-way type case
         if (widgetType === 'one-way' && config.showLogoInButton && action === 'next') {
-          label = buttonText
-            ? `<span class="webring-logo-inline">${logoSvg(20, 20)}</span> ${actionConfig.text}`
+          const buttonTextContent = NAVIGATION_ACTIONS.next.text_enforced ?
+            FULL_TEXT_DEFAULTS.next.default :
+            (nextText || customTexts.next.text.replace(' »', ''));
+
+          linkElem.innerHTML = buttonText
+            ? `<span class="webring-logo-inline">${logoSvg(20, 20)}</span> ${buttonTextContent} »`
             : `<span class="webring-logo-inline">${logoSvg(20, 20)}</span> ${actionConfig.symbol}`;
+        } else {
+          linkElem.innerHTML = buttonText ? actionConfig.text : actionConfig.symbol;
         }
 
-        return `<a href="${url}" title="${actionConfig.title}" class="${btnClass}">${label}</a>`;
-      }).join('\n          ');
-
-      // Create widget HTML
-      const title = config.showTitle ? '<span class="webring-title">Ruby Webring</span>' : '';
-      container.innerHTML = `
-        <div class="webring-nav" data-widget-type="${widgetType}" data-button-text="${buttonText}">
-          ${title}
-          <nav class="webring-buttons">
-            ${linkElements}
-          </nav>
-        </div>
-      `;
-
-      applyStyles(stylesOption);
+        navElem.appendChild(linkElem);
+      });
+
+      wrapperDiv.appendChild(navElem);
+      fragment.appendChild(wrapperDiv);
+
+      container.innerHTML = '';
+      container.appendChild(fragment);
     };
 
     function applyStyles(styleOption) {

data/app/assets/javascripts/webring/widget.min.js

@@ -0,0 +1 @@
+!function(){function e(e){function n(e){let n=document.getElementById(t.STYLE_ID);switch(n||(n=document.createElement("style"),n.id=t.STYLE_ID,document.head.appendChild(n)),e){case"none":n.textContent="";break;case"layout":n.textContent=s.layout;break;default:n.textContent=s.layout+s.design}}const o=e||document.currentScript||document.getElementsByTagName("script")[document.getElementsByTagName("script").length-1];if(!o)return;const a=o.getAttribute("data-member-uid"),g=o.getAttribute("data-widget-type")??t.DEFAULT_TYPE,p=o.getAttribute("data-target-id")??t.DEFAULT_TARGET_ID,f="false"!==o.getAttribute("data-button-text"),u=o.getAttribute("data-styles")??t.DEFAULT_STYLE_TYPE,x=t.VALID_STYLE_TYPES.includes(u)?u:t.DEFAULT_STYLE_TYPE,b=o.getAttribute("data-prev-text"),m=o.getAttribute("data-random-text"),w=o.getAttribute("data-next-text"),y=o.getAttribute("data-widget-text");if(!a)return void console.error("Webring Widget: Missing data-member-uid attribute on script tag.");if(!t.VALID_TYPES.includes(g))return void console.error(`Webring Widget: Invalid widget type "${g}". Valid types: ${t.VALID_TYPES.join(", ")}`);const T=o.getAttribute("src"),E=new URL(T,window.location.href).origin,_=function(){const e=document.getElementById(p);if(!e)return void console.error(`Webring Widget: No element with id "${p}" found.`);c||(n(x),c=!0);const t=document.createDocumentFragment(),o=document.createElement("div");o.className="webring-nav",o.setAttribute("data-widget-type",g),o.setAttribute("data-button-text",f.toString());const s={prev:d.prev.text_enforced?d.prev:b?{...d.prev,text:`\xab ${b}`}:d.prev,random:d.random.text_enforced?d.random:m?{...d.random,text:`${r(20,20,"margin-right: 4px; margin-top: 1px;")} ${m}`}:d.random,next:d.next.text_enforced?d.next:w?{...d.next,text:`${w} \xbb`}:d.next,logoOnly:d.logoOnly},u=l[g];if(u.showTitle){const e=document.createElement("span");e.className="webring-title",e.innerHTML=i.widgetTitle.enforced?i.widgetTitle.default:y??i.widgetTitle.default,o.appendChild(e)}const T=document.createElement("nav");T.className="webring-buttons",u.actions.forEach((e=>{const t=s[e];if("logoOnly"===e){const e=document.createElement("div");return e.className=t.additionalClass,e.innerHTML=t.symbol,void T.appendChild(e)}const n=document.createElement("a");if(n.href=`${E}/webring/${t.path}?source_member_uid=${a}`,n.title=t.title,n.className=`webring-btn ${t.additionalClass}`,"one-way"===g&&u.showLogoInButton&&"next"===e){const e=d.next.text_enforced?i.next.default:w||s.next.text.replace(" \xbb","");n.innerHTML=f?`<span class="webring-logo-inline">${r(20,20)}</span> ${e} \xbb`:`<span class="webring-logo-inline">${r(20,20)}</span> ${t.symbol}`}else n.innerHTML=f?t.text:t.symbol;T.appendChild(n)})),o.appendChild(T),t.appendChild(o),e.innerHTML="",e.appendChild(t)};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",_):_()}const t=Object.freeze({VALID_TYPES:Object.freeze(["full","no-text","two-way","one-way","random-only"]),DEFAULT_TYPE:"full",DEFAULT_TARGET_ID:"webring-widget",STYLE_ID:"webring-widget-styles",VALID_STYLE_TYPES:Object.freeze(["full","layout","none"]),DEFAULT_STYLE_TYPE:"full"}),n=Object.freeze({prev:{default:"\xab Prev",enforced:!1},random:{default:"Random",enforced:!1},next:{default:"Next \xbb",enforced:!1},widgetTitle:{default:"Webring",enforced:!1}}),o="<<REPLACE_ME_TEXT_DEFAULTS>>",a="<<REPLACE_ME_TEXT_DEFAULTS>>"!==o?"string"==typeof o?JSON.parse(o):o:{},i=Object.freeze(Object.keys(n).reduce(((e,t)=>{const o=a[t];return e[t]={default:o?.default??n[t].default,enforced:o?.enforced??n[t].enforced},e}),{})),r="<<REPLACE_ME_LOGO_SVG_FUNCTION>>",d=Object.freeze({prev:{symbol:"\xab",text:`\xab ${i.prev.default}`,text_enforced:i.prev.enforced,title:"Previous site",path:"previous",additionalClass:"prev-btn"},random:{symbol:r(23,23),text:`${r(20,20,"margin-right: 4px; margin-top: 1px;")} ${i.random.default}`,text_enforced:i.random.enforced,title:"Random site",path:"random",additionalClass:"random-btn"},next:{symbol:"\xbb",text:`${i.next.default} \xbb`,text_enforced:i.next.enforced,title:"Next site",path:"next",additionalClass:"next-btn"},logoOnly:{symbol:r(23,23),text:r(23,23),path:"",additionalClass:"logo-only"}}),l=Object.freeze({full:{showTitle:!0,actions:["prev","random","next"]},"no-text":{showTitle:!1,actions:["prev","random","next"]},"two-way":{showTitle:!1,actions:["prev","logoOnly","next"],showLogoInMiddle:!0},"one-way":{showTitle:!1,actions:["next"],showLogoInButton:!0},"random-only":{showTitle:!1,actions:["random"]}}),s=Object.freeze({layout:'\n      .webring-nav {\n        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;\n        font-size: 16px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        max-width: 350px;\n        margin: 0 auto;\n        padding: 10px;\n      }\n      .webring-title {\n        margin-bottom: 8px;\n      }\n      .webring-nav nav {\n        display: flex;\n        gap: 10px;\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n      }\n      .webring-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 6px 12px;\n        text-decoration: none;\n      }\n      .random-btn {\n        padding: 6px 8px;\n      }\n      .logo-only {\n        padding: 8px 3px 6px 3px;\n      }\n      .webring-nav[data-widget-type="no-text"] {\n        padding: 8px 10px;\n      }\n      .webring-nav[data-widget-type="one-way"] {\n        max-width: 200px;\n      }\n      .webring-logo-inline {\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 6px;\n        margin-top: 1px;\n      }\n      [data-button-text="false"] .prev-btn {\n        padding-top: 5px;\n        padding-right: 12.5px;\n      }\n      [data-button-text="false"] .next-btn {\n        padding-top: 5px;\n        padding-left: 12.5px;\n      }\n    ',design:'\n      .webring-nav[data-widget-type="full"] {\n        border: 2.5px solid #000000;\n      }\n      .webring-title {\n        font-weight: 600;\n      }\n      .webring-btn {\n        text-wrap: nowrap;\n        color: #000000;\n        font-weight: 600;\n        background-color: #ffffff;\n        border: 2.5px solid #000000;\n        transition: background-color 0.2s ease, color 0.2s ease;\n      }\n      .webring-btn:hover {\n        background-color: #000000;\n        color: #ffffff;\n      }\n      .webring-btn:focus {\n        outline: none;\n        background-color: transparent;\n        color: #000000;\n      }\n      .webring-btn:active {\n        border-color: #000000;\n        background-color: #000000;\n        color: #ffffff;\n      }\n    '});let c=!1;e()}();

data/app/controllers/webring/widget_controller.rb

@@ -13,12 +13,13 @@ module Webring
         format.js do
           response.headers['Content-Type'] = 'application/javascript'
 
-          # Take the JavaScript file from the engine's assets and replace the customizable Logo SVG
+          # Take the minified JavaScript file from the engine's assets and replace the customizable Logo SVG
           widget_js =
             Webring::Engine
-            .root.join('app/assets/javascripts/webring/widget.js')
+            .root.join('app/assets/javascripts/webring/widget.min.js')
             .read
-            .gsub('<<REPLACE_ME_LOGO_SVG>>', logo_svg)
+            .gsub('"<<REPLACE_ME_LOGO_SVG_FUNCTION>>"', logo_svg_function)
+            .gsub('"<<REPLACE_ME_TEXT_DEFAULTS>>"', JSON.generate(text_defaults))
 
           render js: widget_js
         end
@@ -34,13 +35,31 @@ module Webring
       response.headers['Access-Control-Max-Age'] = '86400'
     end
 
+    # This function is used to generate the logo SVG function for the compiled widget.js file to overcome args names compression issue
+    def logo_svg_function
+      <<~JS
+        (width = 20, height = 20, style = "") => `#{logo_svg}`
+      JS
+    end
+
     # should include `${width}`, `${height}`, `${style}` in order to be customizable
     def logo_svg
-      <<~SVG
+      <<~HTML
         <svg width="${width}" height="${height}" style="${style}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path d="M13 3L6 14H12L11 21L18 10H12L13 3Z" fill="currentColor"/>
         </svg>
-      SVG
+      HTML
+    end
+
+    # Provide default texts for the widget
+    # Override this method to customize the default texts
+    def text_defaults
+      {
+        prev: { default: 'Prev', enforced: false },
+        random: { default: 'Random', enforced: false },
+        next: { default: 'Next', enforced: false },
+        widgetTitle: { default: 'Webring', enforced: false }
+      }
     end
   end
 end

data/app/models/webring/membership_request.rb

@@ -10,6 +10,7 @@ module Webring
     validates :url, presence: true, uniqueness: true
     validates :name, presence: true
     validates :description, presence: true
+    validates :callback_email, presence: true
 
     enum :status, { pending: 0, approved: 1, rejected: 2 }, default: :pending
   end

data/lib/generators/USAGE

@@ -6,7 +6,7 @@ Example:
     rails generate webring:install
 
     This will create:
-        # Mount the Webring engine in your routes.rb file
+        # Mount the Webring engine and widget.js path in your routes.rb file
 
 Example:
     rails generate webring:member

data/lib/generators/webring/custom_widget_controller/templates/custom_widget_controller.rb

@@ -5,9 +5,20 @@ module Webring
     # should include `${width}`, `${height}`, `${style}` in order to be customizable
     # remove the method or call `super` to use the default logo
     def logo_svg
-      <<~SVG
+      <<~HTML
         Add your custom logo SVG here
-      SVG
+      HTML
+    end
+
+    # Override default texts for the widget
+    # Remove the method or call `super` to use the gem's default texts
+    def text_defaults
+      {
+        prev: { default: 'Prev', enforced: false },
+        random: { default: 'Random', enforced: false },
+        next: { default: 'Next', enforced: false },
+        widgetTitle: { default: 'Webring', enforced: false }
+      }
     end
   end
 end

data/lib/generators/webring/membership_request/templates/model.rb

@@ -8,6 +8,7 @@ module Webring
     validates :url, presence: true, uniqueness: true
     validates :name, presence: true
     validates :description, presence: true
+    validates :callback_email, presence: true
 
     enum :status, { pending: 0, approved: 1, rejected: 2 }, default: :pending
 

data/lib/webring/version.rb

@@ -1,3 +1,3 @@
 module Webring
-  VERSION = '1.3.1'.freeze
+  VERSION = '1.4.2'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: webring-rails
 version: !ruby/object:Gem::Version
-  version: 1.3.1
+  version: 1.4.2
 platform: ruby
 authors:
 - Nikita Shkoda
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-06-08 00:00:00.000000000 Z
+date: 2025-06-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -52,6 +52,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.31'
+- !ruby/object:Gem::Dependency
+  name: terser
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
 description: Mountable Rails Engine for webring implementation with an embeddable
   styled widget
 email:
@@ -63,12 +77,12 @@ files:
 - MIT-LICENSE
 - README.md
 - app/assets/javascripts/webring/widget.js
+- app/assets/javascripts/webring/widget.min.js
 - app/controllers/webring/application_controller.rb
 - app/controllers/webring/members_controller.rb
 - app/controllers/webring/membership_requests_controller.rb
 - app/controllers/webring/navigation_controller.rb
 - app/controllers/webring/widget_controller.rb
-- app/helpers/webring/application_helper.rb
 - app/models/concerns/webring/membership_request_actions.rb
 - app/models/concerns/webring/navigation.rb
 - app/models/webring/application_record.rb
@@ -94,7 +108,6 @@ files:
 - lib/generators/webring/navigation_controller/navigation_controller_generator.rb
 - lib/generators/webring/navigation_controller/templates/navigation_controller.rb
 - lib/generators/webring/shared/route_injector.rb
-- lib/generators/webring_generator.rb
 - lib/webring-rails.rb
 - lib/webring/engine.rb
 - lib/webring/version.rb

data/app/helpers/webring/application_helper.rb

@@ -1,4 +0,0 @@
-module Webring
-  module ApplicationHelper
-  end
-end

data/lib/generators/webring_generator.rb

@@ -1,17 +0,0 @@
-module Webring
-  module Generators
-    class WebringGenerator < Rails::Generators::NamedBase
-      namespace 'webring'
-
-      desc 'Creates a Webring configuration for the given model name'
-
-      def invoke_webring_member
-        invoke 'webring:member'
-      end
-
-      def invoke_webring_controller
-        invoke 'webring:member_controller'
-      end
-    end
-  end
-end