webring-rails 1.4.4 → 1.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 447748a2ca051ec5cfdbdb2939c09a30c8b57e2a47fff7aabd8f32cea100cc0c
-  data.tar.gz: 6644675f77cd307363543cc56b183152e4a42adb1121844834da943e430ba993
+  metadata.gz: 82bc3c0e725233f97c81c7f5d93300155cf4a926618b9f0cfc0b34728411ce90
+  data.tar.gz: 81704a8acd70cf5f060f6208eed0512ace47504e28ddf4071caee9d04e7f4589
 SHA512:
-  metadata.gz: a2b3855e306305947af1fc114b30005e8ed551f070f7cacd67d5719f9517b915fcbe6a3bf266f4acf187c6345f636f513a6ee0a6ebaea5ea8d1b4d8a20c40ac5
-  data.tar.gz: 771bdf593b8310ae9a0c18b957ed3f6f896e26b7277b85da26e36bd03c7f86bcb736430a73df8c45f039150eb8dfd7f3616b8b0c1427706fd7ebfd50238c216c
+  metadata.gz: b83576e412c50d3e060bdfc056d2695da79f576aae7c398d85e4a0a8efe77c68d3dd57bdcef5cdbb5c1654dc7e7331f4894817cf05b0c6c853060bd36fcab269
+  data.tar.gz: 1a717972d57d3361d51d6f250b1ada90ea38d7d5142dba6bbf573ab6fd57a39d9f5431dd835f2ede7be9969f166805f1fd8d1541620254e2e4eaffa6c2cb96ba

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

@@ -22,6 +22,7 @@
  *   - full: Apply all styles (default)
  *   - layout: Only layout styles, no visual design
  *   - none: No styles applied
+ * - data-theme="light|dark": Sets the theme for the widget. Default: light
  * - 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 »"
@@ -36,7 +37,9 @@
     DEFAULT_TARGET_ID: 'webring-widget',
     STYLE_ID: 'webring-widget-styles',
     VALID_STYLE_TYPES: Object.freeze(['full', 'layout', 'none']),
-    DEFAULT_STYLE_TYPE: 'full'
+    DEFAULT_STYLE_TYPE: 'full',
+    VALID_THEMES: Object.freeze(['light', 'dark']),
+    DEFAULT_THEME: 'light'
   });
 
   // Default text configurations
@@ -204,8 +207,7 @@
         box-sizing: border-box;
       }
       .webring-nav .webring-title {
-        margin-bottom: 8px;
-        margin-top: 0;
+        margin: 0 0 8px 0;
         padding: 0;
         font-size: inherit;
         line-height: normal;
@@ -245,48 +247,84 @@
       .webring-nav .webring-logo-inline {
         display: inline-block;
         vertical-align: middle;
-        margin-right: 6px;
-        margin-top: 1px;
-        margin-bottom: 0;
-        margin-left: 0;
+        margin: 1px 6px 0 0;
       }
       .webring-nav[data-button-text="false"] .prev-btn {
-        padding-top: 5px;
-        padding-right: 12.5px;
+        padding: 5px 12.5px 6px 12px;
       }
       .webring-nav[data-button-text="false"] .next-btn {
-        padding-top: 5px;
-        padding-left: 12.5px;
+        padding: 5px 12px 6px 12.5px;
       }
     `,
     design: `
+      /* CSS Custom Properties for easy theming */
+      .webring-nav {
+        /* Internal variables that use public API with fallbacks */
+        --webring-bg-color: var(--webring-theme-bg);
+        --webring-border-color: var(--webring-theme-border);
+        --webring-text-color: var(--webring-theme-text);
+        --webring-btn-bg: var(--webring-theme-btn-bg);
+        --webring-btn-border: var(--webring-theme-btn-border);
+        --webring-btn-text: var(--webring-theme-btn-text);
+        --webring-btn-hover-bg: var(--webring-theme-btn-hover-bg);
+        --webring-btn-hover-text: var(--webring-theme-btn-hover-text);
+      }
+
+      /* Common theme styles using CSS variables */
+      .webring-nav {
+        background-color: var(--webring-bg-color);
+      }
       .webring-nav[data-widget-type="full"] {
-        border: 2.5px solid #000000;
+        border: 2.5px solid var(--webring-border-color);
       }
       .webring-nav .webring-title {
         font-weight: 600;
+        color: var(--webring-text-color);
       }
       .webring-nav .webring-btn {
         text-wrap: nowrap;
-        color: #000000;
         font-weight: 600;
-        background-color: #ffffff;
-        border: 2.5px solid #000000;
+        color: var(--webring-btn-text);
+        background-color: var(--webring-btn-bg);
+        border: 2.5px solid var(--webring-btn-border);
         transition: background-color 0.2s ease, color 0.2s ease;
       }
-      .webring-nav .webring-btn:hover {
-        background-color: #000000;
-        color: #ffffff;
-      }
       .webring-nav .webring-btn:focus {
         outline: none;
         background-color: transparent;
-        color: #000000;
+        color: var(--webring-btn-text);
       }
+      .webring-nav .webring-btn:hover,
       .webring-nav .webring-btn:active {
-        border-color: #000000;
-        background-color: #000000;
-        color: #ffffff;
+        background-color: var(--webring-btn-hover-bg);
+        color: var(--webring-btn-hover-text);
+      }
+      .webring-nav svg {
+        fill: currentColor;
+      }
+
+      /* Light theme defaults - these have lower specificity than member's rules */
+      .webring-nav {
+        --webring-theme-bg: #ffffff;
+        --webring-theme-border: #000000;
+        --webring-theme-text: #000000;
+        --webring-theme-btn-bg: #ffffff;
+        --webring-theme-btn-border: #000000;
+        --webring-theme-btn-text: #000000;
+        --webring-theme-btn-hover-bg: #000000;
+        --webring-theme-btn-hover-text: #ffffff;
+      }
+
+      /* Dark theme overrides */
+      .webring-nav[data-theme="dark"] {
+        --webring-theme-bg: #000000;
+        --webring-theme-border: #ffffff;
+        --webring-theme-text: #ffffff;
+        --webring-theme-btn-bg: #000000;
+        --webring-theme-btn-border: #ffffff;
+        --webring-theme-btn-text: #ffffff;
+        --webring-theme-btn-hover-bg: #ffffff;
+        --webring-theme-btn-hover-text: #000000;
       }
     `
   });
@@ -310,6 +348,8 @@
     const buttonText = script.getAttribute('data-button-text') !== 'false';
     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;
+    const themeType = script.getAttribute('data-theme') ?? WIDGET_CONFIG.DEFAULT_THEME;
+    const theme = WIDGET_CONFIG.VALID_THEMES.includes(themeType) ? themeType : WIDGET_CONFIG.DEFAULT_THEME;
 
     // Custom text data attributes
     const prevText = script.getAttribute('data-prev-text');
@@ -351,6 +391,7 @@
       wrapperDiv.className = 'webring-nav';
       wrapperDiv.setAttribute('data-widget-type', widgetType);
       wrapperDiv.setAttribute('data-button-text', buttonText.toString());
+      wrapperDiv.setAttribute('data-theme', theme);
 
       // Apply custom texts efficiently
       const customTexts = {
@@ -427,7 +468,8 @@
       if (!styleElement) {
         styleElement = document.createElement('style');
         styleElement.id = WIDGET_CONFIG.STYLE_ID;
-        document.head.appendChild(styleElement);
+        // Insert at the beginning of head so user styles can override
+        document.head.insertBefore(styleElement, document.head.firstChild);
       }
 
       switch (styleOption) {

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

@@ -1 +1 @@
-!function(){function n(n){function t(n){let t=document.getElementById(e.STYLE_ID);switch(t||(t=document.createElement("style"),t.id=e.STYLE_ID,document.head.appendChild(t)),n){case"none":t.textContent=g.reset;break;case"layout":t.textContent=g.reset+g.layout;break;default:t.textContent=g.reset+g.layout+g.design}}const i=n||document.currentScript||document.getElementsByTagName("script")[document.getElementsByTagName("script").length-1];if(!i)return;const a=i.getAttribute("data-member-uid"),b=i.getAttribute("data-widget-type")??e.DEFAULT_TYPE,c=i.getAttribute("data-target-id")??e.DEFAULT_TARGET_ID,p="false"!==i.getAttribute("data-button-text"),f=i.getAttribute("data-styles")??e.DEFAULT_STYLE_TYPE,w=e.VALID_STYLE_TYPES.includes(f)?f:e.DEFAULT_STYLE_TYPE,m=i.getAttribute("data-prev-text"),u=i.getAttribute("data-random-text"),x=i.getAttribute("data-next-text"),v=i.getAttribute("data-widget-text");if(!a)return void console.error("Webring Widget: Missing data-member-uid attribute on script tag.");if(!e.VALID_TYPES.includes(b))return void console.error(`Webring Widget: Invalid widget type "${b}". Valid types: ${e.VALID_TYPES.join(", ")}`);const h=i.getAttribute("src"),y=new URL(h,window.location.href).origin,T=function(){const n=document.getElementById(c);if(!n)return void console.error(`Webring Widget: No element with id "${c}" found.`);s||(t(w),s=!0);const e=document.createDocumentFragment(),i=document.createElement("div");i.className="webring-nav",i.setAttribute("data-widget-type",b),i.setAttribute("data-button-text",p.toString());const g={prev:d.prev.text_enforced?d.prev:m?{...d.prev,text:`\xab ${m}`}:d.prev,random:d.random.text_enforced?d.random:u?{...d.random,text:`${r(20,20,"margin-right: 4px; margin-top: 1px;")} ${u}`}:d.random,next:d.next.text_enforced?d.next:x?{...d.next,text:`${x} \xbb`}:d.next,logoOnly:d.logoOnly},f=l[b];if(f.showTitle){const n=document.createElement("span");n.className="webring-title",n.innerHTML=o.widgetTitle.enforced?o.widgetTitle.default:v??o.widgetTitle.default,i.appendChild(n)}const h=document.createElement("nav");h.className="webring-buttons",f.actions.forEach((n=>{const e=g[n];if("logoOnly"===n){const n=document.createElement("div");return n.className=e.additionalClass,n.innerHTML=e.symbol,void h.appendChild(n)}const t=document.createElement("a");if(t.href=`${y}/webring/${e.path}?source_member_uid=${a}`,t.title=e.title,t.className=`webring-btn ${e.additionalClass}`,"one-way"===b&&f.showLogoInButton&&"next"===n){const n=d.next.text_enforced?o.next.default:x||g.next.text.replace(" \xbb","");t.innerHTML=p?`<span class="webring-logo-inline">${r(20,20)}</span> ${n} \xbb`:`<span class="webring-logo-inline">${r(20,20)}</span> ${e.symbol}`}else t.innerHTML=p?e.text:e.symbol;h.appendChild(t)})),i.appendChild(h),e.appendChild(i),n.innerHTML="",n.appendChild(e)};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",T):T()}const e=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"}),t=Object.freeze({prev:{default:"\xab Prev",enforced:!1},random:{default:"Random",enforced:!1},next:{default:"Next \xbb",enforced:!1},widgetTitle:{default:"Webring",enforced:!1}}),i="<<REPLACE_ME_TEXT_DEFAULTS>>",a="<<REPLACE_ME_TEXT_DEFAULTS>>"!==i?"string"==typeof i?JSON.parse(i):i:{},o=Object.freeze(Object.keys(t).reduce(((n,e)=>{const i=a[e];return n[e]={default:i?.default??t[e].default,enforced:i?.enforced??t[e].enforced},n}),{})),r="<<REPLACE_ME_LOGO_SVG_FUNCTION>>",d=Object.freeze({prev:{symbol:"\xab",text:`\xab ${o.prev.default}`,text_enforced:o.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;")} ${o.random.default}`,text_enforced:o.random.enforced,title:"Random site",path:"random",additionalClass:"random-btn"},next:{symbol:"\xbb",text:`${o.next.default} \xbb`,text_enforced:o.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"]}}),g=Object.freeze({reset:"\n      .webring-nav,\n      .webring-nav div,\n      .webring-nav span,\n      .webring-nav nav,\n      .webring-nav a,\n      .webring-nav div::before,\n      .webring-nav span::before,\n      .webring-nav nav::before,\n      .webring-nav a::before,\n      .webring-nav div::after,\n      .webring-nav span::after,\n      .webring-nav nav::after,\n      .webring-nav a::after {\n        all: initial;\n        box-sizing: border-box;\n      }\n\n      // .webring-nav svg,\n      // .webring-nav svg * {\n      //   all: revert;\n      //   fill: currentColor;\n      // }\n\n      .webring-nav,\n      .webring-nav div,\n      .webring-nav span,\n      .webring-nav nav,\n      .webring-nav a {\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        color: inherit;\n      }\n\n      .webring-nav div,\n      .webring-nav span,\n      .webring-nav nav,\n      .webring-nav a {\n        display: initial;\n        margin: 0;\n        padding: 0;\n        border: none;\n        background: none;\n        text-decoration: none;\n        color: inherit;\n        font-weight: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        vertical-align: baseline;\n        box-shadow: none;\n        outline: none;\n        transform: none;\n        opacity: 1;\n        visibility: visible;\n        position: static;\n        float: none;\n        clear: none;\n        overflow: visible;\n        white-space: normal;\n        text-align: left;\n        letter-spacing: normal;\n        word-spacing: normal;\n        text-transform: none;\n        text-shadow: none;\n        list-style: none;\n        border-radius: 0;\n        min-width: auto;\n        max-width: none;\n        min-height: auto;\n        max-height: none;\n        width: auto;\n        height: auto;\n        top: auto;\n        right: auto;\n        bottom: auto;\n        left: auto;\n        z-index: auto;\n      }\n\n      .webring-nav a {\n        cursor: pointer;\n      }\n    ",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        box-sizing: border-box;\n      }\n      .webring-nav .webring-title {\n        margin-bottom: 8px;\n        margin-top: 0;\n        padding: 0;\n        font-size: inherit;\n        line-height: normal;\n      }\n      .webring-nav nav {\n        display: flex;\n        gap: 10px;\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n      }\n      .webring-nav .webring-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 6px 12px;\n        text-decoration: none;\n        box-sizing: border-box;\n        margin: 0;\n      }\n      .webring-nav .webring-btn.random-btn {\n        padding: 6px 8px;\n      }\n      .webring-nav nav .logo-only {\n        padding: 8px 3px 6px 3px;\n        margin: 0;\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-nav .webring-logo-inline {\n        display: inline-block;\n        vertical-align: middle;\n        margin-right: 6px;\n        margin-top: 1px;\n        margin-bottom: 0;\n        margin-left: 0;\n      }\n      .webring-nav[data-button-text="false"] .prev-btn {\n        padding-top: 5px;\n        padding-right: 12.5px;\n      }\n      .webring-nav[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-nav .webring-title {\n        font-weight: 600;\n      }\n      .webring-nav .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-nav .webring-btn:hover {\n        background-color: #000000;\n        color: #ffffff;\n      }\n      .webring-nav .webring-btn:focus {\n        outline: none;\n        background-color: transparent;\n        color: #000000;\n      }\n      .webring-nav .webring-btn:active {\n        border-color: #000000;\n        background-color: #000000;\n        color: #ffffff;\n      }\n    '});let s=!1;n()}();
+!function(){function n(n){function t(n){let t=document.getElementById(e.STYLE_ID);switch(t||(t=document.createElement("style"),t.id=e.STYLE_ID,document.head.insertBefore(t,document.head.firstChild)),n){case"none":t.textContent=g.reset;break;case"layout":t.textContent=g.reset+g.layout;break;default:t.textContent=g.reset+g.layout+g.design}}const r=n||document.currentScript||document.getElementsByTagName("script")[document.getElementsByTagName("script").length-1];if(!r)return;const i=r.getAttribute("data-member-uid"),s=r.getAttribute("data-widget-type")??e.DEFAULT_TYPE,c=r.getAttribute("data-target-id")??e.DEFAULT_TARGET_ID,w="false"!==r.getAttribute("data-button-text"),f=r.getAttribute("data-styles")??e.DEFAULT_STYLE_TYPE,m=e.VALID_STYLE_TYPES.includes(f)?f:e.DEFAULT_STYLE_TYPE,v=r.getAttribute("data-theme")??e.DEFAULT_THEME,x=e.VALID_THEMES.includes(v)?v:e.DEFAULT_THEME,p=r.getAttribute("data-prev-text"),u=r.getAttribute("data-random-text"),h=r.getAttribute("data-next-text"),E=r.getAttribute("data-widget-text");if(!i)return void console.error("Webring Widget: Missing data-member-uid attribute on script tag.");if(!e.VALID_TYPES.includes(s))return void console.error(`Webring Widget: Invalid widget type "${s}". Valid types: ${e.VALID_TYPES.join(", ")}`);const y=r.getAttribute("src"),T=new URL(y,window.location.href).origin,_=function(){const n=document.getElementById(c);if(!n)return void console.error(`Webring Widget: No element with id "${c}" found.`);l||(t(m),l=!0);const e=document.createDocumentFragment(),r=document.createElement("div");r.className="webring-nav",r.setAttribute("data-widget-type",s),r.setAttribute("data-button-text",w.toString()),r.setAttribute("data-theme",x);const g={prev:b.prev.text_enforced?b.prev:p?{...b.prev,text:`\xab ${p}`}:b.prev,random:b.random.text_enforced?b.random:u?{...b.random,text:`${o(20,20,"margin-right: 4px; margin-top: 1px;")} ${u}`}:b.random,next:b.next.text_enforced?b.next:h?{...b.next,text:`${h} \xbb`}:b.next,logoOnly:b.logoOnly},f=d[s];if(f.showTitle){const n=document.createElement("span");n.className="webring-title",n.innerHTML=a.widgetTitle.enforced?a.widgetTitle.default:E??a.widgetTitle.default,r.appendChild(n)}const v=document.createElement("nav");v.className="webring-buttons",f.actions.forEach((n=>{const e=g[n];if("logoOnly"===n){const n=document.createElement("div");return n.className=e.additionalClass,n.innerHTML=e.symbol,void v.appendChild(n)}const t=document.createElement("a");if(t.href=`${T}/webring/${e.path}?source_member_uid=${i}`,t.title=e.title,t.className=`webring-btn ${e.additionalClass}`,"one-way"===s&&f.showLogoInButton&&"next"===n){const n=b.next.text_enforced?a.next.default:h||g.next.text.replace(" \xbb","");t.innerHTML=w?`<span class="webring-logo-inline">${o(20,20)}</span> ${n} \xbb`:`<span class="webring-logo-inline">${o(20,20)}</span> ${e.symbol}`}else t.innerHTML=w?e.text:e.symbol;v.appendChild(t)})),r.appendChild(v),e.appendChild(r),n.innerHTML="",n.appendChild(e)};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",_):_()}const e=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",VALID_THEMES:Object.freeze(["light","dark"]),DEFAULT_THEME:"light"}),t=Object.freeze({prev:{default:"\xab Prev",enforced:!1},random:{default:"Random",enforced:!1},next:{default:"Next \xbb",enforced:!1},widgetTitle:{default:"Webring",enforced:!1}}),r="<<REPLACE_ME_TEXT_DEFAULTS>>",i="<<REPLACE_ME_TEXT_DEFAULTS>>"!==r?"string"==typeof r?JSON.parse(r):r:{},a=Object.freeze(Object.keys(t).reduce(((n,e)=>{const r=i[e];return n[e]={default:r?.default??t[e].default,enforced:r?.enforced??t[e].enforced},n}),{})),o="<<REPLACE_ME_LOGO_SVG_FUNCTION>>",b=Object.freeze({prev:{symbol:"\xab",text:`\xab ${a.prev.default}`,text_enforced:a.prev.enforced,title:"Previous site",path:"previous",additionalClass:"prev-btn"},random:{symbol:o(23,23),text:`${o(20,20,"margin-right: 4px; margin-top: 1px;")} ${a.random.default}`,text_enforced:a.random.enforced,title:"Random site",path:"random",additionalClass:"random-btn"},next:{symbol:"\xbb",text:`${a.next.default} \xbb`,text_enforced:a.next.enforced,title:"Next site",path:"next",additionalClass:"next-btn"},logoOnly:{symbol:o(23,23),text:o(23,23),path:"",additionalClass:"logo-only"}}),d=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"]}}),g=Object.freeze({reset:"\n      .webring-nav,\n      .webring-nav div,\n      .webring-nav span,\n      .webring-nav nav,\n      .webring-nav a,\n      .webring-nav div::before,\n      .webring-nav span::before,\n      .webring-nav nav::before,\n      .webring-nav a::before,\n      .webring-nav div::after,\n      .webring-nav span::after,\n      .webring-nav nav::after,\n      .webring-nav a::after {\n        all: initial;\n        box-sizing: border-box;\n      }\n\n      .webring-nav,\n      .webring-nav div,\n      .webring-nav span,\n      .webring-nav nav,\n      .webring-nav a {\n        font-family: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        color: inherit;\n      }\n\n      .webring-nav div,\n      .webring-nav span,\n      .webring-nav nav,\n      .webring-nav a {\n        display: initial;\n        margin: 0;\n        padding: 0;\n        border: none;\n        background: none;\n        text-decoration: none;\n        color: inherit;\n        font-weight: inherit;\n        font-size: inherit;\n        line-height: inherit;\n        vertical-align: baseline;\n        box-shadow: none;\n        outline: none;\n        transform: none;\n        opacity: 1;\n        visibility: visible;\n        position: static;\n        float: none;\n        clear: none;\n        overflow: visible;\n        white-space: normal;\n        text-align: left;\n        letter-spacing: normal;\n        word-spacing: normal;\n        text-transform: none;\n        text-shadow: none;\n        list-style: none;\n        border-radius: 0;\n        min-width: auto;\n        max-width: none;\n        min-height: auto;\n        max-height: none;\n        width: auto;\n        height: auto;\n        top: auto;\n        right: auto;\n        bottom: auto;\n        left: auto;\n        z-index: auto;\n      }\n\n      .webring-nav a {\n        cursor: pointer;\n      }\n    ",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        box-sizing: border-box;\n      }\n      .webring-nav .webring-title {\n        margin: 0 0 8px 0;\n        padding: 0;\n        font-size: inherit;\n        line-height: normal;\n      }\n      .webring-nav nav {\n        display: flex;\n        gap: 10px;\n        width: 100%;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n      }\n      .webring-nav .webring-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 6px 12px;\n        text-decoration: none;\n        box-sizing: border-box;\n        margin: 0;\n      }\n      .webring-nav .webring-btn.random-btn {\n        padding: 6px 8px;\n      }\n      .webring-nav nav .logo-only {\n        padding: 8px 3px 6px 3px;\n        margin: 0;\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-nav .webring-logo-inline {\n        display: inline-block;\n        vertical-align: middle;\n        margin: 1px 6px 0 0;\n      }\n      .webring-nav[data-button-text="false"] .prev-btn {\n        padding: 5px 12.5px 6px 12px;\n      }\n      .webring-nav[data-button-text="false"] .next-btn {\n        padding: 5px 12px 6px 12.5px;\n      }\n    ',design:'\n      /* CSS Custom Properties for easy theming */\n      .webring-nav {\n        /* Internal variables that use public API with fallbacks */\n        --webring-bg-color: var(--webring-theme-bg);\n        --webring-border-color: var(--webring-theme-border);\n        --webring-text-color: var(--webring-theme-text);\n        --webring-btn-bg: var(--webring-theme-btn-bg);\n        --webring-btn-border: var(--webring-theme-btn-border);\n        --webring-btn-text: var(--webring-theme-btn-text);\n        --webring-btn-hover-bg: var(--webring-theme-btn-hover-bg);\n        --webring-btn-hover-text: var(--webring-theme-btn-hover-text);\n      }\n\n      /* Common theme styles using CSS variables */\n      .webring-nav {\n        background-color: var(--webring-bg-color);\n      }\n      .webring-nav[data-widget-type="full"] {\n        border: 2.5px solid var(--webring-border-color);\n      }\n      .webring-nav .webring-title {\n        font-weight: 600;\n        color: var(--webring-text-color);\n      }\n      .webring-nav .webring-btn {\n        text-wrap: nowrap;\n        font-weight: 600;\n        color: var(--webring-btn-text);\n        background-color: var(--webring-btn-bg);\n        border: 2.5px solid var(--webring-btn-border);\n        transition: background-color 0.2s ease, color 0.2s ease;\n      }\n      .webring-nav .webring-btn:focus {\n        outline: none;\n        background-color: transparent;\n        color: var(--webring-btn-text);\n      }\n      .webring-nav .webring-btn:hover,\n      .webring-nav .webring-btn:active {\n        background-color: var(--webring-btn-hover-bg);\n        color: var(--webring-btn-hover-text);\n      }\n      .webring-nav svg {\n        fill: currentColor;\n      }\n\n      /* Light theme defaults - these have lower specificity than member\'s rules */\n      .webring-nav {\n        --webring-theme-bg: #ffffff;\n        --webring-theme-border: #000000;\n        --webring-theme-text: #000000;\n        --webring-theme-btn-bg: #ffffff;\n        --webring-theme-btn-border: #000000;\n        --webring-theme-btn-text: #000000;\n        --webring-theme-btn-hover-bg: #000000;\n        --webring-theme-btn-hover-text: #ffffff;\n      }\n\n      /* Dark theme overrides */\n      .webring-nav[data-theme="dark"] {\n        --webring-theme-bg: #000000;\n        --webring-theme-border: #ffffff;\n        --webring-theme-text: #ffffff;\n        --webring-theme-btn-bg: #000000;\n        --webring-theme-btn-border: #ffffff;\n        --webring-theme-btn-text: #ffffff;\n        --webring-theme-btn-hover-bg: #ffffff;\n        --webring-theme-btn-hover-text: #000000;\n      }\n    '});let l=!1;n()}();

data/app/controllers/webring/members_controller.rb

@@ -31,9 +31,9 @@ module Webring
     # PATCH/PUT /webring/members/1
     def update
       if member.update(member_params)
-        redirect_to admin_panel_member_path(member), notice: 'Member was successfully updated.'
+        update_success_response
       else
-        render :edit, status: :unprocessable_entity
+        update_error_response
       end
     end
 
@@ -46,6 +46,20 @@ module Webring
 
     private
 
+    def update_success_response
+      respond_to do |format|
+        format.html { redirect_to admin_panel_member_path(member), notice: 'Member was successfully updated.' }
+        format.json { head :ok }
+      end
+    end
+
+    def update_error_response
+      respond_to do |format|
+        format.html { render :edit, status: :unprocessable_entity }
+        format.json { render json: { status: 'error', errors: member.errors }, status: :unprocessable_entity }
+      end
+    end
+
     def members
       @members ||= Member.all.order(created_at: :desc)
     end
@@ -55,7 +69,7 @@ module Webring
     end
 
     def member_params
-      params.require(:member).permit(:name, :url, :description)
+      params.require(:member).permit(:name, :url, :description, :status)
     end
   end
 end

data/app/controllers/webring/navigation_controller.rb

@@ -35,7 +35,7 @@ module Webring
     end
 
     def find_member
-      @member = Webring::Member.find_by(uid: permitted_params[:source_member_uid])
+      @member = Webring::Member.active.find_by(uid: permitted_params[:source_member_uid])
       return if @member
 
       render_member_not_found
@@ -43,13 +43,13 @@ module Webring
 
     def check_member_exists
       member_uid = permitted_params[:source_member_uid]
-      return unless member_uid.present? && !Webring::Member.exists?(uid: member_uid)
+      return unless member_uid.present? && !Webring::Member.active.exists?(uid: member_uid)
 
       render_member_not_found
     end
 
     def ensure_members_exist
-      return if Webring::Member.exists?
+      return if Webring::Member.active.exists?
 
       render plain: 'No members in the webring', status: :not_found
     end

data/app/models/concerns/webring/navigation.rb

@@ -4,55 +4,57 @@ module Webring
     # Find the next member in the webring after the current one
     # If current member is the last, return the first member (ring concept)
     def find_next(source_member_uid)
-      source_member = find_by(uid: source_member_uid)
-      return first_member_by_creation unless source_member
+      source_member = active.find_by(uid: source_member_uid)
+      return first_active_member_by_creation unless source_member
 
-      find_next_member(source_member) || first_member_by_creation
+      find_next_active_member(source_member) || first_active_member_by_creation
     end
 
     # Find the previous member in the webring before the current one
     # If current member is the first, return the last member (ring concept)
     def find_previous(source_member_uid)
-      source_member = find_by(uid: source_member_uid)
-      return last_member_by_creation unless source_member
+      source_member = active.find_by(uid: source_member_uid)
+      return last_active_member_by_creation unless source_member
 
-      find_previous_member(source_member) || last_member_by_creation
+      find_previous_active_member(source_member) || last_active_member_by_creation
     end
 
     # Find a random member, excluding the current one if provided
     # If current member is the only one, return it
     def find_random(source_member_uid: nil)
-      return order('RANDOM()').first if source_member_uid.blank?
+      return active.order('RANDOM()').first if source_member_uid.blank?
 
       # Use exists? check to avoid loading records when not needed
-      excluded_scope = where.not(uid: source_member_uid)
+      excluded_scope = active.where.not(uid: source_member_uid)
 
       if excluded_scope.exists?
         excluded_scope.order('RANDOM()').first
       else
-        # if only one member exists (the current one), return it
-        find_by(uid: source_member_uid)
+        # if only one active member exists (the current one), return it
+        active.find_by(uid: source_member_uid)
       end
     end
 
     private
 
-    def first_member_by_creation
-      order(created_at: :asc).first
+    def first_active_member_by_creation
+      active.order(created_at: :asc).first
     end
 
-    def last_member_by_creation
-      order(created_at: :desc).first
+    def last_active_member_by_creation
+      active.order(created_at: :desc).first
     end
 
-    def find_next_member(source_member)
-      where('created_at > ?', source_member.created_at)
+    def find_next_active_member(source_member)
+      active
+        .where('created_at > ?', source_member.created_at)
         .order(created_at: :asc)
         .first
     end
 
-    def find_previous_member(source_member)
-      where('created_at < ?', source_member.created_at)
+    def find_previous_active_member(source_member)
+      active
+        .where('created_at < ?', source_member.created_at)
         .order(created_at: :desc)
         .first
     end

data/app/models/webring/member.rb

@@ -4,6 +4,9 @@ module Webring
 
     UID_LENGTH = 16 # 32-character hex string
 
+    # :active?, :disabled? -- :active!, :disabled!
+    enum :status, { active: 0, disabled: 1 }
+
     self.filter_attributes += %i[uid]
 
     validates :url, presence: true, uniqueness: true

data/lib/generators/webring/member/templates/migration.rb

@@ -5,6 +5,7 @@ class CreateWebringMembers < ActiveRecord::Migration<%= "[#{Rails::VERSION::MAJO
       t.string :name, null: false
       t.string :url, null: false
       t.text :description, null: false
+      t.integer :status, null: false, default: 0
 
       t.index :uid, unique: true
       t.index :name, unique: true

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

@@ -4,6 +4,9 @@ module Webring
 
     UID_LENGTH = 16 # 32-character hex string
 
+    # :active?, :disabled? -- :active!, :disabled!
+    enum :status, { active: 0, disabled: 1 }
+
     self.filter_attributes += %i[uid]
 
     validates :url, presence: true, uniqueness: true

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

@@ -35,7 +35,7 @@ module Webring
     end
 
     def find_member
-      @member = Webring::Member.find_by(uid: permitted_params[:source_member_uid])
+      @member = Webring::Member.active.find_by(uid: permitted_params[:source_member_uid])
       return if @member
 
       render_member_not_found
@@ -43,13 +43,13 @@ module Webring
 
     def check_member_exists
       member_uid = permitted_params[:source_member_uid]
-      return unless member_uid.present? && !Webring::Member.exists?(uid: member_uid)
+      return unless member_uid.present? && !Webring::Member.active.exists?(uid: member_uid)
 
       render_member_not_found
     end
 
     def ensure_members_exist
-      return if Webring::Member.exists?
+      return if Webring::Member.active.exists?
 
       render plain: 'No members in the webring', status: :not_found
     end
@@ -57,5 +57,12 @@ module Webring
     def render_member_not_found
       render plain: 'Member not found', status: :not_found
     end
+
+    def set_cors_headers
+      headers['Access-Control-Allow-Origin'] = '*'
+      headers['Access-Control-Allow-Methods'] = 'GET, OPTIONS'
+      headers['Access-Control-Allow-Headers'] = 'Origin, X-Requested-With, Content-Type, Accept'
+      headers['Access-Control-Max-Age'] = '86400'
+    end
   end
 end

data/lib/webring/version.rb

@@ -1,3 +1,3 @@
 module Webring
-  VERSION = '1.4.4'.freeze
+  VERSION = '1.6.0'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: webring-rails
 version: !ruby/object:Gem::Version
-  version: 1.4.4
+  version: 1.6.0
 platform: ruby
 authors:
 - Nikita Shkoda
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-06-10 00:00:00.000000000 Z
+date: 2025-06-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails