0)break;d=f.nextNode()}return d},findPreviousSibling:function(a){if(!a||h.isMediumEditorElement(a))return!1;for(var b=a.previousSibling;!b&&!h.isMediumEditorElement(a.parentNode);)a=a.parentNode,b=a.previousSibling;return b},isDescendant:function(a,b,c){if(!a||!b)return!1;if(a===b)return!!c;if(1!==a.nodeType)return!1;if(d||3!==b.nodeType)return a.contains(b);for(var e=b.parentNode;null!==e;){if(e===a)return!0;e=e.parentNode}return!1},isElement:function(a){return!(!a||1!==a.nodeType)},throttle:function(a,b){var c,d,e,f=50,g=null,h=0,i=function(){h=Date.now(),g=null,e=a.apply(c,d),g||(c=d=null)};return b||0===b||(b=f),function(){var f=Date.now(),j=b-(f-h);return c=this,d=arguments,0>=j||j>b?(g&&(clearTimeout(g),g=null),h=f,e=a.apply(c,d),g||(c=d=null)):g||(g=setTimeout(i,j)),e}},traverseUp:function(a,b){if(!a)return!1;do{if(1===a.nodeType){if(b(a))return a;if(h.isMediumEditorElement(a))return!1}a=a.parentNode}while(a);return!1},htmlEntities:function(a){return String(a).replace(/&/g,"&").replace(//g,">").replace(/"/g,""")},insertHTMLCommand:function(b,c){var d,e,f,g,i,j,k,l=!1,m=["insertHTML",!1,c];if(!a.util.isEdge&&b.queryCommandSupported("insertHTML"))try{return b.execCommand.apply(b,m)}catch(n){}if(d=b.getSelection(),d.rangeCount){if(e=d.getRangeAt(0),k=e.commonAncestorContainer,h.isMediumEditorElement(k)&&!k.firstChild)e.selectNode(k.appendChild(b.createTextNode("")));else if(3===k.nodeType&&0===e.startOffset&&e.endOffset===k.nodeValue.length||3!==k.nodeType&&k.innerHTML===e.toString()){for(;!h.isMediumEditorElement(k)&&k.parentNode&&1===k.parentNode.childNodes.length&&!h.isMediumEditorElement(k.parentNode);)k=k.parentNode;e.selectNode(k)}for(e.deleteContents(),f=b.createElement("div"),f.innerHTML=c,g=b.createDocumentFragment();f.firstChild;)i=f.firstChild,j=g.appendChild(i);e.insertNode(g),j&&(e=e.cloneRange(),e.setStartAfter(j),e.collapse(!0),a.selection.selectRange(b,e)),l=!0}return b.execCommand.callListeners&&b.execCommand.callListeners(m,l),l},execFormatBlock:function(b,c){var d,e=h.getTopBlockContainer(a.selection.getSelectionStart(b));if("blockquote"===c){if(e&&(d=Array.prototype.slice.call(e.childNodes),d.some(function(a){return h.isBlockContainer(a)})))return b.execCommand("outdent",!1,null);if(h.isIE)return b.execCommand("indent",!1,c)}if(e&&c===e.nodeName.toLowerCase()&&(c="p"),h.isIE&&(c="<"+c+">"),e&&"blockquote"===e.nodeName.toLowerCase()){if(h.isIE&&""===c)return b.execCommand("outdent",!1,c);if((h.isFF||h.isEdge)&&"p"===c)return d=Array.prototype.slice.call(e.childNodes),d.some(function(a){return!h.isBlockContainer(a)})&&b.execCommand("formatBlock",!1,c),b.execCommand("outdent",!1,c)}return b.execCommand("formatBlock",!1,c)},setTargetBlank:function(a,b){var c,d=b||!1;if("a"===a.nodeName.toLowerCase())a.target="_blank",a.rel="noopener noreferrer";else for(a=a.getElementsByTagName("a"),c=0;cd?(e=e.parentNode,c-=1):(f=f.parentNode,d-=1);for(;e!==f;)e=e.parentNode,f=f.parentNode;return e},isElementAtBeginningOfBlock:function(a){for(var b,c;!h.isBlockContainer(a)&&!h.isMediumEditorElement(a);){for(c=a;c=c.previousSibling;)if(b=3===c.nodeType?c.nodeValue:c.textContent,b.length>0)return!1;a=a.parentNode}return!0},isMediumEditorElement:function(a){return a&&a.getAttribute&&!!a.getAttribute("data-medium-editor-element")},getContainerEditorElement:function(a){return h.traverseUp(a,function(a){return h.isMediumEditorElement(a)})},isBlockContainer:function(a){return a&&3!==a.nodeType&&-1!==h.blockContainerElementNames.indexOf(a.nodeName.toLowerCase())},getClosestBlockContainer:function(a){return h.traverseUp(a,function(a){return h.isBlockContainer(a)||h.isMediumEditorElement(a)})},getTopBlockContainer:function(a){var b=h.isBlockContainer(a)?a:!1;return h.traverseUp(a,function(a){return h.isBlockContainer(a)&&(b=a),!b&&h.isMediumEditorElement(a)?(b=a,!0):!1}),b},getFirstSelectableLeafNode:function(a){for(;a&&a.firstChild;)a=a.firstChild;if(a=h.traverseUp(a,function(a){return-1===h.emptyElementNames.indexOf(a.nodeName.toLowerCase())}),"table"===a.nodeName.toLowerCase()){var b=a.querySelector("th, td");b&&(a=b)}return a},getFirstTextNode:function(a){return h.warn("getFirstTextNode is deprecated and will be removed in version 6.0.0"),h._getFirstTextNode(a)},_getFirstTextNode:function(a){if(3===a.nodeType)return a;for(var b=0;b0){var e,f=d.getRangeAt(0),g=f.cloneRange();g.selectNodeContents(a),g.setEnd(f.startContainer,f.startOffset),e=g.toString().length,c={start:e,end:e+f.toString().length},this.doesRangeStartWithImages(f,b)&&(c.startsWithImage=!0);var h=this.getTrailingImageCount(a,c,f.endContainer,f.endOffset);if(h&&(c.trailingImageCount=h),0!==e){var i=this.getIndexRelativeToAdjacentEmptyBlocks(b,a,f.startContainer,f.startOffset);-1!==i&&(c.emptyBlocksIndex=i)}}return c},importSelection:function(a,b,c,d){if(a&&b){var e=c.createRange();e.setStart(b,0),e.collapse(!0);var f,g=b,h=[],i=0,j=!1,k=!1,l=0,m=!1,n=!1,o=null;for((d||a.startsWithImage||"undefined"!=typeof a.emptyBlocksIndex)&&(n=!0);!m&&g;)if(g.nodeType>3)g=h.pop();else{if(3!==g.nodeType||k){if(a.trailingImageCount&&k&&("img"===g.nodeName.toLowerCase()&&l++,l===a.trailingImageCount)){for(var p=0;g.parentNode.childNodes[p]!==g;)p++;e.setEnd(g.parentNode,p+1),m=!0}if(!m&&1===g.nodeType)for(var q=g.childNodes.length-1;q>=0;)h.push(g.childNodes[q]),q-=1}else f=i+g.length,!j&&a.start>=i&&a.start<=f&&(n||a.start=i&&a.end<=f&&(a.trailingImageCount?k=!0:(e.setEnd(g,a.end-i),m=!0)),i=f;m||(g=h.pop())}!j&&o&&(e.setStart(o,o.length),e.setEnd(o,o.length)),"undefined"!=typeof a.emptyBlocksIndex&&(e=this.importSelectionMoveCursorPastBlocks(c,b,a.emptyBlocksIndex,e)),d&&(e=this.importSelectionMoveCursorPastAnchor(a,e)),this.selectRange(c,e)}},importSelectionMoveCursorPastAnchor:function(b,c){var d=function(a){return"a"===a.nodeName.toLowerCase()};if(b.start===b.end&&3===c.startContainer.nodeType&&c.startOffset===c.startContainer.nodeValue.length&&a.util.traverseUp(c.startContainer,d)){for(var e=c.startContainer,f=c.startContainer.parentNode;null!==f&&"a"!==f.nodeName.toLowerCase();)f.childNodes[f.childNodes.length-1]!==e?f=null:(e=f,f=f.parentNode);if(null!==f&&"a"===f.nodeName.toLowerCase()){for(var g=null,h=0;null===g&&h0)break}else g===i.currentNode&&(h=i.currentNode);return h||(h=g),f.setStart(a.util.getFirstSelectableLeafNode(h),0),f},getIndexRelativeToAdjacentEmptyBlocks:function(c,d,e,f){if(e.textContent.length>0&&f>0)return-1;var g=e;if(3!==g.nodeType&&(g=e.childNodes[f]),g){if(!a.util.isElementAtBeginningOfBlock(g))return-1;var h=a.util.findPreviousSibling(g);if(!h)return-1;if(h.nodeValue)return-1}for(var i=a.util.getClosestBlockContainer(e),j=c.createTreeWalker(d,NodeFilter.SHOW_ELEMENT,b,!1),k=0;j.nextNode();){var l=""===j.currentNode.textContent;if((l||k>0)&&(k+=1),j.currentNode===i)return k;l||(k=0)}return k},doesRangeStartWithImages:function(a,b){if(0!==a.startOffset||1!==a.startContainer.nodeType)return!1;if("img"===a.startContainer.nodeName.toLowerCase())return!0;var c=a.startContainer.querySelector("img");if(!c)return!1;for(var d=b.createTreeWalker(a.startContainer,NodeFilter.SHOW_ALL,null,!1);d.nextNode();){var e=d.currentNode;if(e===c)break;if(e.nodeValue)return!1}return!0},getTrailingImageCount:function(a,b,c,d){if(0===d||1!==c.nodeType)return 0;if("img"!==c.nodeName.toLowerCase()&&!c.querySelector("img"))return 0;for(var e=c.childNodes[d-1];e.hasChildNodes();)e=e.lastChild;for(var f,g=a,h=[],i=0,j=!1,k=!1,l=!1,m=0;!l&&g;)if(g.nodeType>3)g=h.pop();else{if(3!==g.nodeType||k){if("img"===g.nodeName.toLowerCase()&&m++,g===e)l=!0;else if(1===g.nodeType)for(var n=g.childNodes.length-1;n>=0;)h.push(g.childNodes[n]),n-=1}else m=0,f=i+g.length,!j&&b.start>=i&&b.start<=f&&(j=!0),j&&b.end>=i&&b.end<=f&&(k=!0),i=f;l||(g=h.pop())}return m},selectionContainsContent:function(a){var b=a.getSelection();if(!b||b.isCollapsed||!b.rangeCount)return!1;if(""!==b.toString().trim())return!0;var c=this.getSelectedParentElement(b.getRangeAt(0));return!(!c||!("img"===c.nodeName.toLowerCase()||1===c.nodeType&&c.querySelector("img")))},selectionInContentEditableFalse:function(a){var b,c=this.findMatchingSelectionParent(function(a){var c=a&&a.getAttribute("contenteditable");return"true"===c&&(b=!0),"#text"!==a.nodeName&&"false"===c},a);return!b&&c},getSelectionHtml:function(a){var b,c,d,e="",f=a.getSelection();if(f.rangeCount){for(d=a.createElement("div"),b=0,c=f.rangeCount;c>b;b+=1)d.appendChild(f.getRangeAt(b).cloneContents());e=d.innerHTML}return e},getCaretOffsets:function(a,b){var c,d;return b||(b=window.getSelection().getRangeAt(0)),c=b.cloneRange(),d=b.cloneRange(),c.selectNodeContents(a),c.setEnd(b.endContainer,b.endOffset),d.selectNodeContents(a),d.setStart(b.endContainer,b.endOffset),{left:c.toString().length,right:d.toString().length}},rangeSelectsSingleNode:function(a){var b=a.startContainer;return b===a.endContainer&&b.hasChildNodes()&&a.endOffset===a.startOffset+1},getSelectedParentElement:function(a){return a?this.rangeSelectsSingleNode(a)&&3!==a.startContainer.childNodes[a.startOffset].nodeType?a.startContainer.childNodes[a.startOffset]:3===a.startContainer.nodeType?a.startContainer.parentNode:a.startContainer:null},getSelectedElements:function(a){var b,c,d,e=a.getSelection();if(!e.rangeCount||e.isCollapsed||!e.getRangeAt(0).commonAncestorContainer)return[];if(b=e.getRangeAt(0),3===b.commonAncestorContainer.nodeType){for(c=[],d=b.commonAncestorContainer;d.parentNode&&1===d.parentNode.childNodes.length;)c.push(d.parentNode),d=d.parentNode;return c}return[].filter.call(b.commonAncestorContainer.getElementsByTagName("*"),function(a){return"function"==typeof e.containsNode?e.containsNode(a,!0):!0})},selectNode:function(a,b){var c=b.createRange();c.selectNodeContents(a),this.selectRange(b,c)},select:function(a,b,c,d,e){var f=a.createRange();return f.setStart(b,c),d?f.setEnd(d,e):f.collapse(!0),this.selectRange(a,f),f},clearSelection:function(a,b){b?a.getSelection().collapseToStart():a.getSelection().collapseToEnd()},moveCursor:function(a,b,c){this.select(a,b,c)},getSelectionRange:function(a){var b=a.getSelection();return 0===b.rangeCount?null:b.getRangeAt(0)},selectRange:function(a,b){var c=a.getSelection();c.removeAllRanges(),c.addRange(b)},getSelectionStart:function(a){var b=a.getSelection().anchorNode,c=b&&3===b.nodeType?b.parentNode:b;return c}};a.selection=c}(),function(){function b(b,c){return b?b.some(function(b){if("function"!=typeof b.getInteractionElements)return!1;var d=b.getInteractionElements();return d?(Array.isArray(d)||(d=[d]),d.some(function(b){return a.util.isDescendant(b,c,!0)})):!1}):!1}var c=function(a){this.base=a,this.options=this.base.options,this.events=[],this.disabledEvents={},this.customEvents={},this.listeners={}};c.prototype={InputEventOnContenteditableSupported:!a.util.isIE&&!a.util.isEdge,attachDOMEvent:function(b,c,d,e){var f=this.base.options.contentWindow,g=this.base.options.ownerDocument;b=a.util.isElement(b)||[f,g].indexOf(b)>-1?[b]:b,Array.prototype.forEach.call(b,function(a){a.addEventListener(c,d,e),this.events.push([a,c,d,e])}.bind(this))},detachDOMEvent:function(b,c,d,e){var f,g,h=this.base.options.contentWindow,i=this.base.options.ownerDocument;b&&(b=a.util.isElement(b)||[h,i].indexOf(b)>-1?[b]:b,Array.prototype.forEach.call(b,function(a){f=this.indexOfListener(a,c,d,e),-1!==f&&(g=this.events.splice(f,1)[0],g[0].removeEventListener(g[1],g[2],g[3]))}.bind(this)))},indexOfListener:function(a,b,c,d){var e,f,g;for(e=0,f=this.events.length;f>e;e+=1)if(g=this.events[e],g[0]===a&&g[1]===b&&g[2]===c&&g[3]===d)return e;return-1},detachAllDOMEvents:function(){for(var a=this.events.pop();a;)a[0].removeEventListener(a[1],a[2],a[3]),a=this.events.pop()},detachAllEventsFromElement:function(a){for(var b=this.events.filter(function(b){return b&&b[0].getAttribute&&b[0].getAttribute("medium-editor-index")===a.getAttribute("medium-editor-index")}),c=0,d=b.length;d>c;c++){var e=b[c];this.detachDOMEvent(e[0],e[1],e[2],e[3])}},attachAllEventsToElement:function(a){this.listeners.editableInput&&(this.contentCache[a.getAttribute("medium-editor-index")]=a.innerHTML),this.eventsCache&&this.eventsCache.forEach(function(b){this.attachDOMEvent(a,b.name,b.handler.bind(this))},this)},enableCustomEvent:function(a){void 0!==this.disabledEvents[a]&&delete this.disabledEvents[a]},disableCustomEvent:function(a){this.disabledEvents[a]=!0},attachCustomEvent:function(a,b){this.setupListener(a),this.customEvents[a]||(this.customEvents[a]=[]),this.customEvents[a].push(b)},detachCustomEvent:function(a,b){var c=this.indexOfCustomListener(a,b);-1!==c&&this.customEvents[a].splice(c,1)},indexOfCustomListener:function(a,b){return this.customEvents[a]&&this.customEvents[a].length?this.customEvents[a].indexOf(b):-1},detachAllCustomEvents:function(){this.customEvents={}},triggerCustomEvent:function(a,b,c){this.customEvents[a]&&!this.disabledEvents[a]&&this.customEvents[a].forEach(function(a){a(b,c)})},destroy:function(){this.detachAllDOMEvents(),this.detachAllCustomEvents(),this.detachExecCommand(),this.base.elements&&this.base.elements.forEach(function(a){a.removeAttribute("data-medium-focused")})},attachToExecCommand:function(){this.execCommandListener||(this.execCommandListener=function(a){this.handleDocumentExecCommand(a)}.bind(this),this.wrapExecCommand(),this.options.ownerDocument.execCommand.listeners.push(this.execCommandListener))},detachExecCommand:function(){var a=this.options.ownerDocument;if(this.execCommandListener&&a.execCommand.listeners){var b=a.execCommand.listeners.indexOf(this.execCommandListener);-1!==b&&a.execCommand.listeners.splice(b,1),a.execCommand.listeners.length||this.unwrapExecCommand()}},wrapExecCommand:function(){var a=this.options.ownerDocument;if(!a.execCommand.listeners){var b=function(b,c){a.execCommand.listeners&&a.execCommand.listeners.forEach(function(a){a({command:b[0],value:b[2],args:b,result:c})})},c=function(){var c=a.execCommand.orig.apply(this,arguments);if(!a.execCommand.listeners)return c;var d=Array.prototype.slice.call(arguments);return b(d,c),c};c.orig=a.execCommand,c.listeners=[],c.callListeners=b,a.execCommand=c}},unwrapExecCommand:function(){var a=this.options.ownerDocument;a.execCommand.orig&&(a.execCommand=a.execCommand.orig)},setupListener:function(a){if(!this.listeners[a]){switch(a){case"externalInteraction":this.attachDOMEvent(this.options.ownerDocument.body,"mousedown",this.handleBodyMousedown.bind(this),!0),this.attachDOMEvent(this.options.ownerDocument.body,"click",this.handleBodyClick.bind(this),!0),this.attachDOMEvent(this.options.ownerDocument.body,"focus",this.handleBodyFocus.bind(this),!0);break;case"blur":this.setupListener("externalInteraction");break;case"focus":this.setupListener("externalInteraction");break;case"editableInput":this.contentCache={},this.base.elements.forEach(function(a){this.contentCache[a.getAttribute("medium-editor-index")]=a.innerHTML},this),this.InputEventOnContenteditableSupported&&this.attachToEachElement("input",this.handleInput),this.InputEventOnContenteditableSupported||(this.setupListener("editableKeypress"),this.keypressUpdateInput=!0,this.attachDOMEvent(document,"selectionchange",this.handleDocumentSelectionChange.bind(this)),this.attachToExecCommand());break;case"editableClick":this.attachToEachElement("click",this.handleClick);break;case"editableBlur":this.attachToEachElement("blur",this.handleBlur);break;case"editableKeypress":this.attachToEachElement("keypress",this.handleKeypress);break;case"editableKeyup":this.attachToEachElement("keyup",this.handleKeyup);break;case"editableKeydown":this.attachToEachElement("keydown",this.handleKeydown);break;case"editableKeydownSpace":this.setupListener("editableKeydown");break;case"editableKeydownEnter":this.setupListener("editableKeydown");break;case"editableKeydownTab":this.setupListener("editableKeydown");break;case"editableKeydownDelete":this.setupListener("editableKeydown");break;case"editableMouseover":this.attachToEachElement("mouseover",this.handleMouseover);break;case"editableDrag":this.attachToEachElement("dragover",this.handleDragging),this.attachToEachElement("dragleave",this.handleDragging);break;case"editableDrop":this.attachToEachElement("drop",this.handleDrop);break;case"editablePaste":this.attachToEachElement("paste",this.handlePaste)}this.listeners[a]=!0}},attachToEachElement:function(a,b){this.eventsCache||(this.eventsCache=[]),this.base.elements.forEach(function(c){this.attachDOMEvent(c,a,b.bind(this))},this),this.eventsCache.push({name:a,handler:b})},cleanupElement:function(a){var b=a.getAttribute("medium-editor-index");b&&(this.detachAllEventsFromElement(a),this.contentCache&&delete this.contentCache[b])},focusElement:function(a){a.focus(),this.updateFocus(a,{target:a,type:"focus"})},updateFocus:function(c,d){var e,f=this.base.getFocusedElement();f&&"click"===d.type&&this.lastMousedownTarget&&(a.util.isDescendant(f,this.lastMousedownTarget,!0)||b(this.base.extensions,this.lastMousedownTarget))&&(e=f),e||this.base.elements.some(function(b){return!e&&a.util.isDescendant(b,c,!0)&&(e=b),!!e},this);var g=!a.util.isDescendant(f,c,!0)&&!b(this.base.extensions,c);e!==f&&(f&&g&&(f.removeAttribute("data-medium-focused"),this.triggerCustomEvent("blur",d,f)),e&&(e.setAttribute("data-medium-focused",!0),this.triggerCustomEvent("focus",d,e))),g&&this.triggerCustomEvent("externalInteraction",d)},updateInput:function(a,b){if(this.contentCache){var c=a.getAttribute("medium-editor-index"),d=a.innerHTML;d!==this.contentCache[c]&&this.triggerCustomEvent("editableInput",b,a),this.contentCache[c]=d}},handleDocumentSelectionChange:function(b){if(b.currentTarget&&b.currentTarget.activeElement){var c,d=b.currentTarget.activeElement;this.base.elements.some(function(b){return a.util.isDescendant(b,d,!0)?(c=b,!0):!1},this),c&&this.updateInput(c,{target:d,currentTarget:c})}},handleDocumentExecCommand:function(){var a=this.base.getFocusedElement();a&&this.updateInput(a,{target:a,currentTarget:a})},handleBodyClick:function(a){this.updateFocus(a.target,a)},handleBodyFocus:function(a){this.updateFocus(a.target,a);
+},handleBodyMousedown:function(a){this.lastMousedownTarget=a.target},handleInput:function(a){this.updateInput(a.currentTarget,a)},handleClick:function(a){this.triggerCustomEvent("editableClick",a,a.currentTarget)},handleBlur:function(a){this.triggerCustomEvent("editableBlur",a,a.currentTarget)},handleKeypress:function(a){if(this.triggerCustomEvent("editableKeypress",a,a.currentTarget),this.keypressUpdateInput){var b={target:a.target,currentTarget:a.currentTarget};setTimeout(function(){this.updateInput(b.currentTarget,b)}.bind(this),0)}},handleKeyup:function(a){this.triggerCustomEvent("editableKeyup",a,a.currentTarget)},handleMouseover:function(a){this.triggerCustomEvent("editableMouseover",a,a.currentTarget)},handleDragging:function(a){this.triggerCustomEvent("editableDrag",a,a.currentTarget)},handleDrop:function(a){this.triggerCustomEvent("editableDrop",a,a.currentTarget)},handlePaste:function(a){this.triggerCustomEvent("editablePaste",a,a.currentTarget)},handleKeydown:function(b){return this.triggerCustomEvent("editableKeydown",b,b.currentTarget),a.util.isKey(b,a.util.keyCode.SPACE)?this.triggerCustomEvent("editableKeydownSpace",b,b.currentTarget):a.util.isKey(b,a.util.keyCode.ENTER)||b.ctrlKey&&a.util.isKey(b,a.util.keyCode.M)?this.triggerCustomEvent("editableKeydownEnter",b,b.currentTarget):a.util.isKey(b,a.util.keyCode.TAB)?this.triggerCustomEvent("editableKeydownTab",b,b.currentTarget):a.util.isKey(b,[a.util.keyCode.DELETE,a.util.keyCode.BACKSPACE])?this.triggerCustomEvent("editableKeydownDelete",b,b.currentTarget):void 0}},a.Events=c}(),function(){var b=a.Extension.extend({action:void 0,aria:void 0,tagNames:void 0,style:void 0,useQueryState:void 0,contentDefault:void 0,contentFA:void 0,classList:void 0,attrs:void 0,constructor:function(c){b.isBuiltInButton(c)?a.Extension.call(this,this.defaults[c]):a.Extension.call(this,c)},init:function(){a.Extension.prototype.init.apply(this,arguments),this.button=this.createButton(),this.on(this.button,"click",this.handleClick.bind(this))},getButton:function(){return this.button},getAction:function(){return"function"==typeof this.action?this.action(this.base.options):this.action},getAria:function(){return"function"==typeof this.aria?this.aria(this.base.options):this.aria},getTagNames:function(){return"function"==typeof this.tagNames?this.tagNames(this.base.options):this.tagNames},createButton:function(){var a=this.document.createElement("button"),b=this.contentDefault,c=this.getAria(),d=this.getEditorOption("buttonLabels");return a.classList.add("medium-editor-action"),a.classList.add("medium-editor-action-"+this.name),this.classList&&this.classList.forEach(function(b){a.classList.add(b)}),a.setAttribute("data-action",this.getAction()),c&&(a.setAttribute("title",c),a.setAttribute("aria-label",c)),this.attrs&&Object.keys(this.attrs).forEach(function(b){a.setAttribute(b,this.attrs[b])},this),"fontawesome"===d&&this.contentFA&&(b=this.contentFA),a.innerHTML=b,a},handleClick:function(a){a.preventDefault(),a.stopPropagation();var b=this.getAction();b&&this.execAction(b)},isActive:function(){return this.button.classList.contains(this.getEditorOption("activeButtonClass"))},setInactive:function(){this.button.classList.remove(this.getEditorOption("activeButtonClass")),delete this.knownState},setActive:function(){this.button.classList.add(this.getEditorOption("activeButtonClass")),delete this.knownState},queryCommandState:function(){var a=null;return this.useQueryState&&(a=this.base.queryCommandState(this.getAction())),a},isAlreadyApplied:function(a){var b,c,d=!1,e=this.getTagNames();return this.knownState===!1||this.knownState===!0?this.knownState:(e&&e.length>0&&(d=-1!==e.indexOf(a.nodeName.toLowerCase())),!d&&this.style&&(b=this.style.value.split("|"),c=this.window.getComputedStyle(a,null).getPropertyValue(this.style.prop),b.forEach(function(a){this.knownState||(d=-1!==c.indexOf(a),(d||"text-decoration"!==this.style.prop)&&(this.knownState=d))},this)),d)}});b.isBuiltInButton=function(b){return"string"==typeof b&&a.extensions.button.prototype.defaults.hasOwnProperty(b)},a.extensions.button=b}(),function(){a.extensions.button.prototype.defaults={bold:{name:"bold",action:"bold",aria:"bold",tagNames:["b","strong"],style:{prop:"font-weight",value:"700|bold"},useQueryState:!0,contentDefault:"B ",contentFA:'I U A ",contentFA:'x1 ",contentFA:'x1 ",contentFA:'image ",contentFA:'html ",contentFA:'1. ",contentFA:'• ",contentFA:'→ ",contentFA:'← ",contentFA:'C ",contentFA:'J ",contentFA:'L ",contentFA:'R ",contentFA:'X ",contentFA:'“ ",contentFA:'0101 ",contentFA:'H1 ",contentFA:'
"],[new RegExp(/\n+/gi),""],[new RegExp(/(((?!/gi),"$1"]]}function c(a,b,c){var d=a.clipboardData||b.clipboardData||c.dataTransfer,e={};if(!d)return e;if(d.getData){var f=d.getData("Text");f&&f.length>0&&(e["text/plain"]=f)}if(d.types)for(var g=0;g1)for(f=0;f"+a.util.htmlEntities(e[f])+"
");else g=a.util.htmlEntities(e[0]);a.util.insertHTMLCommand(this.document,g)}},handlePasteBinPaste:function(a){if(a.defaultPrevented)return void this.removePasteBin();var b=c(a,this.window,this.document),d=b["text/html"],e=b["text/plain"],g=f;return!this.cleanPastedHTML||d?(a.preventDefault(),this.removePasteBin(),this.doPaste(d,e,g),void this.trigger("editablePaste",{currentTarget:g,target:g},g)):void setTimeout(function(){this.cleanPastedHTML&&(d=this.getPasteBinHtml()),this.removePasteBin(),this.doPaste(d,e,g),this.trigger("editablePaste",{currentTarget:g,target:g},g)}.bind(this),0)},handleKeydown:function(b,c){a.util.isKey(b,a.util.keyCode.V)&&a.util.isMetaCtrlKey(b)&&(b.stopImmediatePropagation(),this.removePasteBin(),this.createPasteBin(c))},createPasteBin:function(b){var c,h=a.selection.getSelectionRange(this.document),i=this.window.pageYOffset;f=b,h&&(c=h.getClientRects(),i+=c.length?c[0].top:void 0!==h.startContainer.getBoundingClientRect?h.startContainer.getBoundingClientRect().top:h.getBoundingClientRect().top),e=h;var j=this.document.createElement("div");j.id=this.pasteBinId="medium-editor-pastebin-"+ +Date.now(),j.setAttribute("style","border: 1px red solid; position: absolute; top: "+i+"px; width: 10px; height: 10px; overflow: hidden; opacity: 0"),j.setAttribute("contentEditable",!0),j.innerHTML=d,this.document.body.appendChild(j),this.on(j,"focus",g),this.on(j,"focusin",g),this.on(j,"focusout",g),j.focus(),a.selection.selectNode(j,this.document),this.boundHandlePaste||(this.boundHandlePaste=this.handlePasteBinPaste.bind(this)),this.on(j,"paste",this.boundHandlePaste)},removePasteBin:function(){null!==e&&(a.selection.selectRange(this.document,e),e=null),null!==f&&(f=null);var b=this.getPasteBin();b&&b&&(this.off(b,"focus",g),this.off(b,"focusin",g),this.off(b,"focusout",g),this.off(b,"paste",this.boundHandlePaste),b.parentElement.removeChild(b))},getPasteBin:function(){return this.document.getElementById(this.pasteBinId)},getPasteBinHtml:function(){var a=this.getPasteBin();if(!a)return!1;if(a.firstChild&&"mcepastebin"===a.firstChild.id)return!1;var b=a.innerHTML;return b&&b!==d?b:!1},cleanPaste:function(a){var c,d,e,f,g=/"+a.split("")+"
",d=e.querySelectorAll("a,p,div,br"),c=0;c"+d.innerHTML+"":e.innerHTML=d.innerHTML,d.parentNode.replaceChild(e,d);for(f=b.querySelectorAll("span"),c=0;c0&&(d[0].classList.add(this.firstButtonClass),d[d.length-1].classList.add(this.lastButtonClass)),h},destroy:function(){this.toolbar&&(this.toolbar.parentNode&&this.toolbar.parentNode.removeChild(this.toolbar),delete this.toolbar)},getInteractionElements:function(){return this.getToolbarElement()},getToolbarElement:function(){return this.toolbar||(this.toolbar=this.createToolbar()),this.toolbar},getToolbarActionsElement:function(){return this.getToolbarElement().querySelector(".medium-editor-toolbar-actions")},initThrottledMethods:function(){this.throttledPositionToolbar=a.util.throttle(function(){this.base.isActive&&this.positionToolbarIfShown()}.bind(this))},attachEventHandlers:function(){this.subscribe("blur",this.handleBlur.bind(this)),this.subscribe("focus",this.handleFocus.bind(this)),this.subscribe("editableClick",this.handleEditableClick.bind(this)),this.subscribe("editableKeyup",this.handleEditableKeyup.bind(this)),this.on(this.document.documentElement,"mouseup",this.handleDocumentMouseup.bind(this)),this["static"]&&this.sticky&&this.on(this.window,"scroll",this.handleWindowScroll.bind(this),!0),this.on(this.window,"resize",this.handleWindowResize.bind(this))},handleWindowScroll:function(){this.positionToolbarIfShown()},handleWindowResize:function(){this.throttledPositionToolbar()},handleDocumentMouseup:function(b){return b&&b.target&&a.util.isDescendant(this.getToolbarElement(),b.target)?!1:void this.checkState()},handleEditableClick:function(){setTimeout(function(){this.checkState()}.bind(this),0)},handleEditableKeyup:function(){this.checkState()},handleBlur:function(){clearTimeout(this.hideTimeout),clearTimeout(this.delayShowTimeout),this.hideTimeout=setTimeout(function(){this.hideToolbar()}.bind(this),1)},handleFocus:function(){this.checkState()},isDisplayed:function(){return this.getToolbarElement().classList.contains("medium-editor-toolbar-active")},showToolbar:function(){clearTimeout(this.hideTimeout),this.isDisplayed()||(this.getToolbarElement().classList.add("medium-editor-toolbar-active"),this.trigger("showToolbar",{},this.base.getFocusedElement()))},hideToolbar:function(){this.isDisplayed()&&(this.getToolbarElement().classList.remove("medium-editor-toolbar-active"),this.trigger("hideToolbar",{},this.base.getFocusedElement()))},isToolbarDefaultActionsDisplayed:function(){return"block"===this.getToolbarActionsElement().style.display},hideToolbarDefaultActions:function(){this.isToolbarDefaultActionsDisplayed()&&(this.getToolbarActionsElement().style.display="none")},showToolbarDefaultActions:function(){this.hideExtensionForms(),this.isToolbarDefaultActionsDisplayed()||(this.getToolbarActionsElement().style.display="block"),this.delayShowTimeout=this.base.delay(function(){this.showToolbar()}.bind(this))},hideExtensionForms:function(){this.forEachExtension(function(a){a.hasForm&&a.isDisplayed()&&a.hideForm()})},multipleBlockElementsSelected:function(){var b=/<[^\/>][^>]*><\/[^>]+>/gim,c=new RegExp("<("+a.util.blockContainerElementNames.join("|")+")[^>]*>","g"),d=a.selection.getSelectionHtml(this.document).replace(b,""),e=d.match(c);return!!e&&e.length>1},modifySelection:function(){var b=this.window.getSelection(),c=b.getRangeAt(0);if(this.standardizeSelectionStart&&c.startContainer.nodeValue&&c.startOffset===c.startContainer.nodeValue.length){var d=a.util.findAdjacentTextNodeWithContent(a.selection.getSelectionElement(this.window),c.startContainer,this.document);if(d){for(var e=0;0===d.nodeValue.substr(e,1).trim().length;)e+=1;c=a.selection.select(this.document,d,e,c.endContainer,c.endOffset)}}},checkState:function(){if(!this.base.preventSelectionUpdates){if(!this.base.getFocusedElement()||a.selection.selectionInContentEditableFalse(this.window))return this.hideToolbar();var b=a.selection.getSelectionElement(this.window);return!b||-1===this.getEditorElements().indexOf(b)||b.getAttribute("data-disable-toolbar")?this.hideToolbar():this.updateOnEmptySelection&&this["static"]?this.showAndUpdateToolbar():!a.selection.selectionContainsContent(this.document)||this.allowMultiParagraphSelection===!1&&this.multipleBlockElementsSelected()?this.hideToolbar():void this.showAndUpdateToolbar()}},showAndUpdateToolbar:function(){this.modifySelection(),this.setToolbarButtonStates(),this.trigger("positionToolbar",{},this.base.getFocusedElement()),this.showToolbarDefaultActions(),this.setToolbarPosition()},setToolbarButtonStates:function(){this.forEachExtension(function(a){"function"==typeof a.isActive&&"function"==typeof a.setInactive&&a.setInactive()}),this.checkActiveButtons()},checkActiveButtons:function(){var b,c=[],d=null,e=a.selection.getSelectionRange(this.document),f=function(a){"function"==typeof a.checkState?a.checkState(b):"function"==typeof a.isActive&&"function"==typeof a.isAlreadyApplied&&"function"==typeof a.setActive&&!a.isActive()&&a.isAlreadyApplied(b)&&a.setActive()};if(e&&(this.forEachExtension(function(a){return"function"==typeof a.queryCommandState&&(d=a.queryCommandState(),null!==d)?void(d&&"function"==typeof a.setActive&&a.setActive()):void c.push(a)}),b=a.selection.getSelectedParentElement(e),this.getEditorElements().some(function(c){return a.util.isDescendant(c,b,!0)})))for(;b&&(c.forEach(f),!a.util.isMediumEditorElement(b));)b=b.parentNode},positionToolbarIfShown:function(){this.isDisplayed()&&this.setToolbarPosition()},setToolbarPosition:function(){var a=this.base.getFocusedElement(),b=this.window.getSelection();return a?void(!this["static"]&&b.isCollapsed||(this.showToolbar(),this.relativeContainer||(this["static"]?this.positionStaticToolbar(a):this.positionToolbar(b)),this.trigger("positionedToolbar",{},this.base.getFocusedElement()))):this},positionStaticToolbar:function(a){this.getToolbarElement().style.left="0";var b,c=this.document.documentElement&&this.document.documentElement.scrollTop||this.document.body.scrollTop,d=this.window.innerWidth,e=this.getToolbarElement(),f=a.getBoundingClientRect(),g=f.top+c,h=f.left+f.width/2,i=e.offsetHeight,j=e.offsetWidth,k=j/2;switch(this.sticky?c>g+a.offsetHeight-i-this.stickyTopOffset?(e.style.top=g+a.offsetHeight-i+"px",e.classList.remove("medium-editor-sticky-toolbar")):c>g-i-this.stickyTopOffset?(e.classList.add("medium-editor-sticky-toolbar"),e.style.top=this.stickyTopOffset+"px"):(e.classList.remove("medium-editor-sticky-toolbar"),e.style.top=g-i+"px"):e.style.top=g-i+"px",this.align){case"left":b=f.left;break;case"right":b=f.right-j;break;case"center":b=h-k}0>b?b=0:b+j>d&&(b=d-Math.ceil(j)-1),e.style.left=b+"px"},positionToolbar:function(a){this.getToolbarElement().style.left="0",this.getToolbarElement().style.right="initial";var b=a.getRangeAt(0),c=b.getBoundingClientRect();(!c||0===c.height&&0===c.width&&b.startContainer===b.endContainer)&&(c=1===b.startContainer.nodeType&&b.startContainer.querySelector("img")?b.startContainer.querySelector("img").getBoundingClientRect():b.startContainer.getBoundingClientRect());var d,e,f=this.window.innerWidth,g=this.getToolbarElement(),h=g.offsetHeight,i=g.offsetWidth,j=i/2,k=50,l=this.diffLeft-j,m=this.getEditorOption("elementsContainer"),n=["absolute","fixed"].indexOf(window.getComputedStyle(m).getPropertyValue("position"))>-1,o={},p={};n?(e=m.getBoundingClientRect(),["top","left"].forEach(function(a){p[a]=c[a]-e[a]}),p.width=c.width,p.height=c.height,c=p,f=e.width,o.top=m.scrollTop):o.top=this.window.pageYOffset,d=c.left+c.width/2,o.top+=c.top-h,c.topd?(o.left=l+j,o.right="initial"):j>f-d?(o.left="auto",o.right=0):(o.left=l+d,o.right="initial"),["top","left","right"].forEach(function(a){g.style[a]=o[a]+(isNaN(o[a])?"":"px")})}});a.extensions.toolbar=b}(),function(){var b=a.Extension.extend({init:function(){a.Extension.prototype.init.apply(this,arguments),this.subscribe("editableDrag",this.handleDrag.bind(this)),this.subscribe("editableDrop",this.handleDrop.bind(this))},handleDrag:function(a){var b="medium-editor-dragover";a.preventDefault(),a.dataTransfer.dropEffect="copy","dragover"===a.type?a.target.classList.add(b):"dragleave"===a.type&&a.target.classList.remove(b)},handleDrop:function(b){var c,d="medium-editor-dragover";b.preventDefault(),b.stopPropagation(),b.dataTransfer.files&&(c=Array.prototype.slice.call(b.dataTransfer.files,0),c.some(function(b){if(b.type.match("image")){var c,d;c=new FileReader,c.readAsDataURL(b),d="medium-img-"+ +new Date,a.util.insertHTMLCommand(this.document,')?$/i,g=/h\d/i;a.util.isKey(b,[a.util.keyCode.BACKSPACE,a.util.keyCode.ENTER])&&d.previousElementSibling&&g.test(e)&&0===a.selection.getCaretOffsets(d).left?a.util.isKey(b,a.util.keyCode.BACKSPACE)&&f.test(d.previousElementSibling.innerHTML)?(d.previousElementSibling.parentNode.removeChild(d.previousElementSibling),b.preventDefault()):!this.options.disableDoubleReturn&&a.util.isKey(b,a.util.keyCode.ENTER)&&(c=this.options.ownerDocument.createElement("p"),c.innerHTML="f;f++)b.hasAttribute(e[f].nodeName)||b.setAttribute(e[f].nodeName,e[f].value);return a.form&&this.on(a.form,"reset",function(a){a.defaultPrevented||this.resetContent(this.options.ownerDocument.getElementById(d))}.bind(this)),a.classList.add("medium-editor-hidden"),a.parentNode.insertBefore(b,a),b}function v(b,d){if(!b.getAttribute("data-medium-editor-element")){"textarea"===b.nodeName.toLowerCase()&&(b=u.call(this,b),this.instanceHandleEditableInput||(this.instanceHandleEditableInput=g.bind(this),this.subscribe("editableInput",this.instanceHandleEditableInput))),this.options.disableEditing||b.getAttribute("data-disable-editing")||(b.setAttribute("contentEditable",!0),b.setAttribute("spellcheck",this.options.spellcheck)),this.instanceHandleEditableKeydownEnter||(b.getAttribute("data-disable-return")||b.getAttribute("data-disable-double-return"))&&(this.instanceHandleEditableKeydownEnter=c.bind(this),this.subscribe("editableKeydownEnter",this.instanceHandleEditableKeydownEnter)),this.options.disableReturn||b.getAttribute("data-disable-return")||this.on(b,"keyup",f.bind(this));var e=a.util.guid();b.setAttribute("data-medium-editor-element",!0),b.classList.add("medium-editor-element"),b.setAttribute("role","textbox"),b.setAttribute("aria-multiline",!0),b.setAttribute("data-medium-editor-editor-index",d),b.setAttribute("medium-editor-index",e),B[e]=b.innerHTML,this.events.attachAllEventsToElement(b)}return b}function w(){this.subscribe("editableKeydownTab",d.bind(this)),this.subscribe("editableKeydownDelete",e.bind(this)),this.subscribe("editableKeydownEnter",e.bind(this)),this.options.disableExtraSpaces&&this.subscribe("editableKeydownSpace",b.bind(this)),this.instanceHandleEditableKeydownEnter||(this.options.disableReturn||this.options.disableDoubleReturn)&&(this.instanceHandleEditableKeydownEnter=c.bind(this),this.subscribe("editableKeydownEnter",this.instanceHandleEditableKeydownEnter))}function x(){if(this.extensions=[],Object.keys(this.options.extensions).forEach(function(a){"toolbar"!==a&&this.options.extensions[a]&&this.extensions.push(m(this.options.extensions[a],a,this))},this),t.call(this)){var b=this.options.fileDragging;b||(b={},r.call(this)||(b.allowedTypes=[])),this.addBuiltInExtension("fileDragging",b)}var c={paste:!0,"anchor-preview":o.call(this),autoLink:q.call(this),keyboardCommands:s.call(this),placeholder:p.call(this)};Object.keys(c).forEach(function(a){c[a]&&this.addBuiltInExtension(a)},this);var d=this.options.extensions.toolbar;if(!d&&n.call(this)){var e=a.util.extend({},this.options.toolbar,{allowMultiParagraphSelection:this.options.allowMultiParagraphSelection});d=new a.extensions.toolbar(e)}d&&this.extensions.push(m(d,"toolbar",this))}function y(b,c){var d=[["allowMultiParagraphSelection","toolbar.allowMultiParagraphSelection"]];return c&&d.forEach(function(b){c.hasOwnProperty(b[0])&&void 0!==c[b[0]]&&a.util.deprecated(b[0],b[1],"v6.0.0")}),a.util.defaults({},c,b)}function z(b,c){var d,e,f=/^append-(.+)$/gi,g=/justify([A-Za-z]*)$/g;if(d=f.exec(b))return a.util.execFormatBlock(this.options.ownerDocument,d[1]);if("fontSize"===b)return c.size&&a.util.deprecated(".size option for fontSize command",".value","6.0.0"),e=c.value||c.size,this.options.ownerDocument.execCommand("fontSize",!1,e);if("fontName"===b)return c.name&&a.util.deprecated(".name option for fontName command",".value","6.0.0"),e=c.value||c.name,this.options.ownerDocument.execCommand("fontName",!1,e);if("createLink"===b)return this.createLink(c);if("image"===b){var h=this.options.contentWindow.getSelection().toString().trim();return this.options.ownerDocument.execCommand("insertImage",!1,h)}if("html"===b){var i=this.options.contentWindow.getSelection().toString().trim();return a.util.insertHTMLCommand(this.options.ownerDocument,i)}if(g.exec(b)){var j=this.options.ownerDocument.execCommand(b,!1,null),k=a.selection.getSelectedParentElement(a.selection.getSelectionRange(this.options.ownerDocument));return k&&A.call(this,a.util.getTopBlockContainer(k)),j}return e=c&&c.value,this.options.ownerDocument.execCommand(b,!1,e)}function A(b){if(b){var c,d=Array.prototype.slice.call(b.childNodes).filter(function(a){var b="div"===a.nodeName.toLowerCase();return b&&!c&&(c=a.style.textAlign),b});d.length&&(this.saveSelection(),d.forEach(function(b){if(b.style.textAlign===c){var d=b.lastChild;if(d){a.util.unwrap(b,this.options.ownerDocument);var e=this.options.ownerDocument.createElement("BR");d.parentNode.insertBefore(e,d.nextSibling)}}},this),b.style.textAlign=c,this.restoreSelection())}}var B={};a.prototype={init:function(a,b){return this.options=y.call(this,this.defaults,b),this.origElements=a,this.options.elementsContainer||(this.options.elementsContainer=this.options.ownerDocument.body),this.setup()},setup:function(){this.isActive||(h.call(this,this.options.contentWindow),this.events=new a.Events(this),this.elements=[],this.addElements(this.origElements),0!==this.elements.length&&(this.isActive=!0,x.call(this),w.call(this)));
+},destroy:function(){this.isActive&&(this.isActive=!1,this.extensions.forEach(function(a){"function"==typeof a.destroy&&a.destroy()},this),this.events.destroy(),this.elements.forEach(function(a){this.options.spellcheck&&(a.innerHTML=a.innerHTML),a.removeAttribute("contentEditable"),a.removeAttribute("spellcheck"),a.removeAttribute("data-medium-editor-element"),a.classList.remove("medium-editor-element"),a.removeAttribute("role"),a.removeAttribute("aria-multiline"),a.removeAttribute("medium-editor-index"),a.removeAttribute("data-medium-editor-editor-index"),a.getAttribute("medium-editor-textarea-id")&&k(a)},this),this.elements=[],this.instanceHandleEditableKeydownEnter=null,this.instanceHandleEditableInput=null,i.call(this,this.options.contentWindow))},on:function(a,b,c,d){return this.events.attachDOMEvent(a,b,c,d),this},off:function(a,b,c,d){return this.events.detachDOMEvent(a,b,c,d),this},subscribe:function(a,b){return this.events.attachCustomEvent(a,b),this},unsubscribe:function(a,b){return this.events.detachCustomEvent(a,b),this},trigger:function(a,b,c){return this.events.triggerCustomEvent(a,b,c),this},delay:function(a){var b=this;return setTimeout(function(){b.isActive&&a()},this.options.delay)},serialize:function(){var a,b,c={},d=this.elements.length;for(a=0;d>a;a+=1)b=""!==this.elements[a].id?this.elements[a].id:"element-"+a,c[b]={value:this.elements[a].innerHTML.trim()};return c},getExtensionByName:function(a){var b;return this.extensions&&this.extensions.length&&this.extensions.some(function(c){return c.name===a?(b=c,!0):!1}),b},addBuiltInExtension:function(b,c){var d,e=this.getExtensionByName(b);if(e)return e;switch(b){case"anchor":d=a.util.extend({},this.options.anchor,c),e=new a.extensions.anchor(d);break;case"anchor-preview":e=new a.extensions.anchorPreview(this.options.anchorPreview);break;case"autoLink":e=new a.extensions.autoLink;break;case"fileDragging":e=new a.extensions.fileDragging(c);break;case"fontname":e=new a.extensions.fontName(this.options.fontName);break;case"fontsize":e=new a.extensions.fontSize(c);break;case"keyboardCommands":e=new a.extensions.keyboardCommands(this.options.keyboardCommands);break;case"paste":e=new a.extensions.paste(this.options.paste);break;case"placeholder":e=new a.extensions.placeholder(this.options.placeholder);break;default:a.extensions.button.isBuiltInButton(b)&&(c?(d=a.util.defaults({},c,a.extensions.button.prototype.defaults[b]),e=new a.extensions.button(d)):e=new a.extensions.button(b))}return e&&this.extensions.push(m(e,b,this)),e},stopSelectionUpdates:function(){this.preventSelectionUpdates=!0},startSelectionUpdates:function(){this.preventSelectionUpdates=!1},checkSelection:function(){var a=this.getExtensionByName("toolbar");return a&&a.checkState(),this},queryCommandState:function(a){var b,c=/^full-(.+)$/gi,d=null;b=c.exec(a),b&&(a=b[1]);try{d=this.options.ownerDocument.queryCommandState(a)}catch(e){d=null}return d},execAction:function(b,c){var d,e,f=/^full-(.+)$/gi;return d=f.exec(b),d?(this.saveSelection(),this.selectAllContents(),e=z.call(this,d[1],c),this.restoreSelection()):e=z.call(this,b,c),"insertunorderedlist"!==b&&"insertorderedlist"!==b||a.util.cleanListDOM(this.options.ownerDocument,this.getSelectedParentElement()),this.checkSelection(),e},getSelectedParentElement:function(b){return void 0===b&&(b=this.options.contentWindow.getSelection().getRangeAt(0)),a.selection.getSelectedParentElement(b)},selectAllContents:function(){var b=a.selection.getSelectionElement(this.options.contentWindow);if(b){for(;1===b.children.length;)b=b.children[0];this.selectElement(b)}},selectElement:function(b){a.selection.selectNode(b,this.options.ownerDocument);var c=a.selection.getSelectionElement(this.options.contentWindow);c&&this.events.focusElement(c)},getFocusedElement:function(){var a;return this.elements.some(function(b){return!a&&b.getAttribute("data-medium-focused")&&(a=b),!!a},this),a},exportSelection:function(){var b=a.selection.getSelectionElement(this.options.contentWindow),c=this.elements.indexOf(b),d=null;return c>=0&&(d=a.selection.exportSelection(b,this.options.ownerDocument)),null!==d&&0!==c&&(d.editableElementIndex=c),d},saveSelection:function(){this.selectionState=this.exportSelection()},importSelection:function(b,c){if(b){var d=this.elements[b.editableElementIndex||0];a.selection.importSelection(b,d,this.options.ownerDocument,c)}},restoreSelection:function(){this.importSelection(this.selectionState)},createLink:function(b){var c,d=a.selection.getSelectionElement(this.options.contentWindow),e={};if(-1!==this.elements.indexOf(d)){try{if(this.events.disableCustomEvent("editableInput"),b.url&&a.util.deprecated(".url option for createLink",".value","6.0.0"),c=b.url||b.value,c&&c.trim().length>0){var f=this.options.contentWindow.getSelection();if(f){var g,h,i,j,k=f.getRangeAt(0),l=k.commonAncestorContainer;if(3===k.endContainer.nodeType&&3!==k.startContainer.nodeType&&0===k.startOffset&&k.startContainer.firstChild===k.endContainer&&(l=k.endContainer),h=a.util.getClosestBlockContainer(k.startContainer),i=a.util.getClosestBlockContainer(k.endContainer),3!==l.nodeType&&0!==l.textContent.length&&h===i){var m=h||d,n=this.options.ownerDocument.createDocumentFragment();this.execAction("unlink"),g=this.exportSelection(),n.appendChild(m.cloneNode(!0)),d===m?a.selection.select(this.options.ownerDocument,m.firstChild,0,m.lastChild,3===m.lastChild.nodeType?m.lastChild.nodeValue.length:m.lastChild.childNodes.length):a.selection.select(this.options.ownerDocument,m,0,m,m.childNodes.length);var o=this.exportSelection();j=a.util.findOrCreateMatchingTextNodes(this.options.ownerDocument,n,{start:g.start-o.start,end:g.end-o.start,editableElementIndex:g.editableElementIndex}),0===j.length&&(n=this.options.ownerDocument.createDocumentFragment(),n.appendChild(l.cloneNode(!0)),j=[n.firstChild.firstChild,n.firstChild.lastChild]),a.util.createLink(this.options.ownerDocument,j,c.trim());var p=(n.firstChild.innerHTML.match(/^\s+/)||[""])[0].length;a.util.insertHTMLCommand(this.options.ownerDocument,n.firstChild.innerHTML.replace(/^\s+/,"")),g.start-=p,g.end-=p,this.importSelection(g)}else this.options.ownerDocument.execCommand("createLink",!1,c);this.options.targetBlank||"_blank"===b.target?a.util.setTargetBlank(a.selection.getSelectionStart(this.options.ownerDocument),c):a.util.removeTargetBlank(a.selection.getSelectionStart(this.options.ownerDocument),c),b.buttonClass&&a.util.addClassToAnchors(a.selection.getSelectionStart(this.options.ownerDocument),b.buttonClass)}}if(this.options.targetBlank||"_blank"===b.target||b.buttonClass){e=this.options.ownerDocument.createEvent("HTMLEvents"),e.initEvent("input",!0,!0,this.options.contentWindow);for(var q=0,r=this.elements.length;r>q;q+=1)this.elements[q].dispatchEvent(e)}}finally{this.events.enableCustomEvent("editableInput")}this.events.triggerCustomEvent("editableInput",e,d)}},cleanPaste:function(a){this.getExtensionByName("paste").cleanPaste(a)},pasteHTML:function(a,b){this.getExtensionByName("paste").pasteHTML(a,b)},setContent:function(a,b){if(b=b||0,this.elements[b]){var c=this.elements[b];c.innerHTML=a,this.checkContentChanged(c)}},getContent:function(a){return a=a||0,this.elements[a]?this.elements[a].innerHTML.trim():null},checkContentChanged:function(b){b=b||a.selection.getSelectionElement(this.options.contentWindow),this.events.updateInput(b,{target:b,currentTarget:b})},resetContent:function(a){if(a){var b=this.elements.indexOf(a);return void(-1!==b&&this.setContent(B[a.getAttribute("medium-editor-index")],b))}this.elements.forEach(function(a,b){this.setContent(B[a.getAttribute("medium-editor-index")],b)},this)},addElements:function(a){var b=j(a,this.options.ownerDocument,!0);return 0===b.length?!1:void b.forEach(function(a){a=v.call(this,a,this.id),this.elements.push(a),this.trigger("addElement",{target:a,currentTarget:a},a)},this)},removeElements:function(a){var b=j(a,this.options.ownerDocument),c=b.map(function(a){return a.getAttribute("medium-editor-textarea-id")&&a.parentNode?a.parentNode.querySelector('div[medium-editor-textarea-id="'+a.getAttribute("medium-editor-textarea-id")+'"]'):a});this.elements=this.elements.filter(function(a){return-1!==c.indexOf(a)?(this.events.cleanupElement(a),a.getAttribute("medium-editor-textarea-id")&&k(a),this.trigger("removeElement",{target:a,currentTarget:a},a),!1):!0},this)}},a.getEditorFromElement=function(a){var b=a.getAttribute("data-medium-editor-editor-index"),c=a&&a.ownerDocument&&(a.ownerDocument.defaultView||a.ownerDocument.parentWindow);return c&&c._mediumEditors&&c._mediumEditors[b]?c._mediumEditors[b]:null}}(),function(){a.prototype.defaults={activeButtonClass:"medium-editor-button-active",buttonLabels:!1,delay:0,disableReturn:!1,disableDoubleReturn:!1,disableExtraSpaces:!1,disableEditing:!1,autoLink:!1,elementsContainer:!1,contentWindow:window,ownerDocument:document,targetBlank:!1,extensions:{},spellcheck:!0}}(),a.parseVersionString=function(a){var b=a.split("-"),c=b[0].split("."),d=b.length>1?b[1]:"";return{major:parseInt(c[0],10),minor:parseInt(c[1],10),revision:parseInt(c[2],10),preRelease:d,toString:function(){return[c[0],c[1],c[2]].join(".")+(d?"-"+d:"")}}},a.version=a.parseVersionString.call(this,{version:"5.23.3"}.version),a}());
\ No newline at end of file
diff --git a/app/assets/javascripts/z_select.js b/app/assets/javascripts/z_select.js
deleted file mode 100644
index fdbd17865..000000000
--- a/app/assets/javascripts/z_select.js
+++ /dev/null
@@ -1,450 +0,0 @@
-(function($) {
- 'use strict';
-
- let _defaults = {
- classes: '',
- dropdownOptions: {}
- };
-
- /**
- * @class
- *
- */
- class FormSelect extends Component {
- /**
- * Construct FormSelect instance
- * @constructor
- * @param {Element} el
- * @param {Object} options
- */
- constructor(el, options) {
- super(FormSelect, el, options);
-
- // Don't init if browser default version
- if (this.$el.hasClass('browser-default')) {
- return;
- }
-
- this.el.M_FormSelect = this;
-
- /**
- * Options for the select
- * @member FormSelect#options
- */
- this.options = $.extend({}, FormSelect.defaults, options);
-
- this.isMultiple = this.$el.prop('multiple');
-
- // Setup
- this.el.tabIndex = -1;
- this._keysSelected = {};
- this._valueDict = {}; // Maps key to original and generated option element.
- this._setupDropdown();
-
- this._setupEventHandlers();
- }
-
- static get defaults() {
- return _defaults;
- }
-
- static init(els, options) {
- return super.init(this, els, options);
- }
-
- /**
- * Get Instance
- */
- static getInstance(el) {
- let domElem = !!el.jquery ? el[0] : el;
- return domElem.M_FormSelect;
- }
-
- /**
- * Teardown component
- */
- destroy() {
- this._removeEventHandlers();
- this._removeDropdown();
- this.el.M_FormSelect = undefined;
- }
-
- /**
- * Setup Event Handlers
- */
- _setupEventHandlers() {
- this._handleSelectChangeBound = this._handleSelectChange.bind(this);
- this._handleOptionClickBound = this._handleOptionClick.bind(this);
- this._handleInputClickBound = this._handleInputClick.bind(this);
-
- $(this.dropdownOptions)
- .find('li:not(.optgroup)')
- .each((el) => {
- el.addEventListener('click', this._handleOptionClickBound);
- });
- this.el.addEventListener('change', this._handleSelectChangeBound);
- this.input.addEventListener('click', this._handleInputClickBound);
- }
-
- /**
- * Remove Event Handlers
- */
- _removeEventHandlers() {
- $(this.dropdownOptions)
- .find('li:not(.optgroup)')
- .each((el) => {
- el.removeEventListener('click', this._handleOptionClickBound);
- });
- this.el.removeEventListener('change', this._handleSelectChangeBound);
- this.input.removeEventListener('click', this._handleInputClickBound);
- }
-
- /**
- * Handle Select Change
- * @param {Event} e
- */
- _handleSelectChange(e) {
- this._setValueToInput();
- }
-
- /**
- * Handle Option Click
- * @param {Event} e
- */
- _handleOptionClick(e) {
- e.preventDefault();
- let optionEl = $(e.target).closest('li')[0];
- this._selectOption(optionEl);
- e.stopPropagation();
- }
-
- _selectOption(optionEl) {
- let key = optionEl.id;
- if (!$(optionEl).hasClass('disabled') && !$(optionEl).hasClass('optgroup') && key.length) {
- let selected = true;
-
- if (this.isMultiple) {
- // Deselect placeholder option if still selected.
- let placeholderOption = $(this.dropdownOptions).find('li.disabled.selected');
- if (placeholderOption.length) {
- placeholderOption.removeClass('selected');
- placeholderOption.find('input[type="checkbox"]').prop('checked', false);
- this._toggleEntryFromArray(placeholderOption[0].id);
- }
- selected = this._toggleEntryFromArray(key);
- } else {
- $(this.dropdownOptions)
- .find('li')
- .removeClass('selected');
- $(optionEl).toggleClass('selected', selected);
- this._keysSelected = {};
- this._keysSelected[optionEl.id] = true;
- }
-
- // Set selected on original select option
- // Only trigger if selected state changed
- let prevSelected = $(this._valueDict[key].el).prop('selected');
- if (prevSelected !== selected) {
- $(this._valueDict[key].el).prop('selected', selected);
- this.$el.trigger('change');
- }
- }
-
- if (!this.isMultiple) {
- this.dropdown.close();
- }
- }
-
- /**
- * Handle Input Click
- */
- _handleInputClick() {
- if (this.dropdown && this.dropdown.isOpen) {
- this._setValueToInput();
- this._setSelectedStates();
- }
- }
-
- /**
- * Setup dropdown
- */
- _setupDropdown() {
- this.wrapper = document.createElement('div');
- $(this.wrapper).addClass('select-wrapper ' + this.options.classes);
- this.$el.before($(this.wrapper));
- // Move actual select element into overflow hidden wrapper
- let $hideSelect = $('
');
- $(this.wrapper).append($hideSelect);
- $hideSelect[0].appendChild(this.el);
-
- if (this.el.disabled) {
- this.wrapper.classList.add('disabled');
- }
-
- // Create dropdown
- this.$selectOptions = this.$el.children('option, optgroup');
- this.dropdownOptions = document.createElement('ul');
- this.dropdownOptions.id = `select-options-${M.guid()}`;
- $(this.dropdownOptions).addClass(
- 'dropdown-content select-dropdown ' + (this.isMultiple ? 'multiple-select-dropdown' : '')
- );
-
- // Create dropdown structure.
- if (this.$selectOptions.length) {
- this.$selectOptions.each((el) => {
- if ($(el).is('option')) {
- // Direct descendant option.
- let optionEl;
- if (this.isMultiple) {
- optionEl = this._appendOptionWithIcon(this.$el, el, 'multiple');
- } else {
- optionEl = this._appendOptionWithIcon(this.$el, el);
- }
-
- this._addOptionToValueDict(el, optionEl);
- } else if ($(el).is('optgroup')) {
- // Optgroup.
- let selectOptions = $(el).children('option');
- $(this.dropdownOptions).append(
- $('' + el.getAttribute('label') + ' ${option.innerHTML} #{current_user.display_name} shared your #{content_type_name} #{@share.content_page.name} with the community!",
+ icon: 'campaign',
+ icon_color: 'green',
+ happened_at: DateTime.current,
+ passthrough_link: user_content_page_share_path(@share.user, @share),
+ reference_code: 'content-shared-by-other'
+ )
+ end
+
+ redirect_to [@share.user, @share], notice: 'Thanks for sharing!'
else
raise @share.errors.inspect
end
@@ -76,6 +103,12 @@ def set_content_page_share
@share = ContentPageShare.find(params[:id])
end
+ def authorize_destroy!
+ unless @share.user == current_user || current_user.site_administrator?
+ redirect_to [@share.user, @share], alert: 'You are not authorized to delete this share.'
+ end
+ end
+
# Only allow a trusted parameter "white list" through.
def content_page_share_params
{
@@ -86,4 +119,21 @@ def content_page_share_params
shared_at: DateTime.current
}
end
+
+ def load_recent_forum_topics
+ # Get the 5 most recent forum posts and their topics
+ recent_posts = Thredded::Post.joins(:topic)
+ .where(deleted_at: nil)
+ .order(created_at: :desc)
+ .limit(10)
+ .includes(:topic, :user)
+
+ # Get unique topics from recent posts, limited to 5
+ @recent_forum_topics = recent_posts.map(&:topic)
+ .uniq { |topic| topic.id }
+ .first(5)
+ rescue => e
+ Rails.logger.error "Error loading recent forum topics: #{e.message}"
+ @recent_forum_topics = []
+ end
end
\ No newline at end of file
diff --git a/app/controllers/contributors_controller.rb b/app/controllers/contributors_controller.rb
index 6d2207543..4fb9c1974 100644
--- a/app/controllers/contributors_controller.rb
+++ b/app/controllers/contributors_controller.rb
@@ -1,4 +1,31 @@
class ContributorsController < ApplicationController
+ before_action :authenticate_user!
+
+ def create
+ universe = Universe.find(params[:universe_id])
+
+ # Check if the current user is the owner of the universe
+ unless universe.user_id == current_user.id
+ redirect_to edit_universe_path(universe, anchor: 'contributors'), alert: 'Only the universe owner can add contributors.'
+ return
+ end
+
+ email = params[:contributor][:email]&.downcase
+
+ # Check if this email is already a contributor
+ if universe.contributors.exists?(email: email)
+ redirect_to edit_universe_path(universe, anchor: 'contributors'), alert: 'This user is already a contributor.'
+ return
+ end
+
+ # Use the ContributorService to handle the invitation
+ ContributorService.invite_contributor_to_universe(universe: universe, email: email)
+
+ redirect_to edit_universe_path(universe, anchor: 'contributors'), notice: 'Contributor invitation sent!'
+ rescue StandardError => e
+ redirect_to edit_universe_path(universe, anchor: 'contributors'), alert: 'Failed to add contributor. Please try again.'
+ end
+
def destroy
contributor = Contributor.find(params[:id])
relevant_universe = Universe.find(contributor.universe_id)
@@ -30,8 +57,18 @@ def destroy
#todo send "you've been removed as a contributor" email
end
+ # Set a flash message for feedback
+ if user.present? && user.id == current_user.id
+ # User removed themselves
+ flash[:notice] = "You have left the universe '#{relevant_universe.name}'"
+ else
+ # Owner removed a contributor
+ flash[:notice] = "Contributor removed successfully"
+ end
+
# A 303 status is required here so the browser doesn't redirect with a DELETE action
# https://stackoverflow.com/questions/14598703/rails-redirect-after-delete-using-delete-instead-of-get
- redirect_to universes_path, status: 303
+ # Redirect back to the universe edit page with contributors anchor
+ redirect_to edit_universe_path(relevant_universe, anchor: 'contributors'), status: 303
end
end
diff --git a/app/controllers/customization_controller.rb b/app/controllers/customization_controller.rb
index 5384de9d1..200c99a28 100644
--- a/app/controllers/customization_controller.rb
+++ b/app/controllers/customization_controller.rb
@@ -1,14 +1,12 @@
class CustomizationController < ApplicationController
- # todo require login for all actions :O
-
+ before_action :authenticate_user!, except: [:content_types]
before_action :verify_content_type_can_be_toggled, only: [:toggle_content_type]
def content_types
- return redirect_to(root_path) unless user_signed_in?
-
@all_content_types = Rails.application.config.content_types[:all]
@premium_content_types = Rails.application.config.content_types[:premium]
- @my_activators = current_user.user_content_type_activators.pluck(:content_type)
+ @my_activators = user_signed_in? ? current_user.user_content_type_activators.pluck(:content_type) : []
+
@sidenav_expansion = 'worldbuilding'
@page_title = "Customize your notebook pages"
end
diff --git a/app/controllers/data_controller.rb b/app/controllers/data_controller.rb
index be56236aa..73e54aa3d 100644
--- a/app/controllers/data_controller.rb
+++ b/app/controllers/data_controller.rb
@@ -18,18 +18,17 @@ def review_year
@created_content = {}
@total_created_non_universe_content = 0
- @words_written = 0
+
+ # Calculate words written during this year using delta calculation
+ year_range = comparable_year.beginning_of_year.to_date..comparable_year.end_of_year.to_date
+ @words_written = WordCountUpdate.words_written_in_range(current_user, year_range)
+
Rails.application.config.content_types[:all].each do |klass|
@created_content[klass.name] = klass.where(user_id: current_user.id)
.where('created_at > ?', comparable_year.beginning_of_year)
.where('created_at < ?', comparable_year.end_of_year)
.order('created_at ASC')
- @words_written += WordCountUpdate.where(
- entity_type: klass.name,
- entity_id: @created_content[klass.name].map(&:id)
- ).sum(:word_count)
-
if klass.name != 'Universe'
@total_created_non_universe_content += @created_content[klass.name].count
end
@@ -40,8 +39,6 @@ def review_year
.where('created_at < ?', comparable_year.end_of_year)
.order('created_at ASC')
- @words_written += @created_content['Document'].sum(:cached_word_count)
-
earliest_page_date = DateTime.current
@earliest_page = nil
@created_content.each do |content_type, list|
@@ -108,7 +105,14 @@ def documents
end
def uploads
- @used_kb = current_user.image_uploads.sum(:src_file_size) / 1000
+ # Calculate total size by iterating through uploads instead of using SQL sum
+ # This avoids the "no such column: src_file_size" error
+ total_size = 0
+ current_user.image_uploads.each do |upload|
+ total_size += upload.src_file_size if upload.src_file_size.present?
+ end
+
+ @used_kb = total_size / 1000
@remaining_kb = current_user.upload_bandwidth_kb.abs
if current_user.upload_bandwidth_kb < 0
@@ -116,12 +120,19 @@ def uploads
else
@percent_used = (@used_kb.to_f / (@used_kb + @remaining_kb) * 100).round(3)
end
+
+ # Preload content associations for better performance
+ @uploads = current_user.image_uploads.includes(:content).order(created_at: :desc)
end
def usage
@content = current_user.content
end
+ def achievements
+ @content = current_user.content
+ end
+
def tags
@tags = current_user.page_tags
end
@@ -152,10 +163,62 @@ def referrals
end
def green
+ # Timeline events - query ONCE
+ timeline_ids = @current_user_content['Timeline']&.map(&:id) || []
+ @timeline_event_count = timeline_ids.any? ? TimelineEvent.where(timeline_id: timeline_ids).count : 0
+
+ # Personal content stats (calculated once, reused throughout view)
+ @personal_stats = calculate_personal_green_stats
+
+ # Community stats - cache expensive calculation
+ @community_stats = calculate_community_green_stats
end
private
+ def calculate_personal_green_stats
+ stats = { pages_equivalent: 0, by_type: {} }
+
+ @current_user_content.reject { |type, _| type == 'Book' }.each do |content_type, content_list|
+ count = content_list.count
+ next if count == 0
+
+ pages = case content_type
+ when 'Timeline'
+ GreenService::AVERAGE_TIMELINE_EVENTS_PER_PAGE * @timeline_event_count
+ when 'Document'
+ word_sum = content_list.sum { |d| d.cached_word_count || 0 }
+ [word_sum / GreenService::AVERAGE_WORDS_PER_PAGE.to_f, count].max
+ else
+ GreenService.physical_pages_equivalent_for(content_type) * count
+ end
+
+ stats[:by_type][content_type] = { count: count, pages: pages.round }
+ stats[:pages_equivalent] += pages
+ end
+
+ stats[:trees_saved] = stats[:pages_equivalent] / GreenService::SHEETS_OF_PAPER_PER_TREE.to_f
+ stats
+ end
+
+ def calculate_community_green_stats
+ Rails.cache.fetch('green_community_stats', expires_in: 1.hour) do
+ pages = 0
+ (Rails.application.config.content_type_names[:all] - ['Book'] + ['Timeline', 'Document']).each do |type|
+ pages += case type
+ when 'Timeline'
+ GreenService.total_timeline_pages_equivalent
+ when 'Document'
+ GreenService.total_document_pages_equivalent
+ else
+ klass = type.constantize
+ GreenService.physical_pages_equivalent_for(type) * klass.unscoped.count
+ end
+ end
+ { pages_equivalent: pages, trees_saved: pages / GreenService::SHEETS_OF_PAPER_PER_TREE.to_f }
+ end
+ end
+
def set_sidenav_expansion
@sidenav_expansion = 'my account'
end
diff --git a/app/controllers/document_analyses_controller.rb b/app/controllers/document_analyses_controller.rb
index 08b974e91..cef569c5a 100644
--- a/app/controllers/document_analyses_controller.rb
+++ b/app/controllers/document_analyses_controller.rb
@@ -1,16 +1,47 @@
class DocumentAnalysesController < ApplicationController
- before_action :authenticate_user!
- before_action :set_document
- before_action :authorize_user_for_document
- before_action :set_document_analysis
+ before_action :authenticate_user!, except: [:index, :landing]
+ before_action :set_document, except: [:index, :landing, :hub]
+ before_action :authorize_user_for_document, except: [:index, :landing, :hub]
+ before_action :set_document_analysis, except: [:index, :landing, :hub]
before_action :set_navbar_color
before_action :set_sidenav_expansion
- before_action :set_navbar_actions
+ # before_action :set_navbar_actions
+
+ # Document analysis landing page for logged out users
+ def landing
+ redirect_to analysis_hub_path if user_signed_in?
+
+ # Set SEO metadata
+ set_meta_tags title: "Document Analysis - Notebook.ai",
+ description: "Analyze your writing for readability, style, sentiment, and more with Notebook.ai's AI-powered document analysis tools.",
+ keywords: "document analysis, writing analysis, readability, style analysis, sentiment analysis, AI writing tools"
+ end
- # def index
- # @document_analyses = DocumentAnalysis.all
- # end
+ # Document analysis hub for logged in users
+ def hub
+ redirect_to landing_path unless user_signed_in?
+
+ # Get the user's recent documents
+ @recent_documents = current_user.documents.order(updated_at: :desc).limit(5) if user_signed_in?
+
+ # Get the user's recent analyses
+ @recent_analyses = DocumentAnalysis.joins(:document)
+ .where(documents: { user_id: current_user.id })
+ .where.not(completed_at: nil)
+ .order(completed_at: :desc)
+ .limit(5) if user_signed_in?
+
+ # Get overall analysis stats
+ @total_analyses_count = DocumentAnalysis.joins(:document)
+ .where(documents: { user_id: current_user.id })
+ .where.not(completed_at: nil)
+ .count if user_signed_in?
+ end
+
+ def index
+ @document_analyses = DocumentAnalysis.all
+ end
def show
@navbar_actions = [] unless @analysis.present?
diff --git a/app/controllers/document_revisions_controller.rb b/app/controllers/document_revisions_controller.rb
index 7097c524d..9d7d968c4 100644
--- a/app/controllers/document_revisions_controller.rb
+++ b/app/controllers/document_revisions_controller.rb
@@ -1,16 +1,280 @@
class DocumentRevisionsController < ApplicationController
- before_action :set_document, only: [:index, :show, :destroy]
- before_action :set_document_revision, only: [:show, :edit, :update, :destroy]
+ before_action :set_document, only: [:index, :show, :destroy, :diff, :restore]
+ before_action :set_document_revision, only: [:show, :edit, :update, :destroy, :diff, :restore]
# GET /document_revisions
def index
- @document_revisions = @document.document_revisions.order('created_at DESC').paginate(page: params[:page], per_page: 10)
+ @document_revisions = @document.document_revisions.order('created_at DESC').paginate(page: params[:page], per_page: 60)
end
# GET /document_revisions/1
def show
end
+ # GET /document_revisions/1/diff
+ def diff
+ require 'diffy'
+ require 'nokogiri'
+
+ # Find the previous revision for comparison
+ previous_revision = @document.document_revisions
+ .where("created_at < ?", @document_revision.created_at)
+ .order(created_at: :desc)
+ .first
+
+ if previous_revision
+ # Strip HTML and get clean text
+ previous_html = previous_revision.body.to_s
+ current_html = @document_revision.body.to_s
+
+ previous_text = strip_and_clean_html(previous_html)
+ current_text = strip_and_clean_html(current_html)
+
+ # For very large documents, truncate to avoid memory issues
+ max_length = 50_000 # ~10k words
+ if previous_text.length > max_length || current_text.length > max_length
+ diff_html = generate_author_friendly_diff(previous_text[0..max_length], current_text[0..max_length], truncated: true)
+ else
+ diff_html = generate_author_friendly_diff(previous_text, current_text)
+ end
+
+ render html: diff_html.html_safe
+ else
+ # This is the first revision, show a friendly message
+ diff_html = generate_first_revision_view(strip_and_clean_html(@document_revision.body.to_s))
+ render html: diff_html.html_safe
+ end
+ end
+
+
+ # POST /document_revisions/1/restore
+ def restore
+ # First, create a backup revision of the current document state
+ current_revision = @document.document_revisions.create!(
+ title: @document.title,
+ body: @document.body,
+ synopsis: @document.synopsis,
+ universe_id: @document.universe_id,
+ notes_text: @document.notes_text,
+ cached_word_count: @document.cached_word_count || 0
+ )
+
+ # Then restore the selected revision's content to the document
+ @document.update!(
+ title: @document_revision.title,
+ body: @document_revision.body,
+ synopsis: @document_revision.synopsis,
+ notes_text: @document_revision.notes_text,
+ cached_word_count: @document_revision.cached_word_count
+ )
+
+ redirect_to edit_document_path(@document), notice: "Document successfully restored to revision from #{@document_revision.created_at.strftime('%B %d, %Y at %I:%M %p')}. Your previous version has been saved as a new revision."
+ rescue => e
+ Rails.logger.error "Failed to restore revision #{@document_revision.id} for document #{@document.id}: #{e.message}"
+ redirect_to document_document_revisions_path(@document), alert: 'Failed to restore revision. Please try again.'
+ end
+
+ def strip_and_clean_html(html_text)
+ # Convert HTML to clean text, preserving paragraph breaks
+ doc = Nokogiri::HTML(html_text)
+
+ # Remove script and style elements
+ doc.css('script, style').remove
+
+ # Convert block elements to preserve structure
+ # Add double newlines after paragraphs for clear separation
+ doc.css('p').each { |p| p.after("\n\n") }
+ doc.css('div').each { |div| div.after("\n") }
+ doc.css('br').each { |br| br.replace("\n") }
+ doc.css('h1, h2, h3, h4, h5, h6').each { |h| h.after("\n\n") }
+ doc.css('blockquote').each { |bq| bq.after("\n\n") }
+
+ # Get text and clean up whitespace while preserving paragraph structure
+ text = doc.text
+ text.gsub(/\r\n?/, "\n") # Normalize line endings
+ .gsub(/[ \t]+/, ' ') # Collapse spaces and tabs (but NOT newlines)
+ .gsub(/ *\n */, "\n") # Remove spaces around newlines
+ .gsub(/\n{3,}/, "\n\n") # Reduce 3+ consecutive newlines to exactly 2
+ .gsub(/\A\n+/, '') # Remove leading newlines
+ .gsub(/\n+\z/, '') # Remove trailing newlines
+ .strip
+ end
+
+ def generate_author_friendly_diff(previous_text, current_text, truncated: false)
+ # Use diffy to get the diff directly on the text, preserving original formatting
+ # This maintains newlines and text structure as the author intended
+ diff = Diffy::Diff.new(previous_text, current_text, context: 3)
+
+ # Calculate statistics
+ prev_words = previous_text.split.size
+ curr_words = current_text.split.size
+ word_diff = curr_words - prev_words
+
+ # Build the HTML
+ html = <<~HTML
+
+
+
+
Changes Summary
+
+
+
+
+ #{word_diff > 0 ? '+' : ''}#{word_diff} words
+
+
+
+ Previous: #{prev_words} words → Current: #{curr_words} words
+
+ #{truncated ? '
warning Document truncated for performance
' : ''}
+
+
+
+
+
+
+
+
+ history
+ Previous Version
+
+
+ #{format_version_column(diff, :old, previous_text, current_text)}
+
+
+
+
+
+
+ check_circle
+ Current Version
+
+
+ #{format_version_column(diff, :new, previous_text, current_text)}
+
+
+
+
+
+
+
+
+ Removed text
+
+
+ Added text
+
+
+ Unchanged text
+
+
+
+
#{content}
"
+ when '+'
+ # Added content - skip in old version
+ when ' '
+ # Context/unchanged content - show normally
+ formatted_html += "#{content}
"
+ else
+ # Handle any other cases as context
+ formatted_html += "#{content}
"
+ end
+ else # version == :new
+ # Show added and unchanged content for new version
+ case marker
+ when '+'
+ # Added content - show in green with bold
+ formatted_html += "#{content}
"
+ when '-'
+ # Removed content - skip in new version
+ when ' '
+ # Context/unchanged content - show normally
+ formatted_html += "#{content}
"
+ else
+ # Handle any other cases as context
+ formatted_html += "#{content}
"
+ end
+ end
+ end
+
+ if formatted_html.empty?
+ # If no diff content, show the actual revision content without highlighting
+ content = version == :old ? previous_text : current_text
+ if content.blank?
+ "No content
"
+ else
+ # Show the plain text content without diff highlighting
+ paragraphs = content.split(/\n\n+/).map(&:strip).reject(&:empty?)
+ paragraphs.map { |para| "#{CGI.escapeHTML(para)}
" }.join
+ end
+ else
+ formatted_html
+ end
+ end
+
+ def generate_first_revision_view(text)
+ word_count = text.split.size
+ preview = text[0..500]
+ preview += "..." if text.length > 500
+
+ <<~HTML
+
+
+
celebration
+
First Revision Created!
+
This is the initial version of your document.
+
+
+
+ Document Preview
+ #{word_count} words
+
+
+
#{CGI.escapeHTML(preview)}
+
+
+
+
+ Future changes to your document will be tracked and displayed here.
+
+
+
\0 '
+ )
+ end
+
+ highlighted.html_safe
+ end
+
+ def search_params
+ params.permit(:q, :sort, :filter, :page, :refine)
+ end
end
diff --git a/app/controllers/sessions_controller.rb b/app/controllers/sessions_controller.rb
new file mode 100644
index 000000000..196bf46e9
--- /dev/null
+++ b/app/controllers/sessions_controller.rb
@@ -0,0 +1,3 @@
+class SessionsController < Devise::SessionsController
+ layout 'tailwind/landing'
+end
\ No newline at end of file
diff --git a/app/controllers/share_comments_controller.rb b/app/controllers/share_comments_controller.rb
index 9e5cd209e..cb388ff8a 100644
--- a/app/controllers/share_comments_controller.rb
+++ b/app/controllers/share_comments_controller.rb
@@ -13,7 +13,7 @@ def create
ContentPageShareNotificationJob.perform_later(@share_comment.id)
- redirect_to([@share_comment.content_page_share.user, @share_comment.content_page_share], notice: "Comment posted successfully!");
+ redirect_to([@share_comment.content_page_share.user, @share_comment.content_page_share], notice: "Thanks for leaving a comment!");
# redirect_back(fallback_location: @share_comment.content_page_share, notice: "Comment posted successfully.")
else
render :new
diff --git a/app/controllers/stream_controller.rb b/app/controllers/stream_controller.rb
index 3b650dc8c..5b22927b8 100644
--- a/app/controllers/stream_controller.rb
+++ b/app/controllers/stream_controller.rb
@@ -3,7 +3,8 @@ class StreamController < ApplicationController
before_action :set_stream_navbar_actions, only: [:index, :global]
before_action :set_stream_navbar_color, only: [:index, :global]
before_action :set_sidenav_expansion
- before_action :cache_linkable_content_for_each_content_type, only: [:index]
+ before_action :cache_linkable_content_for_each_content_type, only: [:index, :global]
+ before_action :load_recent_forum_topics, only: [:index, :global]
def index
@page_title = "What's happening"
@@ -16,7 +17,17 @@ def index
.order('created_at DESC')
.includes([:content_page, :secondary_content_page])
.includes({ share_comments: [:user], user: [:avatar_attachment] })
- .limit(25)
+
+ # Apply search filter if present
+ if params[:search].present?
+ search_term = "%#{params[:search]}%"
+ @feed = @feed.joins(:user).where(
+ "content_page_shares.message ILIKE ? OR users.name ILIKE ? OR users.email ILIKE ?",
+ search_term, search_term, search_term
+ )
+ end
+
+ @feed = @feed.limit(25)
end
def community
@@ -33,7 +44,17 @@ def global
.order('created_at DESC')
.includes([:content_page, :secondary_content_page])
.includes({ share_comments: [:user], user: [:avatar_attachment] })
- .limit(25)
+
+ # Apply search filter if present
+ if params[:search].present?
+ search_term = "%#{params[:search]}%"
+ @feed = @feed.joins(:user).where(
+ "content_page_shares.message ILIKE ? OR users.name ILIKE ? OR users.email ILIKE ?",
+ search_term, search_term, search_term
+ )
+ end
+
+ @feed = @feed.limit(25)
end
def set_stream_navbar_color
@@ -57,4 +78,23 @@ def set_stream_navbar_actions
def set_sidenav_expansion
@sidenav_expansion = 'community'
end
+
+ private
+
+ def load_recent_forum_topics
+ # Get the 5 most recent forum posts and their topics
+ recent_posts = Thredded::Post.joins(:topic)
+ .where(deleted_at: nil)
+ .order(created_at: :desc)
+ .limit(10)
+ .includes(:topic, :user)
+
+ # Get unique topics from recent posts, limited to 5
+ @recent_forum_topics = recent_posts.map(&:topic)
+ .uniq { |topic| topic.id }
+ .first(5)
+ rescue => e
+ Rails.logger.error "Error loading recent forum topics: #{e.message}"
+ @recent_forum_topics = []
+ end
end
diff --git a/app/controllers/styleguide_controller.rb b/app/controllers/styleguide_controller.rb
new file mode 100644
index 000000000..0a6349966
--- /dev/null
+++ b/app/controllers/styleguide_controller.rb
@@ -0,0 +1,4 @@
+class StyleguideController < ApplicationController
+ def tailwind
+ end
+end
diff --git a/app/controllers/subscriptions_controller.rb b/app/controllers/subscriptions_controller.rb
index 94bb3e5cb..557ac7501 100644
--- a/app/controllers/subscriptions_controller.rb
+++ b/app/controllers/subscriptions_controller.rb
@@ -17,6 +17,7 @@ def new
@active_promo_code = @active_promotions.first.try(:page_unlock_promo_code)
@stripe_customer = Stripe::Customer.retrieve(current_user.stripe_customer_id)
+ @stripe_payment_methods = @stripe_customer.list_payment_methods(type: 'card')
end
def history
diff --git a/app/controllers/thredded/topics_controller.rb b/app/controllers/thredded/topics_controller.rb
new file mode 100644
index 000000000..9f59cd22a
--- /dev/null
+++ b/app/controllers/thredded/topics_controller.rb
@@ -0,0 +1,209 @@
+# frozen_string_literal: true
+
+# Override Thredded::TopicsController to fix N+1 queries
+module Thredded
+ class TopicsController < Thredded::ApplicationController
+ include Thredded::NewTopicParams
+ include Thredded::NewPostParams
+
+ before_action :thredded_require_login!,
+ only: %i[edit new update create destroy follow unfollow unread]
+
+ before_action :verify_messageboard,
+ only: %i[index search unread]
+
+ before_action :use_topic_messageboard,
+ only: %i[show edit update destroy follow unfollow]
+
+ after_action :update_user_activity
+
+ after_action :verify_authorized, except: %i[search unread]
+ after_action :verify_policy_scoped, except: %i[show new create edit update destroy follow unfollow]
+
+ def index
+ page_scope = policy_scope(messageboard.topics)
+ .order_sticky_first.order_recently_posted_first
+ .includes(:categories, :last_user, :user)
+ .send(Kaminari.config.page_method_name, current_page)
+ return redirect_to(last_page_params(page_scope)) if page_beyond_last?(page_scope)
+ @topics = Thredded::TopicsPageView.new(thredded_current_user, page_scope)
+ @new_topic = init_new_topic
+ end
+
+ def unread
+ page_scope = topics_scope
+ .unread(thredded_current_user)
+ .order_followed_first(thredded_current_user).order_recently_posted_first
+ .includes(:categories, :last_user, :user)
+ .send(Kaminari.config.page_method_name, current_page)
+ return redirect_to(last_page_params(page_scope)) if page_beyond_last?(page_scope)
+ @topics = Thredded::TopicsPageView.new(thredded_current_user, page_scope)
+ @new_topic = init_new_topic
+ end
+
+ def search
+ @query = params[:q].to_s
+ page_scope = topics_scope
+ .search_query(@query)
+ .order_recently_posted_first
+ .includes(:categories, :last_user, :user)
+ .send(Kaminari.config.page_method_name, current_page)
+ return redirect_to(last_page_params(page_scope)) if page_beyond_last?(page_scope)
+ @topics = Thredded::TopicsPageView.new(thredded_current_user, page_scope)
+ end
+
+ def show
+ authorize topic, :read?
+ return redirect_to(canonical_topic_params) unless params_match?(canonical_topic_params)
+ page_scope = policy_scope(topic.posts)
+ .order_oldest_first
+ # Include user with avatar attachment to prevent N+1 on post.user.image_url
+ # Include promotions to prevent N+1 on post.user.on_premium_plan?
+ .includes(user: [{ avatar_attachment: :blob }, :promotions])
+ .includes(:messageboard)
+ .send(Kaminari.config.page_method_name, current_page)
+ return redirect_to(last_page_params(page_scope)) if page_beyond_last?(page_scope)
+ @posts = Thredded::TopicPostsPageView.new(thredded_current_user, topic, page_scope)
+ Thredded::UserTopicReadState.touch!(thredded_current_user.id, page_scope.last) if thredded_signed_in?
+ @new_post = Thredded::PostForm.new(user: thredded_current_user, topic: topic, post_params: new_post_params)
+ end
+
+ def new
+ @new_topic = Thredded::TopicForm.new(new_topic_params)
+ authorize_creating @new_topic.topic
+ return redirect_to(canonical_messageboard_params) unless params_match?(canonical_messageboard_params)
+ render
+ end
+
+ def category
+ authorize_reading messageboard
+ @category = messageboard.categories.friendly.find(params[:category_id])
+ @topics = Thredded::TopicsPageView.new(
+ thredded_current_user,
+ policy_scope(@category.topics)
+ .unstuck
+ .order_recently_posted_first
+ .send(Kaminari.config.page_method_name, current_page)
+ )
+ render :index
+ end
+
+ def create
+ @new_topic = Thredded::TopicForm.new(new_topic_params)
+ authorize_creating @new_topic.topic
+ if @new_topic.save
+ redirect_to next_page_after_create(params[:next_page])
+ else
+ render :new
+ end
+ end
+
+ def edit
+ authorize topic, :update?
+ return redirect_to(canonical_topic_params) unless params_match?(canonical_topic_params)
+ @edit_topic = Thredded::EditTopicForm.new(user: thredded_current_user, topic: topic)
+ end
+
+ def update
+ topic.assign_attributes(topic_params_for_update)
+ authorize topic, :update?
+ if topic.messageboard_id_changed?
+ topic.messageboard = Thredded::Messageboard.find(topic.messageboard_id)
+ authorize topic.messageboard, :post?
+ end
+ @edit_topic = Thredded::EditTopicForm.new(user: thredded_current_user, topic: topic)
+ if @edit_topic.save
+ redirect_to messageboard_topic_url(topic.messageboard, topic),
+ notice: t('thredded.topics.updated_notice')
+ else
+ render :edit
+ end
+ end
+
+ def destroy
+ authorize topic, :destroy?
+ topic.destroy!
+ redirect_to messageboard_topics_path(messageboard),
+ notice: t('thredded.topics.deleted_notice')
+ end
+
+ def follow
+ authorize topic, :read?
+ Thredded::UserTopicFollow.create_unless_exists(thredded_current_user.id, topic.id)
+ follow_change_response(following: true)
+ end
+
+ def unfollow
+ authorize topic, :read?
+ Thredded::UserTopicFollow.find_by(topic_id: topic.id, user_id: thredded_current_user.id).try(:destroy)
+ follow_change_response(following: false)
+ end
+
+ private
+
+ def next_page_after_create(next_page)
+ case next_page
+ when 'messageboard', '', nil
+ return messageboard_topics_path(messageboard)
+ when 'topic'
+ messageboard_topic_path(messageboard, @new_topic.topic)
+ when %r{\A/[^/]\S+\z}
+ next_page
+ else
+ fail "Unexpected value for next page: #{next_page.inspect}"
+ end
+ end
+
+ def in_messageboard?
+ params.key?(:messageboard_id)
+ end
+
+ def init_new_topic
+ return unless in_messageboard?
+ form = Thredded::TopicForm.new(messageboard: messageboard, user: thredded_current_user)
+ form if policy(form.topic).create?
+ end
+
+ def verify_messageboard
+ return unless in_messageboard?
+ authorize_reading messageboard
+ return if params_match?(canonical_messageboard_params)
+ skip_policy_scope
+ redirect_to(canonical_messageboard_params)
+ end
+
+ def canonical_messageboard_params
+ { messageboard_id: messageboard.slug }
+ end
+
+ def canonical_topic_params
+ { messageboard_id: messageboard.slug, id: topic.slug }
+ end
+
+ def follow_change_response(following:)
+ notice = following ? t('thredded.topics.followed_notice') : t('thredded.topics.unfollowed_notice')
+ respond_to do |format|
+ format.html { redirect_to messageboard_topic_url(messageboard, topic), notice: notice }
+ format.json { render(json: { follow: following }) }
+ end
+ end
+
+ def topic
+ @topic ||= Thredded::Topic.friendly_find!(params[:id])
+ end
+
+ def use_topic_messageboard
+ @messageboard = topic.messageboard
+ end
+
+ def topic_params_for_update
+ params
+ .require(:topic)
+ .permit(:title, :locked, :sticky, :messageboard_id, category_ids: [])
+ end
+
+ def current_page
+ (params[:page] || 1).to_i
+ end
+ end
+end
diff --git a/app/controllers/timeline_events_controller.rb b/app/controllers/timeline_events_controller.rb
index 3f1ca7751..1034ef7c4 100644
--- a/app/controllers/timeline_events_controller.rb
+++ b/app/controllers/timeline_events_controller.rb
@@ -2,7 +2,7 @@ class TimelineEventsController < ApplicationController
before_action :set_timeline_event, only: [
:show, :edit, :update, :destroy,
:move_up, :move_to_top, :move_down, :move_to_bottom,
- :link_entity, :unlink_entity
+ :link_entity, :unlink_entity, :add_tag, :remove_tag
]
# GET /timeline_events
@@ -27,10 +27,27 @@ def edit
def create
raise "No Access: (signed in: #{user_signed_in?})" unless user_signed_in? && current_user.timelines.pluck(:id).include?(timeline_event_params.fetch('timeline_id').to_i)
- @timeline_event = TimelineEvent.new(timeline_event_params)
+ @timeline_event = TimelineEvent.new(timeline_event_params)
if @timeline_event.save
- render json: { status: 'success', id: @timeline_event.reload.id }
+ @timeline_event.reload
+
+ # Render the event card partial as HTML for client-side injection
+ html = render_to_string(
+ partial: 'timeline_events/event_card',
+ locals: {
+ event: @timeline_event,
+ timeline: @timeline_event.timeline,
+ index: @timeline_event.timeline.timeline_events.count - 1
+ },
+ formats: [:html]
+ )
+
+ render json: {
+ status: 'success',
+ id: @timeline_event.id,
+ html: html
+ }
else
raise "Failed to create TimelineEvent"
end
@@ -39,11 +56,17 @@ def create
# PATCH/PUT /timeline_events/1
def update
if @timeline_event.update(timeline_event_params)
- redirect_to @timeline_event, notice: 'Timeline event was successfully updated.'
+ respond_to do |format|
+ format.html { redirect_to @timeline_event, notice: 'Timeline event was successfully updated.' }
+ format.json { render json: { status: 'success', message: 'Timeline event updated successfully' } }
+ format.js { render json: { status: 'success', message: 'Timeline event updated successfully' } }
+ end
else
- require 'pry'
- binding.pry
- render json: :failure
+ respond_to do |format|
+ format.html { render :edit }
+ format.json { render json: { status: 'error', message: 'Failed to update timeline event', errors: @timeline_event.errors.full_messages }, status: :unprocessable_entity }
+ format.js { render json: { status: 'error', message: 'Failed to update timeline event', errors: @timeline_event.errors.full_messages }, status: :unprocessable_entity }
+ end
end
end
@@ -55,13 +78,55 @@ def destroy
end
def link_entity
- return unless @timeline_event.can_be_modified_by?(current_user)
- @timeline_event.timeline_event_entities.find_or_create_by(timeline_event_entity_params)
+ return render json: { error: 'Not authorized' }, status: :forbidden unless @timeline_event.can_be_modified_by?(current_user)
+
+ entity = @timeline_event.timeline_event_entities.find_or_create_by(timeline_event_entity_params)
+
+ if entity.persisted?
+ # Reload the timeline event to get the latest linked content
+ @timeline_event.reload
+
+ render json: {
+ status: 'success',
+ message: 'Content linked successfully',
+ html: render_to_string(
+ partial: 'shared/timeline_event_linked_content',
+ locals: { timeline_event: @timeline_event }
+ )
+ }
+ else
+ render json: {
+ status: 'error',
+ message: 'Failed to link content',
+ errors: entity.errors.full_messages
+ }, status: :unprocessable_entity
+ end
end
def unlink_entity
- return unless @timeline_event.can_be_modified_by?(current_user)
- @timeline_event.timeline_event_entities.find_by(id: params[:entity_id].to_i).try(:destroy)
+ return render json: { error: 'Not authorized' }, status: :forbidden unless @timeline_event.can_be_modified_by?(current_user)
+
+ entity = @timeline_event.timeline_event_entities.find_by(id: params[:entity_id].to_i)
+
+ if entity&.destroy
+ # Reload the timeline event to get the latest linked content
+ @timeline_event.reload
+
+ render json: {
+ status: 'success',
+ message: 'Content unlinked successfully',
+ html: render_to_string(
+ partial: 'shared/timeline_event_linked_content',
+ locals: { timeline_event: @timeline_event },
+ formats: [:html]
+ )
+ }
+ else
+ render json: {
+ status: 'error',
+ message: 'Failed to unlink content'
+ }, status: :unprocessable_entity
+ end
end
# Move functions
@@ -81,6 +146,98 @@ def move_to_bottom
@timeline_event.move_to_bottom if @timeline_event.can_be_modified_by?(current_user)
end
+ # Drag and drop sorting endpoint (internal API)
+ def sort
+ content_id = params[:content_id]
+ intended_position = params[:intended_position].to_i
+
+ timeline_event = TimelineEvent.find_by(id: content_id)
+
+ unless timeline_event
+ render json: { error: "Timeline event not found" }, status: :not_found
+ return
+ end
+
+ unless timeline_event.can_be_modified_by?(current_user)
+ render json: { error: "You don't have permission to reorder that timeline event" }, status: :forbidden
+ return
+ end
+
+ # Use acts_as_list to move to the intended position
+ timeline_event.insert_at(intended_position + 1) # acts_as_list is 1-indexed
+
+ render json: {
+ success: true,
+ message: "New position saved", # "Timeline event moved to position #{intended_position + 1}"
+ timeline_event: {
+ id: timeline_event.id,
+ position: timeline_event.position,
+ title: timeline_event.title
+ }
+ }, status: :ok
+ end
+
+ def add_tag
+ return render json: { error: 'Not authorized' }, status: :forbidden unless @timeline_event.can_be_modified_by?(current_user)
+
+ tag_name = params[:tag_name]&.strip
+ return render json: { error: 'Tag name is required' }, status: :bad_request if tag_name.blank?
+
+ # Check if tag already exists for this event
+ existing_tag = @timeline_event.page_tags.find_by(tag: tag_name)
+ if existing_tag
+ return render json: {
+ status: 'error',
+ message: 'Tag already exists for this event'
+ }, status: :unprocessable_entity
+ end
+
+ # Create the tag
+ tag = @timeline_event.page_tags.create(
+ tag: tag_name,
+ slug: PageTagService.slug_for(tag_name),
+ user: current_user
+ )
+
+ if tag.persisted?
+ render json: {
+ status: 'success',
+ message: 'Tag added successfully',
+ tag: {
+ id: tag.id,
+ name: tag.tag
+ }
+ }
+ else
+ render json: {
+ status: 'error',
+ message: 'Failed to add tag',
+ errors: tag.errors.full_messages
+ }, status: :unprocessable_entity
+ end
+ end
+
+ def remove_tag
+ return render json: { error: 'Not authorized' }, status: :forbidden unless @timeline_event.can_be_modified_by?(current_user)
+
+ tag_name = params[:tag_name]&.strip
+ return render json: { error: 'Tag name is required' }, status: :bad_request if tag_name.blank?
+
+ tag = @timeline_event.page_tags.find_by(tag: tag_name)
+
+ if tag&.destroy
+ render json: {
+ status: 'success',
+ message: 'Tag removed successfully'
+ }
+ else
+ render json: {
+ status: 'error',
+ message: 'Tag not found or failed to remove'
+ }, status: :unprocessable_entity
+ end
+ end
+
private
# Use callbacks to share common setup or constraints between actions.
@@ -90,7 +247,8 @@ def set_timeline_event
# Only allow a trusted parameter "white list" through.
def timeline_event_params
- params.require(:timeline_event).permit(:time_label, :title, :description, :notes, :timeline_id)
+ params.require(:timeline_event).permit(:time_label, :title, :description, :notes, :timeline_id,
+ :event_type, :importance_level, :end_time_label, :status, :private_notes)
end
def timeline_event_entity_params
diff --git a/app/controllers/timelines_controller.rb b/app/controllers/timelines_controller.rb
index 2c67807de..ef8383ed3 100644
--- a/app/controllers/timelines_controller.rb
+++ b/app/controllers/timelines_controller.rb
@@ -1,6 +1,8 @@
class TimelinesController < ApplicationController
+ include ApplicationHelper
+
before_action :authenticate_user!, except: [:show]
- before_action :set_timeline, only: [:show, :edit, :update, :destroy]
+ before_action :set_timeline, only: [:show, :edit, :update, :destroy, :toggle_archive, :toggle_favorite]
before_action :set_navbar_color
before_action :set_sidenav_expansion
@@ -18,17 +20,20 @@ def index
# without reworking most of the views. For now, we're just grabbing timelines and contributable
# timelines manually.
# @timelines = @linkables_raw.fetch('Timeline', [])
- @timelines = current_user.timelines
+ @timelines = current_user.timelines.includes(:timeline_events)
@page_title = "My timelines"
if @universe_scope
- @timelines = Timeline.where(universe: @universe_scope)
+ @timelines = Timeline.where(universe: @universe_scope).includes(:timeline_events)
else
# Add in all timelines from shared universes also
@timelines += Timeline.where(universe_id: current_user.contributable_universe_ids)
+ .where.not(id: @timelines.pluck(:id))
+ .includes(:timeline_events)
end
+ @filtered_page_tags = []
@page_tags = PageTag.where(
page_type: Timeline.name,
page_id: @timelines.pluck(:id)
@@ -41,6 +46,36 @@ def index
# if params.key?(:favorite_only)
# @timelines.select!(&:favorite?)
# end
+
+ # Precompute timeline event statistics using already-loaded associations
+ @timeline_event_counts = {}
+ @total_events = 0
+ @event_type_counts = Hash.new(0)
+
+ @timelines.each do |timeline|
+ events = timeline.timeline_events
+ count = events.size # Uses loaded data, no query
+ @timeline_event_counts[timeline.id] = count
+ @total_events += count
+
+ events.each do |event|
+ type = event.respond_to?(:event_type) ? (event.event_type || 'Unspecified') : 'Unspecified'
+ @event_type_counts[type] += 1
+ end
+ end
+
+ # New style, using content#index view (we can wipe unused stuff from above once this is finalized)
+ @content_type_class = Timeline
+ @content_type_name = @content_type_class.name
+ @content = @timelines
+ @total_content_count = @timelines.count
+
+ # Set up pagination variables (no actual pagination for now, but template expects them)
+ @current_page = 1
+ @total_pages = 1
+
+ @folders = []
+ render 'timelines/index'
end
def show
@@ -49,7 +84,7 @@ def show
# GET /timelines/new
def new
- timeline = current_user.timelines.create(name: 'Untitled Timeline', universe: @universe_scope).reload
+ timeline = current_user.timelines.create(name: '', universe: @universe_scope).reload
redirect_to edit_timeline_path(timeline)
end
@@ -57,6 +92,44 @@ def new
def edit
@page_title = "Editing #{@timeline.name}"
@suggested_page_tags = []
+ cache_linkable_content_for_each_content_type
+
+ # Collect all unique tags from timeline events for filtering
+ @timeline_event_tags = collect_timeline_event_tags
+
+ # Get content already linked to other events in this timeline
+ @timeline_linked_content = {}
+ @timeline_content_summary = {}
+ timeline_entity_ids = @timeline.timeline_events
+ .joins(:timeline_event_entities)
+ .pluck('timeline_event_entities.entity_type', 'timeline_event_entities.entity_id')
+ .uniq
+
+ timeline_entity_ids.group_by(&:first).each do |entity_type, entity_pairs|
+ entity_ids = entity_pairs.map(&:last).uniq
+ content_class = content_class_from_name(entity_type)
+ next unless content_class
+
+ # Original data for link modal
+ @timeline_linked_content[entity_type] = content_class.where(id: entity_ids)
+ .where(user: current_user)
+ .limit(20)
+
+ # Enhanced data for content summary sidebar
+ # Sort in Ruby instead of SQL because some models (e.g. Document) don't have
+ # a 'name' column - they have 'title' with a Ruby method aliasing it to 'name'
+ all_content = content_class.where(id: entity_ids)
+ .where(user: current_user)
+ .to_a
+ .sort_by { |c| c.name.to_s.downcase }
+
+ @timeline_content_summary[entity_type] = {
+ count: all_content.count,
+ items: all_content.first(10), # Show first 10, with expansion option
+ total_items: all_content.count,
+ content_class: content_class
+ }
+ end
end
# POST /timelines
@@ -90,6 +163,82 @@ def destroy
redirect_to timelines_url, notice: 'Timeline was successfully destroyed.'
end
+ # POST /timelines/1/toggle_archive
+ def toggle_archive
+ unless @timeline.updatable_by?(current_user)
+ respond_to do |format|
+ format.html do
+ flash[:notice] = "You don't have permission to edit that!"
+ redirect_back fallback_location: @timeline
+ end
+ format.json { render json: { success: false, error: "Permission denied" }, status: :forbidden }
+ end
+ return
+ end
+
+ verb = @timeline.archived? ? "unarchived" : "archived"
+ success = @timeline.archived? ? @timeline.unarchive! : @timeline.archive!
+
+ respond_to do |format|
+ if success
+ format.html do
+ flash[:notice] = "Timeline #{verb} successfully!"
+ redirect_back fallback_location: edit_timeline_path(@timeline)
+ end
+ format.json { render json: { success: true, archived: @timeline.archived?, verb: verb } }
+ else
+ format.html do
+ flash[:alert] = "Failed to #{verb.sub('ed', '')} timeline."
+ redirect_back fallback_location: edit_timeline_path(@timeline)
+ end
+ format.json { render json: { success: false, error: "Failed to #{verb}" }, status: :unprocessable_entity }
+ end
+ end
+ end
+
+ # POST /timelines/1/toggle_favorite
+ def toggle_favorite
+ unless @timeline.updatable_by?(current_user)
+ respond_to do |format|
+ format.html do
+ flash[:notice] = "You don't have permission to edit that!"
+ redirect_back fallback_location: @timeline
+ end
+ format.json { render json: { success: false, error: "Permission denied" }, status: :forbidden }
+ end
+ return
+ end
+
+ @timeline.update(favorite: !@timeline.favorite)
+
+ respond_to do |format|
+ format.html { redirect_back(fallback_location: timelines_path) }
+ format.json { render json: { success: true, favorite: @timeline.favorite } }
+ end
+ end
+
+ # GET /timelines/1/tag_suggestions
+ def tag_suggestions
+ # Get all unique tags from both Timeline objects and TimelineEvent objects
+ # This includes tags from the timeline itself AND all its events
+ timeline_tags = PageTag.where(
+ user: current_user,
+ page_type: 'Timeline'
+ ).distinct.pluck(:tag)
+
+ event_tags = PageTag.where(
+ user: current_user,
+ page_type: 'TimelineEvent'
+ ).distinct.pluck(:tag)
+
+ # Combine and sort all unique tags
+ all_tags = (timeline_tags + event_tags).uniq.sort
+
+ render json: {
+ suggestions: all_tags
+ }
+ end
+
private
def require_timeline_read_permission
@@ -142,4 +291,17 @@ def set_navbar_color
def set_sidenav_expansion
@sidenav_expansion = 'writing'
end
+
+ def collect_timeline_event_tags
+ # Get all unique tags from timeline events with their usage counts
+ tag_counts = @timeline.timeline_events
+ .reorder('')
+ .joins(:page_tags)
+ .group('page_tags.tag')
+ .count
+
+ # Return array of hashes with tag name and count for easy access in view
+ tag_counts.map { |tag, count| { name: tag, count: count } }
+ .sort_by { |tag_data| tag_data[:name].downcase }
+ end
end
diff --git a/app/controllers/universes_controller.rb b/app/controllers/universes_controller.rb
index 8eb038109..073a301cf 100644
--- a/app/controllers/universes_controller.rb
+++ b/app/controllers/universes_controller.rb
@@ -1,4 +1,7 @@
class UniversesController < ContentController
+ def hub
+ @universes = @current_user_content.fetch('Universe', []).sort_by(&:name)
+ end
# TODO: pull list of content types out from some centralized list somewhere
(Rails.application.config.content_types[:all_non_universe] + [Timeline]).each do |content_type|
diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb
index e7ac5d9ce..44d8a0e15 100644
--- a/app/controllers/users_controller.rb
+++ b/app/controllers/users_controller.rb
@@ -8,19 +8,12 @@ def index
def show
@sidenav_expansion = 'community'
- @feed = ContentPageShare.where(user_id: @user.id)
- .order('created_at DESC')
- .includes([:content_page, :secondary_content_page, :user, :share_comments])
- .limit(100)
-
- @content = @user.public_content.select { |type, list| list.any? }
- @tabs = @content.keys
-
- # Get popular tags for this user's public content
- @popular_tags = get_popular_public_tags_for_user(@user)
-
- @favorite_content = @user.favorite_page_type? ? @user.send(@user.favorite_page_type.downcase.pluralize).is_public : []
- @stream = @user.recent_content_list(limit: 20)
+ # Load all profile data
+ load_user_content
+ load_user_activity
+ load_user_social_data
+ load_user_collections
+ load_user_statistics
end
Rails.application.config.content_types[:all].each do |content_type|
@@ -28,27 +21,67 @@ def show
define_method content_type_name do
set_user
- # We double up on the same returns from set_user here since we're calling set_user manually instead of a before_action
- return if @user.nil?
- return if @user.private_profile?
+ # We return early if set_user already rendered or redirected
+ return if performed?
- @random_image_including_private_pool_cache = ImageUpload.where(
- user_id: @user.id,
- ).group_by { |image| [image.content_type, image.content_id] }
-
+ # Optimized: Only load images for content that will be displayed
@content_type = content_type
- @content_list = @user.send(content_type_name).is_public.order(:name)
+ @content_list = @user.send(content_type_name)
+ .includes(:page_tags, :image_uploads, :user)
+ .is_public
+ .order(:name)
+ .paginate(page: params[:page], per_page: 20)
- @saved_basil_commissions = BasilCommission.where(
- entity_type: content_type_name,
- entity_id: @content_list.pluck(:id)
- ).where.not(saved_at: nil)
- .group_by { |commission| [commission.entity_type, commission.entity_id] }
+ # Only load public images for the content being displayed
+ content_ids = @content_list.pluck(:id)
+ @random_image_including_private_pool_cache = ImageUpload
+ .where(user_id: @user.id, content_type: content_type.name, content_id: content_ids)
+ .where(privacy: 'public')
+ .group_by { |image| [image.content_type, image.content_id] }
+
+ # Optimized: Use content_ids we already have
+ @saved_basil_commissions = BasilCommission
+ .where(entity_type: content_type.name, entity_id: content_ids)
+ .where.not(saved_at: nil)
+ .group_by { |commission| [commission.entity_type, commission.entity_id] }
render :content_list
end
end
+ # Timeline isn't in content_types[:all] but some users have it as favorite_page_type
+ def timelines
+ set_user
+ return if performed?
+
+ @content_type = Timeline
+ @content_list = @user.timelines
+ .includes(:page_tags, :user)
+ .where(privacy: 'public')
+ .order(:name)
+ .paginate(page: params[:page], per_page: 20)
+
+ # Timeline doesn't use image_uploads or basil commissions like content pages
+ @random_image_including_private_pool_cache = {}
+ @saved_basil_commissions = {}
+
+ render :content_list
+ end
+
+ # Silent timezone auto-update for legacy users (remove after Jan 31, 2026)
+ def update_timezone
+ return head :unauthorized unless user_signed_in?
+
+ timezone = params[:time_zone]
+
+ if ActiveSupport::TimeZone[timezone].present?
+ current_user.update(time_zone: timezone)
+ head :ok
+ else
+ head :unprocessable_entity
+ end
+ end
+
def delete_my_account # :(
unless user_signed_in?
redirect_to(root_path, notice: "You must be signed in to do that!")
@@ -82,6 +115,8 @@ def delete_my_account # :(
# TODO this can take quite a while for active users, so it should be moved to a background job
current_user.destroy!
+ sign_out(current_user)
+
redirect_to(root_path, notice: 'Your account has been deleted. We will miss you greatly!')
end
@@ -98,15 +133,25 @@ def report_user_deletion_to_slack user
end
def followers
+ @followers = @user.followed_by_users
+ .includes(:avatar_attachment, :thredded_user_detail)
+ .paginate(page: params[:page], per_page: 100)
end
def following
+ @following = @user.followed_users
+ .includes(:avatar_attachment, :thredded_user_detail)
+ .paginate(page: params[:page], per_page: 100)
end
def tag
@tag_slug = params[:tag_slug]
- @tag = PageTag.find_by(user_id: @user.id, slug: @tag_slug)
-
+
+ # Slugs are always stored lowercase, so direct equality works
+ @tag = PageTag.where(user_id: @user.id)
+ .where(slug: @tag_slug.downcase)
+ .first
+
if @tag.nil?
redirect_url = @user.username.present? ? profile_by_username_path(username: @user.username) : user_path(@user)
return redirect_to(redirect_url, notice: 'That tag does not exist.', status: :not_found)
@@ -114,51 +159,70 @@ def tag
# Find all public content with this tag
@tagged_content = []
-
+
# Go through each content type and find items with this tag
+ # Use two-step approach: first get page IDs, then query content (matches BrowseController pattern)
Rails.application.config.content_types[:all].each do |content_type|
- content_pages = content_type.joins(:page_tags)
- .where(privacy: 'public')
- .where(user_id: @user.id)
- .where(page_tags: { slug: @tag_slug })
- .order(:name)
+ tag_page_ids = PageTag.where(user_id: @user.id)
+ .where(page_type: content_type.name)
+ .where(slug: @tag_slug.downcase)
+ .pluck(:page_id)
- @tagged_content << {
- type: content_type.name,
- icon: content_type.icon,
- color: content_type.color,
- content: content_pages
- } if content_pages.any?
+ if tag_page_ids.any?
+ content_pages = content_type.where(id: tag_page_ids)
+ .where(privacy: 'public')
+ .where(user_id: @user.id)
+ .order(:name)
+
+ @tagged_content << {
+ type: content_type.name,
+ icon: content_type.icon,
+ color: content_type.color,
+ content: content_pages
+ } if content_pages.any?
+ end
end
-
+
# Add documents and timelines if they have the tag
# Handle documents separately since they don't use the common content type structure
- documents = Document.joins(:page_tags)
- .where(privacy: 'public')
- .where(user_id: @user.id)
- .where(page_tags: { slug: @tag_slug })
- .order(:title) # Documents use 'title' instead of 'name'
-
- @tagged_content << {
- type: 'Document',
- icon: 'description',
- color: 'blue',
- content: documents
- } if documents.any?
-
+ document_page_ids = PageTag.where(user_id: @user.id)
+ .where(page_type: 'Document')
+ .where(slug: @tag_slug.downcase)
+ .pluck(:page_id)
+
+ if document_page_ids.any?
+ documents = Document.where(id: document_page_ids)
+ .where(privacy: 'public')
+ .where(user_id: @user.id)
+ .order(:title) # Documents use 'title' instead of 'name'
+
+ @tagged_content << {
+ type: 'Document',
+ icon: 'description',
+ color: 'blue',
+ content: documents
+ } if documents.any?
+ end
+
# Handle timelines separately since they don't use the common content type structure
- timelines = Timeline.joins(:page_tags)
- .where(privacy: 'public')
- .where(user_id: @user.id)
- .where(page_tags: { slug: @tag_slug })
- .order(:name)
-
- @tagged_content << {
- type: 'Timeline',
- icon: 'timeline',
- color: 'blue',
- content: timelines
- } if timelines.any?
+ timeline_page_ids = PageTag.where(user_id: @user.id)
+ .where(page_type: 'Timeline')
+ .where(slug: @tag_slug.downcase)
+ .pluck(:page_id)
+
+ if timeline_page_ids.any?
+ timelines = Timeline.where(id: timeline_page_ids)
+ .where(privacy: 'public')
+ .where(user_id: @user.id)
+ .order(:name)
+
+ @tagged_content << {
+ type: 'Timeline',
+ icon: 'timeline',
+ color: 'blue',
+ content: timelines
+ } if timelines.any?
+ end
# Get images for content cards
@random_image_including_private_pool_cache = ImageUpload.where(
@@ -204,6 +268,156 @@ def user_params
params.permit(:id, :username)
end
+ # Data loading methods for profile sections
+
+ def load_user_content
+ @content = @user.public_content.select { |type, list| list.any? }
+ @tabs = @content.keys
+ @popular_tags = get_popular_public_tags_for_user(@user)
+ @favorite_content = @user.favorite_page_type? ? @user.send(@user.favorite_page_type.downcase.pluralize).is_public : []
+
+ # Get featured universes (top 3 most recently updated)
+ @featured_universes = @user.universes.is_public.order(updated_at: :desc).limit(3) if @user.respond_to?(:universes)
+ @featured_universes ||= []
+ end
+
+ def load_user_activity
+ # Optimized: Use joins to filter at database level
+ @feed = ContentPageShare
+ .includes(:content_page, :share_comments)
+ .where(user_id: @user.id)
+ .where(privacy: 'public')
+ .order('created_at DESC')
+ .limit(100)
+
+ # Optimized: Get public content directly
+ @stream = @user.recent_public_content_list(limit: 20)
+
+ # Skip recent edits - we don't want to show "made an edit" activities
+ @recent_edits = []
+
+ # Forum activity (if Thredded is available)
+ if defined?(Thredded::Post)
+ @recent_forum_posts = Thredded::Post
+ .includes(:postable, :messageboard)
+ .where(user_id: @user.id, moderation_state: 'approved')
+ .order(created_at: :desc)
+ .limit(10)
+ else
+ @recent_forum_posts = []
+ end
+
+ # Combine all activities for unified timeline (excluding edits)
+ @unified_activity = build_unified_activity_timeline
+ end
+
+ def load_user_social_data
+ # Optimized: Use counter caches if available, fallback to count
+ @followers_count = @user.respond_to?(:followers_count) ? @user.followers_count : @user.followed_by_users.count
+ @following_count = @user.respond_to?(:following_count) ? @user.following_count : @user.followed_users.count
+
+ # Optimized: Use includes to prevent N+1
+ @followers = User.joins(:user_followings)
+ .where(user_followings: { followed_user_id: @user.id })
+ .includes(:avatar_attachment)
+ .limit(12)
+ @following = @user.followed_users.includes(:avatar_attachment).limit(12)
+
+ # Optimized: Check follows and blocks efficiently
+ if user_signed_in?
+ @is_following = UserFollowing.exists?(user_id: current_user.id, followed_user_id: @user.id)
+ @is_blocked = UserBlocking.exists?(user_id: current_user.id, blocked_user_id: @user.id)
+ # Cache followed user IDs to prevent N+1 in view mutual connection checks
+ @current_user_following_ids = current_user.followed_users.pluck(:id)
+ else
+ @is_following = false
+ @is_blocked = false
+ @current_user_following_ids = []
+ end
+ end
+
+ def load_user_collections
+ # Collections user maintains (only public ones visible on profile)
+ @maintained_collections = @user.page_collections.where(privacy: 'public').order(updated_at: :desc)
+
+ # Collections user is published in
+ @published_in_collections = @user.published_in_page_collections.limit(20)
+ end
+
+ def load_user_statistics
+ # Calculate user statistics
+ @total_public_pages = @content.values.map(&:count).sum
+ @total_words = calculate_total_word_count
+ @join_date = @user.created_at
+ @last_active = [@user.updated_at, @user.current_sign_in_at].compact.max
+
+ # Activity streak
+ @activity_streak = calculate_activity_streak
+ end
+
+ def calculate_total_word_count
+ total = 0
+ @content.each do |content_type, pages|
+ pages.each do |page|
+ total += page.cached_word_count if page.respond_to?(:cached_word_count) && page.cached_word_count
+ end
+ end
+ total
+ end
+
+ def calculate_activity_streak
+ # Calculate consecutive days of activity (only from content shares since edits are excluded)
+ activity_dates = @feed.map(&:created_at).map(&:to_date).uniq.sort.reverse
+
+ streak = 0
+ current_date = Date.current
+
+ activity_dates.each do |date|
+ if date == current_date
+ streak += 1
+ current_date -= 1.day
+ else
+ break
+ end
+ end
+
+ streak
+ end
+
+ def build_unified_activity_timeline
+ activities = []
+
+ # Add content shares
+ @feed.each do |share|
+ activities << {
+ type: 'share',
+ created_at: share.created_at,
+ data: share
+ }
+ end
+
+ # Add recent edits
+ @recent_edits.each do |edit|
+ activities << {
+ type: 'edit',
+ created_at: edit.created_at,
+ data: edit
+ }
+ end
+
+ # Add forum posts
+ @recent_forum_posts.each do |post|
+ activities << {
+ type: 'forum_post',
+ created_at: post.created_at,
+ data: post
+ }
+ end
+
+ # Sort by most recent first
+ activities.sort_by { |activity| activity[:created_at] }.reverse.first(20)
+ end
+
# Get most popular tags for a user's public content
def get_popular_public_tags_for_user(user, limit: 10)
# Find page tags attached to public content
diff --git a/app/controllers/writing_activity_controller.rb b/app/controllers/writing_activity_controller.rb
new file mode 100644
index 000000000..768ae1484
--- /dev/null
+++ b/app/controllers/writing_activity_controller.rb
@@ -0,0 +1,198 @@
+class WritingActivityController < ApplicationController
+ before_action :authenticate_user!
+ before_action :set_sidenav_expansion
+
+ def index
+ @page_title = "Writing Activity"
+ @period = params[:period].presence || '7d'
+ @period = '7d' unless %w[24h 7d 30d].include?(@period)
+ @date_range = calculate_date_range
+ @period_label = period_label
+ @period_days = @date_range.count
+
+ # Key metrics
+ @words_written = WordCountUpdate.words_written_in_range(current_user, @date_range)
+ @daily_word_counts = prepare_daily_chart_data
+ @active_days = @daily_word_counts.count { |_date, count| count > 0 }
+ @most_productive_day = find_most_productive_day
+ @current_streak = calculate_streak
+
+ # Chart data
+ @words_by_type = prepare_type_breakdown
+
+ # Activity log and top pages
+ @recent_updates = fetch_recent_updates
+ @top_growing_pages = fetch_top_growing_pages
+ end
+
+ private
+
+ def set_sidenav_expansion
+ @sidenav_expansion = 'writing'
+ end
+
+ def calculate_date_range
+ user_today = current_user.current_date_in_time_zone
+ case @period
+ when '24h'
+ user_today..user_today
+ when '30d'
+ (user_today - 29.days)..user_today
+ else # '7d'
+ (user_today - 6.days)..user_today
+ end
+ end
+
+ def period_label
+ case @period
+ when '24h' then 'today'
+ when '30d' then 'the last 30 days'
+ else 'the last 7 days'
+ end
+ end
+
+ def prepare_daily_chart_data
+ dates = @date_range.to_a
+ WordCountUpdate.words_written_on_dates(current_user, dates)
+ end
+
+ def find_most_productive_day
+ return nil if @daily_word_counts.empty?
+
+ max_entry = @daily_word_counts.max_by { |_date, count| count }
+ return nil if max_entry.nil? || max_entry[1] == 0
+
+ { date: max_entry[0], words: max_entry[1] }
+ end
+
+ def calculate_streak
+ user_today = current_user.current_date_in_time_zone
+ streak = 0
+ date = user_today
+
+ # Look back up to 365 days to find the streak
+ 365.times do
+ words = WordCountUpdate.words_written_on_date(current_user, date)
+ if words > 0
+ streak += 1
+ date -= 1.day
+ else
+ # If today has no words yet, check if yesterday started a streak
+ if date == user_today && streak == 0
+ date -= 1.day
+ next
+ end
+ break
+ end
+ end
+
+ streak
+ end
+
+ def prepare_type_breakdown
+ # Get word counts by entity type for the date range
+ # We need to calculate deltas, not totals
+ updates_in_range = current_user.word_count_updates
+ .where(for_date: @date_range)
+ .select(:entity_type, :entity_id, :word_count, :for_date)
+ .order(:entity_type, :entity_id, :for_date)
+
+ # Group by entity type
+ type_totals = Hash.new(0)
+
+ # For each entity, calculate the delta within the range
+ updates_in_range.group_by { |u| [u.entity_type, u.entity_id] }.each do |(_type, _id), records|
+ # Get the last record in range
+ last_record = records.max_by(&:for_date)
+
+ # Get the first record before the range for this entity
+ first_before_range = current_user.word_count_updates
+ .where(entity_type: last_record.entity_type, entity_id: last_record.entity_id)
+ .where('for_date < ?', @date_range.first)
+ .order(for_date: :desc)
+ .first
+
+ prev_count = first_before_range&.word_count || 0
+ delta = last_record.word_count - prev_count
+ type_totals[last_record.entity_type] += delta if delta > 0
+ end
+
+ type_totals
+ end
+
+ def fetch_recent_updates
+ # Get recent word count updates with their entities and calculate deltas
+ updates = current_user.word_count_updates
+ .where(for_date: @date_range)
+ .includes(:entity)
+ .order(for_date: :desc, updated_at: :desc)
+
+ # Calculate delta for each update by comparing to previous record
+ updates_with_deltas = []
+ updates.each do |update|
+ # Find the previous record for this entity
+ prev_record = current_user.word_count_updates
+ .where(entity_type: update.entity_type, entity_id: update.entity_id)
+ .where('for_date < ?', update.for_date)
+ .order(for_date: :desc)
+ .first
+
+ prev_count = prev_record&.word_count || 0
+ delta = update.word_count - prev_count
+
+ # Only include if there was actual change
+ next if delta == 0
+
+ updates_with_deltas << {
+ update: update,
+ entity: update.entity,
+ delta: delta,
+ for_date: update.for_date
+ }
+ end
+
+ updates_with_deltas.first(50)
+ end
+
+ def fetch_top_growing_pages
+ # Calculate which pages grew the most in the date range
+ updates_in_range = current_user.word_count_updates
+ .where(for_date: @date_range)
+ .select(:entity_type, :entity_id, :word_count, :for_date)
+
+ # Calculate delta for each entity
+ page_deltas = []
+
+ updates_in_range.group_by { |u| [u.entity_type, u.entity_id] }.each do |(entity_type, entity_id), records|
+ last_record = records.max_by(&:for_date)
+
+ # Get the record before the range
+ first_before_range = current_user.word_count_updates
+ .where(entity_type: entity_type, entity_id: entity_id)
+ .where('for_date < ?', @date_range.first)
+ .order(for_date: :desc)
+ .first
+
+ prev_count = first_before_range&.word_count || 0
+ delta = last_record.word_count - prev_count
+
+ next unless delta > 0
+
+ page_deltas << {
+ entity_type: entity_type,
+ entity_id: entity_id,
+ words_added: delta
+ }
+ end
+
+ # Sort by words added and take top 10
+ top_pages = page_deltas.sort_by { |p| -p[:words_added] }.first(10)
+
+ # Load the actual entities
+ top_pages.each do |page|
+ page[:entity] = page[:entity_type].constantize.find_by(id: page[:entity_id])
+ end
+
+ top_pages.reject { |p| p[:entity].nil? }
+ end
+end
diff --git a/app/controllers/writing_goals_controller.rb b/app/controllers/writing_goals_controller.rb
new file mode 100644
index 000000000..b7f9f42bd
--- /dev/null
+++ b/app/controllers/writing_goals_controller.rb
@@ -0,0 +1,133 @@
+class WritingGoalsController < ApplicationController
+ before_action :authenticate_user!
+ before_action :set_writing_goal, only: [:edit, :update, :destroy, :complete, :activate, :archive]
+ before_action :set_sidenav_expansion
+
+ def index
+ @page_title = "Writing Goals"
+ @active_goals = current_user.writing_goals.current.order(end_date: :asc)
+ @archived_goals_count = current_user.writing_goals.where('archived = ? OR completed_at IS NOT NULL', true).count
+
+ # Daily stats for header (always show, even without active goals)
+ # Uses User#daily_word_goal which defaults to 1,000 if no active goals
+ @max_daily_goal = current_user.daily_word_goal
+
+ # Words written today
+ @words_today = current_user.words_written_today
+
+ # Progress toward daily goal
+ @daily_progress_percentage = @max_daily_goal > 0 ? [(@words_today.to_f / @max_daily_goal * 100), 100.0].min : 0
+
+ # Words remaining today
+ @words_remaining_today = [@max_daily_goal - @words_today, 0].max
+
+ # Configurable time range for chart (use user's timezone)
+ user_today = current_user.current_date_in_time_zone
+ @chart_days = [7, 14, 30, 90].include?(params[:days].to_i) ? params[:days].to_i : 30
+ dates = ((user_today - (@chart_days - 1).days)..user_today).to_a
+ @daily_word_counts_30_days = WordCountUpdate.words_written_on_dates(current_user, dates)
+
+ # Summary statistics
+ @total_words_period = @daily_word_counts_30_days.values.sum
+ @days_goal_met = @daily_word_counts_30_days.count { |_, count| count >= @max_daily_goal }
+ @current_streak = calculate_writing_streak(@daily_word_counts_30_days, @max_daily_goal)
+ end
+
+ def history
+ @page_title = "Writing Goals History"
+
+ # Auto-complete any expired goals that weren't manually completed/archived
+ user_today = current_user.current_date_in_time_zone
+ current_user.writing_goals
+ .where(archived: false, completed_at: nil)
+ .where('end_date < ?', user_today)
+ .find_each { |goal| goal.update(completed_at: Time.current, active: false) }
+
+ @archived_goals = current_user.writing_goals
+ .where('archived = ? OR completed_at IS NOT NULL', true)
+ .order(end_date: :desc)
+ end
+
+ def new
+ @page_title = "New Writing Goal"
+ @writing_goal = current_user.writing_goals.build
+
+ # Use user's timezone for dates
+ user_today = current_user.current_date_in_time_zone
+
+ # Use query params if provided, otherwise use defaults
+ @writing_goal.title = params[:title] || "My Writing Goal"
+ @writing_goal.target_word_count = params[:target_word_count]&.to_i || 50000
+ @writing_goal.start_date = user_today
+
+ days = params[:days]&.to_i || 30
+ @writing_goal.end_date = user_today + days.days
+ end
+
+ def create
+ @writing_goal = current_user.writing_goals.build(writing_goal_params)
+
+ if @writing_goal.save
+ redirect_to writing_goals_path, notice: 'Writing goal created successfully!'
+ else
+ @page_title = "New Writing Goal"
+ render :new
+ end
+ end
+
+ def edit
+ @page_title = "Edit Writing Goal"
+ end
+
+ def update
+ if @writing_goal.update(writing_goal_params)
+ redirect_to writing_goals_path, notice: 'Writing goal updated successfully!'
+ else
+ @page_title = "Edit Writing Goal"
+ render :edit
+ end
+ end
+
+ def destroy
+ @writing_goal.destroy
+ redirect_to writing_goals_path, notice: 'Writing goal deleted.'
+ end
+
+ def complete
+ @writing_goal.update(active: false, completed_at: Time.current)
+ redirect_to writing_goals_path, notice: 'Goal marked as complete!'
+ end
+
+ def activate
+ @writing_goal.update(active: true, archived: false, completed_at: nil)
+ redirect_to writing_goals_path, notice: 'Goal activated!'
+ end
+
+ def archive
+ @writing_goal.archive!
+ redirect_to writing_goals_path, notice: 'Goal archived.'
+ end
+
+ private
+
+ def set_writing_goal
+ @writing_goal = current_user.writing_goals.find(params[:id])
+ end
+
+ def writing_goal_params
+ params.require(:writing_goal).permit(:title, :target_word_count, :start_date, :end_date)
+ end
+
+ def set_sidenav_expansion
+ @sidenav_expansion = 'writing'
+ end
+
+ def calculate_writing_streak(word_counts, goal)
+ streak = 0
+ word_counts.to_a.reverse.each do |_date, count|
+ break if count < goal
+ streak += 1
+ end
+ streak
+ end
+end
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index cd32a1c70..d04a70915 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -4,6 +4,9 @@ def content_class_from_name(class_name)
# If we pass in a class (e.g. Character instead of "Character") by mistake, just return it
return class_name if class_name.is_a?(Class)
+ # Extra whitelisting for some other classes we don't necessarily want in the content_types array
+ return Folder if class_name == Folder.name
+
Rails.application.config.content_types_by_name[class_name]
end
@@ -100,8 +103,8 @@ def combine_and_sort_gallery_images(regular_images, basil_images)
# @return [Hash] The best image to use as a preview (pinned if available)
def get_preview_image(regular_images, basil_images)
# First look for pinned images
- pinned_regular = regular_images.find { |img| img.respond_to?(:pinned?) && img.pinned? }
- pinned_basil = basil_images.find { |img| img.respond_to?(:pinned?) && img.pinned? }
+ pinned_regular = regular_images.find(&:pinned?)
+ pinned_basil = basil_images.find(&:pinned?)
# Use the first pinned image found (prioritize regular uploads if both exist)
if pinned_regular.present?
@@ -126,4 +129,17 @@ def get_preview_image(regular_images, basil_images)
# Return the first sorted image, or nil if none available
combined.first
end
+
+ def unread_inbox_count
+ return 0 unless user_signed_in?
+
+ @unread_inbox_count ||= begin
+ Thredded::PrivateTopic
+ .for_user(current_user)
+ .unread(current_user)
+ .count
+ rescue
+ 0
+ end
+ end
end
diff --git a/app/helpers/attributes_helper.rb b/app/helpers/attributes_helper.rb
index a659c4f9d..0d56852cd 100644
--- a/app/helpers/attributes_helper.rb
+++ b/app/helpers/attributes_helper.rb
@@ -1,4 +1,14 @@
module AttributesHelper
+ # Resolves linked content from the current user's content cache
+ # Returns the content object if found, nil otherwise (triggers JS lazy loading)
+ def resolve_link_content(klass, id)
+ return nil unless user_signed_in? && @current_user_content
+
+ @current_user_content.fetch(klass, []).detect do |page|
+ page.page_type == klass && page.id == id.to_i
+ end
+ end
+
#todo this might not actually be used anymore
def attribute_category_tab(content, category)
is_disabled = category.attribute_fields.any? do |field|
@@ -13,4 +23,21 @@ def attribute_category_tab(content, category)
# todo: revisit logic for is_disabled -- doesn't disable empty tabs
content_tag(:li, link, class: "tab #{'disabled' if false}")
end
+
+ # Helper method to resolve linkable content types for link fields
+ def get_linkable_content_types(linkable_types_array)
+ return [] if linkable_types_array.blank?
+
+ # Get all available content types
+ all_content_types = Rails.application.config.content_types[:all]
+
+ # Filter to only include the types that are linkable for this field
+ all_content_types.select do |content_type|
+ linkable_types_array.include?(content_type.name)
+ end.compact
+ rescue => e
+ # Graceful degradation if there are any issues resolving content types
+ Rails.logger.warn "Error resolving linkable content types: #{e.message}"
+ []
+ end
end
diff --git a/app/helpers/devise_helper.rb b/app/helpers/devise_helper.rb
index 3efb4c808..ca61f0d23 100644
--- a/app/helpers/devise_helper.rb
+++ b/app/helpers/devise_helper.rb
@@ -2,4 +2,16 @@ module DeviseHelper
def devise_error_messages!
resource.errors.full_messages.map { |msg| content_tag(:li, msg + '.') }.join.html_safe
end
+
+ def resource_name
+ :user
+ end
+
+ def resource
+ @resource ||= User.new
+ end
+
+ def devise_mapping
+ @devise_mapping ||= Devise.mappings[:user]
+ end
end
\ No newline at end of file
diff --git a/app/helpers/heroicons_helper.rb b/app/helpers/heroicons_helper.rb
new file mode 100644
index 000000000..e31a9eed9
--- /dev/null
+++ b/app/helpers/heroicons_helper.rb
@@ -0,0 +1,9 @@
+module HeroiconsHelper
+ def chevron_down
+ '''
+
+
+ '''.html_safe
+ end
+end
\ No newline at end of file
diff --git a/app/helpers/search_helper.rb b/app/helpers/search_helper.rb
new file mode 100644
index 000000000..0a06b130c
--- /dev/null
+++ b/app/helpers/search_helper.rb
@@ -0,0 +1,5 @@
+module SearchHelper
+ def search_params
+ params.permit(:q, :sort, :filter)
+ end
+end
\ No newline at end of file
diff --git a/app/helpers/styleguide_helper.rb b/app/helpers/styleguide_helper.rb
new file mode 100644
index 000000000..d64111f1d
--- /dev/null
+++ b/app/helpers/styleguide_helper.rb
@@ -0,0 +1,2 @@
+module StyleguideHelper
+end
diff --git a/app/javascript/application.css b/app/javascript/application.css
new file mode 100644
index 000000000..98fa65b84
--- /dev/null
+++ b/app/javascript/application.css
@@ -0,0 +1,3 @@
+@import "tailwindcss/base";
+@import "tailwindcss/utilities";
+@import "tailwindcss/components";
\ No newline at end of file
diff --git a/app/javascript/components/DocumentEntitiesSidebar.js b/app/javascript/components/DocumentEntitiesSidebar.js
index 700c944c7..e0094f5c7 100644
--- a/app/javascript/components/DocumentEntitiesSidebar.js
+++ b/app/javascript/components/DocumentEntitiesSidebar.js
@@ -1,5 +1,8 @@
/*
- Usage:
+ DEPRECATED: This component uses MaterializeCSS and appears to be unused.
+ All document views have been migrated to TailwindCSS.
+
+ Original Usage:
<%=
react_component("DocumentEntitiesSidebar", {
document_id: 3,
diff --git a/app/javascript/components/PageCollectionCreationForm.js b/app/javascript/components/PageCollectionCreationForm.js
deleted file mode 100644
index 8cf5ca87b..000000000
--- a/app/javascript/components/PageCollectionCreationForm.js
+++ /dev/null
@@ -1,180 +0,0 @@
-/*
- Usage:
- <%= react_component("PageCollectionCreationForm", {}) %>
-*/
-
-import React from "react"
-import PropTypes from "prop-types"
-
-import Stepper from '@material-ui/core/Stepper';
-import Step from '@material-ui/core/Step';
-import StepLabel from '@material-ui/core/StepLabel';
-import StepContent from '@material-ui/core/StepContent';
-import Button from '@material-ui/core/Button';
-import Paper from '@material-ui/core/Paper';
-import Typography from '@material-ui/core/Typography';
-
-class PageCollectionCreationForm extends React.Component {
-
- constructor(props) {
- super(props);
-
- this.state = {
- active_step: 0
- }
-
- this.handleNext = this.handleNext.bind(this);
- this.handleBack = this.handleBack.bind(this);
- this.handleReset = this.handleReset.bind(this);
- }
-
- handleNext() {
- this.setState({ active_step: this.state.active_step + 1 });
- };
-
- handleBack() {
- this.setState({ active_step: this.state.active_step - 1 });
- };
-
- handleReset() {
- this.setState({ active_step: 0 });
- };
-
- classIcon(class_name) {
- return window.ContentTypeData[class_name].icon;
- }
-
- classColor(class_name) {
- return window.ContentTypeData[class_name].color;
- }
-
- steps() {
- return ['Basic information', 'Acceptable pages', 'Privacy settings'];
- }
-
- getStepContent(step) {
- switch (step) {
- case 0:
- return(
-
-
- Let's get started with some basic information.
-
-
- Collection title
-
-
- Subtitle (optional)
-
-
- Description
-
-
-
Header image (optional)
-
-
- Supported file types: .png, .jpg, .jpeg, .gif
-
-
-
-
-
- Please check the types of pages you would like to allow in this collection. A small number of page types is recommended.
-
-
- {this.props.all_content_types.map(function(type) {
- return(
-
-
-
- language
- Universes
-
-
-
- );
- })}
-
-
-
-
- By default, all Collections are private. However, you can choose to make your Collection public at any time, and you can also choose to
- accept submissions from other users!
-
-
- );
-
- default:
- return 'Unknown step';
- }
- }
-
- render () {
- return (
-
-
- {this.steps().map((label, index) => (
-
- {label}
-
- {this.getStepContent(index)}
-
-
-
- Back
-
-
- {this.state.active_step === this.steps().length - 1 ? 'Finish' : 'Next'}
-
-
-
-
- ))}
-
- {this.state.active_step === this.steps().length && (
-
- All steps completed - you're finished!
-
- Reset
-
-
- )}
-
No suggestions available at the moment.
';
+ }
+ })
+ .catch(error => {
+ console.error('Error loading category suggestions:', error);
+ resultContainer.innerHTML = 'Failed to load suggestions. Please try again.
';
+ });
+
+ this.style.display = 'none';
+ });
+ });
+
+ // Field suggestions
+ document.querySelectorAll('.js-show-field-suggestions').forEach(button => {
+ button.addEventListener('click', function(e) {
+ e.preventDefault();
+ const contentType = document.querySelector('.attributes-editor').dataset.contentType;
+ const categoryContainer = this.closest('li') || this.closest('.category-card');
+ const categoryLabel = categoryContainer.querySelector('.category-label').textContent.trim();
+ const resultContainer = this.closest('div').querySelector('.suggest-fields-container');
+
+ // Show loading animation in the suggestions container
+ showSuggestionsLoadingAnimation(resultContainer);
+
+ fetch(`/plan/attribute_fields/suggest?content_type=${contentType}&category=${categoryLabel}`)
+ .then(response => response.json())
+ .then(data => {
+ const existingFields = Array.from(categoryContainer.querySelectorAll('.field-label')).map(el => el.textContent.trim());
+ const newFields = data.filter(f => !existingFields.includes(f));
+
+ if (newFields.length > 0) {
+ resultContainer.innerHTML = '';
+ newFields.forEach(field => {
+ const chip = document.createElement('span');
+ chip.className = 'field-suggestion-link px-3 py-1 bg-gray-100 text-sm text-gray-800 rounded-full hover:bg-gray-200 cursor-pointer';
+ chip.textContent = field;
+ chip.addEventListener('click', function() {
+ categoryContainer.querySelector('.js-field-input').value = field;
+ });
+ resultContainer.appendChild(chip);
+ });
+ } else {
+ resultContainer.innerHTML = 'No suggestions available at the moment.
';
+ }
+ })
+ .catch(error => {
+ console.error('Error loading field suggestions:', error);
+ resultContainer.innerHTML = 'Failed to load suggestions. Please try again.
';
+ });
+
+ this.style.display = 'none';
+ });
+ });
+});
+
+// Initialize sortable functionality using jQuery UI
+function initSortables() {
+ if (typeof $ === 'undefined' || !$.fn.sortable) {
+ console.error('jQuery UI Sortable not found');
+ return;
+ }
+
+ // Categories sorting
+ $('#categories-container').sortable({
+ items: '.category-card',
+ handle: '.category-drag-handle',
+ placeholder: 'category-placeholder',
+ cursor: 'move',
+ opacity: 0.8,
+ tolerance: 'pointer',
+ update: function(event, ui) {
+ const categoryId = ui.item.attr('data-category-id');
+ const newPosition = ui.item.index();
+
+ // AJAX request to update position using internal endpoint
+ $.ajax({
+ url: '/internal/sort/categories',
+ type: 'PATCH',
+ contentType: 'application/json',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
+ },
+ data: JSON.stringify({
+ content_id: categoryId,
+ intended_position: newPosition
+ }),
+ success: function(data) {
+ console.log('Category position updated successfully:', data);
+ if (data.message) {
+ showNotification(data.message, 'success');
+ }
+
+ // Update the position field in the category config form if it's open
+ updateCategoryConfigPosition(categoryId, data.category.position);
+ },
+ error: function(xhr, status, error) {
+ console.error('Error updating category position:', error);
+ showErrorMessage('Failed to reorder categories. Please try again.');
+ }
+ });
+ }
+ });
+
+ // Fields sorting for each category
+ $('.fields-container').sortable({
+ items: '.field-item',
+ handle: '.field-drag-handle',
+ placeholder: 'field-placeholder',
+ cursor: 'move',
+ opacity: 0.8,
+ tolerance: 'pointer',
+ connectWith: '.fields-container',
+ update: function(event, ui) {
+ const fieldId = ui.item.attr('data-field-id');
+ const newPosition = ui.item.index();
+ const categoryId = ui.item.closest('.fields-container').attr('data-category-id');
+
+ // AJAX request to update position using internal endpoint
+ $.ajax({
+ url: '/internal/sort/fields',
+ type: 'PATCH',
+ contentType: 'application/json',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
+ },
+ data: JSON.stringify({
+ content_id: fieldId,
+ intended_position: newPosition,
+ attribute_category_id: categoryId
+ }),
+ success: function(data) {
+ console.log('Field position updated successfully:', data);
+ if (data.message) {
+ showNotification(data.message, 'success');
+ }
+
+ // Update the position field in the field config form if it's open
+ updateFieldConfigPosition(fieldId, data.field.position);
+ },
+ error: function(xhr, status, error) {
+ console.error('Error updating field position:', error);
+ showErrorMessage('Failed to reorder fields. Please try again.');
+ }
+ });
+ }
+ });
+}
+
+// Notification system
+function showNotification(message, type = 'info') {
+ const bgColor = type === 'success' ? 'bg-green-500' : type === 'error' ? 'bg-red-500' : 'bg-blue-500';
+ const icon = type === 'success' ? 'check_circle' : type === 'error' ? 'error' : 'info';
+
+ const notification = $(`
+
+ ${icon}
+ ${message}
+
+ close
+
+
+ `);
+
+ $('body').append(notification);
+
+ // Auto-remove after 5 seconds
+ setTimeout(() => {
+ notification.fadeOut(300, function() {
+ $(this).remove();
+ });
+ }, 5000);
+}
+
+// Make showNotification globally available
+window.showNotification = showNotification;
+
+// Category visibility toggle function
+window.toggleCategoryVisibility = function(categoryId, isHidden) {
+ const categoryCard = document.querySelector(`[data-category-id="${categoryId}"]`);
+ const button = categoryCard.querySelector('.category-visibility-toggle');
+
+ fetch(`/plan/attribute_categories/${categoryId}`, {
+ method: 'PUT',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ },
+ body: JSON.stringify({
+ attribute_category: {
+ hidden: !isHidden
+ }
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success || data.message) {
+ // Update the UI manually instead of reloading
+ const newHiddenState = !isHidden;
+
+ // Update button data attribute and title
+ button.setAttribute('data-hidden', newHiddenState);
+ button.setAttribute('title', newHiddenState ? 'Hidden category - Click to show' : 'Visible category - Click to hide');
+
+ // Update the eye icon
+ const eyeIcon = button.querySelector('svg');
+ if (newHiddenState) {
+ // Show closed eye icon
+ eyeIcon.innerHTML = '— Hidden ';
+ }
+ } else {
+ statusText.innerHTML = statusText.innerHTML.replace('— Hidden ', '');
+ }
+
+ showNotification(data.message, 'success');
+ } else {
+ showNotification('Failed to update category visibility', 'error');
+ }
+ })
+ .catch(error => {
+ console.error('Error toggling category visibility:', error);
+ showNotification('Failed to update category visibility', 'error');
+ });
+};
+
+// Field visibility toggle function
+window.toggleFieldVisibility = function(fieldId, isHidden) {
+ const fieldItem = document.querySelector(`[data-field-id="${fieldId}"]`);
+ const button = fieldItem.querySelector('.field-visibility-toggle');
+
+ fetch(`/plan/attribute_fields/${fieldId}`, {
+ method: 'PUT',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ },
+ body: JSON.stringify({
+ attribute_field: {
+ hidden: !isHidden
+ }
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success || data.message) {
+ // Update the UI manually instead of reloading
+ const newHiddenState = !isHidden;
+
+ // Update button data attribute and title
+ button.setAttribute('data-hidden', newHiddenState);
+ button.setAttribute('title', newHiddenState ? 'Hidden field - Click to show' : 'Visible field - Click to hide');
+
+ // Update the eye icon
+ const eyeIcon = button.querySelector('svg');
+ if (newHiddenState) {
+ // Show closed eye icon
+ eyeIcon.innerHTML = '— Hidden ';
+ }
+ } else {
+ fieldInfo.innerHTML = fieldInfo.innerHTML.replace('— Hidden ', '');
+ }
+
+ showNotification(data.message, 'success');
+ } else {
+ showNotification('Failed to update field visibility', 'error');
+ }
+ })
+ .catch(error => {
+ console.error('Error toggling field visibility:', error);
+ showNotification('Failed to update field visibility', 'error');
+ });
+};
+
+// Category icon preview function
+window.updateCategoryIconPreview = function(categoryId, iconName) {
+ // Update the icon preview in the category header
+ const categoryCard = document.querySelector(`[data-category-id="${categoryId}"]`);
+ if (categoryCard) {
+ const iconElement = categoryCard.querySelector('.category-icon i');
+ if (iconElement) {
+ iconElement.textContent = iconName;
+ }
+ }
+
+ // Update the form to show the selected icon
+ const iconPreview = document.getElementById('selected-icon-preview');
+ if (iconPreview) {
+ iconPreview.textContent = iconName;
+ }
+};
+
+// Function to show error messages to users (legacy compatibility)
+function showErrorMessage(message) {
+ showNotification(message, 'error');
+}
+
+// Bind remote form handlers to dynamically loaded forms in a container
+function bindRemoteFormsInContainer(containerId) {
+ const container = document.getElementById(containerId);
+ if (!container) return;
+
+ // Find all forms with remote: true in the container
+ const remoteForms = container.querySelectorAll('form[data-remote="true"]');
+
+ remoteForms.forEach(form => {
+ // Remove any existing event listeners to prevent duplicates
+ form.removeEventListener('submit', handleRemoteFormSubmit);
+
+ // Add our custom submit handler
+ form.addEventListener('submit', handleRemoteFormSubmit);
+ });
+}
+
+// Handle remote form submission manually
+function handleRemoteFormSubmit(event) {
+ event.preventDefault(); // Prevent default form submission
+
+ const form = event.target;
+ const formData = new FormData(form);
+ const submitButton = form.querySelector('input[type="submit"], button[type="submit"]');
+ let originalText = '';
+
+ // Disable submit button to prevent double submission
+ if (submitButton) {
+ submitButton.disabled = true;
+ originalText = submitButton.value || submitButton.textContent;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = 'Saving...';
+ } else {
+ submitButton.textContent = 'Saving...';
+ }
+
+ // Restore button after 3 seconds as fallback
+ setTimeout(() => {
+ submitButton.disabled = false;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = originalText;
+ } else {
+ submitButton.textContent = originalText;
+ }
+ }, 3000);
+ }
+
+ // Convert FormData to JSON for Rails
+ const jsonData = {};
+ for (let [key, value] of formData.entries()) {
+ // Skip Rails form helper fields
+ if (key === 'utf8' || key === '_method' || key === 'authenticity_token') {
+ continue;
+ }
+
+ // Handle nested attributes properly - support multiple levels
+ if (key.includes('[') && key.includes(']')) {
+ // Parse nested field names like attribute_field[field_options][input_size]
+ const keyParts = key.split(/[\[\]]+/).filter(part => part !== '');
+
+ let current = jsonData;
+ for (let i = 0; i < keyParts.length - 1; i++) {
+ const part = keyParts[i];
+ if (!current[part]) {
+ current[part] = {};
+ }
+ current = current[part];
+ }
+
+ const finalKey = keyParts[keyParts.length - 1];
+
+ // Handle checkbox arrays (multiple values with same key)
+ if (current[finalKey] !== undefined) {
+ // If key already exists, convert to array or append to existing array
+ if (Array.isArray(current[finalKey])) {
+ if (value !== '') { // Skip empty values (Rails hidden field)
+ current[finalKey].push(value);
+ }
+ } else {
+ current[finalKey] = [current[finalKey], value].filter(v => v !== '');
+ }
+ } else {
+ // First occurrence of this key - if it's empty, might be a checkbox array with no selections
+ current[finalKey] = value === '' && key.includes('[]') ? [] : value;
+ }
+ } else {
+ jsonData[key] = value;
+ }
+ }
+
+ console.log('Converted form data:', jsonData);
+
+ // Get the actual HTTP method from Rails form
+ let httpMethod = form.method.toUpperCase();
+
+ // Check for Rails method override (for PUT/PATCH/DELETE)
+ const methodInput = form.querySelector('input[name="_method"]');
+ if (methodInput) {
+ httpMethod = methodInput.value.toUpperCase();
+ }
+
+ console.log('Submitting form with method:', httpMethod, 'to:', form.action);
+
+ // Submit form via fetch
+ fetch(form.action, {
+ method: httpMethod,
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ },
+ body: JSON.stringify(jsonData)
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ console.log('Form submitted successfully:', data);
+
+ // Re-enable submit button
+ if (submitButton) {
+ submitButton.disabled = false;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = originalText;
+ } else {
+ submitButton.textContent = originalText;
+ }
+ }
+
+ // Show success notification
+ if (data.message) {
+ showNotification(data.message, 'success');
+ }
+
+ // Handle category form updates
+ if (form.action.includes('/attribute_categories/')) {
+ handleCategoryFormSuccess(form, data);
+ }
+
+ // Handle field form updates
+ if (form.action.includes('/attribute_fields/')) {
+ handleFieldFormSuccess(form, data);
+ }
+ })
+ .catch(error => {
+ console.error('Form submission failed:', error);
+
+ // Re-enable submit button
+ if (submitButton) {
+ submitButton.disabled = false;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = originalText;
+ } else {
+ submitButton.textContent = originalText;
+ }
+ }
+
+ showNotification('Failed to save changes', 'error');
+ });
+}
+
+// Setup remote form handlers for dynamically loaded forms
+function setupRemoteFormHandlers() {
+ // Handle successful form submissions (backup for Rails UJS if it works)
+ document.addEventListener('ajax:success', function(event) {
+ const form = event.target;
+ if (!form.matches('form[data-remote="true"]')) return;
+
+ const response = event.detail[0];
+ console.log('Form submitted successfully via Rails UJS:', response);
+
+ // Show success notification
+ if (response.message) {
+ showNotification(response.message, 'success');
+ }
+
+ // Handle category form updates
+ if (form.action.includes('/attribute_categories/')) {
+ handleCategoryFormSuccess(form, response);
+ }
+
+ // Handle field form updates
+ if (form.action.includes('/attribute_fields/')) {
+ handleFieldFormSuccess(form, response);
+ }
+ });
+
+ // Handle form submission errors (backup for Rails UJS if it works)
+ document.addEventListener('ajax:error', function(event) {
+ const form = event.target;
+ if (!form.matches('form[data-remote="true"]')) return;
+
+ const response = event.detail[0];
+ console.error('Form submission failed via Rails UJS:', response);
+
+ let errorMessage = 'Failed to save changes';
+ if (response && response.error) {
+ errorMessage = response.error;
+ }
+
+ showNotification(errorMessage, 'error');
+ });
+}
+
+// Handle successful category form submission
+function handleCategoryFormSuccess(form, response) {
+ // Check if this is a new category creation (POST to /attribute_categories)
+ const isNewCategory = form.method.toUpperCase() === 'POST' && form.action.endsWith('/attribute_categories');
+
+ if (isNewCategory) {
+ // Handle new category creation
+ if (response.category) {
+ addNewCategoryToUI(response.category, response.rendered_html);
+
+ // Hide the add category form and reset it
+ const addCategoryForm = document.getElementById('add-category-form');
+ if (addCategoryForm) {
+ addCategoryForm.classList.add('hidden');
+ form.reset();
+ }
+ }
+ return;
+ }
+
+ // Handle existing category updates
+ const matches = form.action.match(/\/attribute_categories\/(\d+)/);
+ if (!matches) return;
+
+ const categoryId = matches[1];
+ const categoryCard = document.querySelector(`[data-category-id="${categoryId}"]`);
+ if (!categoryCard) return;
+
+ // Update category display if label changed
+ if (response.category && response.category.label) {
+ const labelElement = categoryCard.querySelector('.category-label');
+ if (labelElement) {
+ labelElement.textContent = response.category.label;
+ }
+ }
+
+ // Update category icon if changed
+ if (response.category && response.category.icon) {
+ const iconElement = categoryCard.querySelector('.category-icon i');
+ if (iconElement) {
+ iconElement.textContent = response.category.icon;
+ }
+ }
+
+ // Handle archive/visibility changes
+ if (response.category && typeof response.category.hidden !== 'undefined') {
+ const isArchived = response.category.hidden;
+ updateCategoryArchiveUI(categoryId, isArchived);
+ updateArchivedItemsCount();
+
+ // Auto-enable "Show archived items" when archiving from config panel
+ if (isArchived) {
+ const alpineElement = document.querySelector('[x-data*="showArchived"]');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+ if (alpine && !alpine.showArchived) {
+ alpine.showArchived = true;
+ toggleArchivedItems(true);
+ }
+ }
+ }
+
+ // Reload the configuration panel to show the updated archive state
+ reloadCategoryConfiguration(categoryId);
+
+ // Update General Settings counts when archive status changes
+ updateGeneralSettingsCounts();
+ }
+}
+
+// Reload category configuration panel to reflect updated state
+function reloadCategoryConfiguration(categoryId) {
+ // Only reload if this category's configuration is currently open
+ const alpineElement = document.querySelector('.attributes-editor');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+
+ if (alpine && alpine.selectedCategory == categoryId) {
+ console.log(`Reloading configuration for category ${categoryId}`);
+
+ // Show loading animation
+ showConfigLoadingAnimation('category-config-container');
+
+ // Reload category configuration via AJAX
+ fetch(`/plan/attribute_categories/${categoryId}/edit`)
+ .then(response => response.text())
+ .then(html => {
+ document.getElementById('category-config-container').innerHTML = html;
+ // Bind remote form handlers to newly loaded forms
+ bindRemoteFormsInContainer('category-config-container');
+ // Hide loading animation
+ hideConfigLoadingAnimation('category-config-container');
+ })
+ .catch(error => {
+ console.error('Error reloading category config:', error);
+ hideConfigLoadingAnimation('category-config-container');
+ showNotification('Failed to reload category configuration', 'error');
+ });
+ }
+ }
+}
+
+// Add new field to the UI using server-rendered HTML
+function addNewFieldToUI(field, renderedHtml, form) {
+ // Find the fields container for the category this field belongs to
+ const categoryId = field.attribute_category_id;
+ const fieldsContainer = document.querySelector(`.fields-container[data-category-id="${categoryId}"]`);
+
+ if (!fieldsContainer) {
+ console.error(`Fields container not found for category ${categoryId}`);
+ return;
+ }
+
+ // If we have rendered HTML from the server, use that
+ if (renderedHtml) {
+ // Add the new field to the fields container
+ fieldsContainer.insertAdjacentHTML('beforeend', renderedHtml);
+
+ // Update the category field count in the header
+ updateCategoryFieldCount(categoryId);
+
+ // Update General Settings counts
+ updateGeneralSettingsCounts();
+
+ console.log(`Added new field "${field.label}" to category ${categoryId} using server-rendered HTML`);
+ return;
+ }
+
+ // Fallback: If no rendered HTML provided, log error and skip
+ console.error('No rendered HTML provided for new field. Field not added to UI.');
+}
+
+// Update category field count in the header
+function updateCategoryFieldCount(categoryId) {
+ const categoryCard = document.querySelector(`[data-category-id="${categoryId}"]`);
+ if (!categoryCard) return;
+
+ const fieldsContainer = categoryCard.querySelector(`.fields-container[data-category-id="${categoryId}"]`);
+ if (!fieldsContainer) return;
+
+ // Count visible fields (excluding archived ones if they're hidden)
+ const fieldItems = fieldsContainer.querySelectorAll('.field-item');
+ const visibleFields = Array.from(fieldItems).filter(field =>
+ field.style.display !== 'none'
+ );
+
+ // Update the count in the category header
+ const fieldCountElement = categoryCard.querySelector('.category-label').parentElement.querySelector('p');
+ if (fieldCountElement) {
+ const count = visibleFields.length;
+ const fieldText = count === 1 ? 'field' : 'fields';
+
+ // Update just the count part, preserving any status text (like "— Archived")
+ const statusMatch = fieldCountElement.innerHTML.match(/]*>.*?<\/span>/);
+ const statusText = statusMatch ? statusMatch[0] : '';
+ fieldCountElement.innerHTML = `${count} ${fieldText}${statusText ? ' ' + statusText : ''}`;
+ }
+}
+
+// Add new category to the UI using server-rendered HTML
+function addNewCategoryToUI(category, renderedHtml) {
+ const categoriesContainer = document.getElementById('categories-container');
+ if (!categoriesContainer) return;
+
+ // If we have rendered HTML from the server, use that instead of generating our own
+ if (renderedHtml) {
+ // Find the "Add Category" card and insert the new category before it
+ const addCategoryCard = categoriesContainer.querySelector('.bg-white.rounded-lg.shadow-sm.border.border-dashed');
+ if (addCategoryCard) {
+ addCategoryCard.insertAdjacentHTML('beforebegin', renderedHtml);
+ } else {
+ // Fallback: add to the end of the container
+ categoriesContainer.insertAdjacentHTML('beforeend', renderedHtml);
+ }
+
+ console.log(`Added new category "${category.label}" to UI using server-rendered HTML`);
+ return;
+ }
+
+ // Fallback: If no rendered HTML provided, log error and skip
+ console.error('No rendered HTML provided for new category. Category not added to UI.');
+}
+
+// Handle new field form submission manually
+window.submitFieldForm = function(event) {
+ const form = event.target;
+ const submitButton = form.querySelector('input[type="submit"], button[type="submit"]');
+
+ // Disable submit button and show loading state
+ let originalText = '';
+ if (submitButton) {
+ submitButton.disabled = true;
+ originalText = submitButton.value || submitButton.textContent;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = 'Creating...';
+ } else {
+ submitButton.textContent = 'Creating...';
+ }
+ }
+
+ // Convert form data to JSON
+ const formData = new FormData(form);
+ const jsonData = {};
+
+ for (let [key, value] of formData.entries()) {
+ // Skip Rails form helper fields
+ if (key === 'utf8' || key === '_method' || key === 'authenticity_token') {
+ continue;
+ }
+
+ // Handle nested attributes properly
+ if (key.includes('[') && key.includes(']')) {
+ const keyParts = key.split(/[\[\]]+/).filter(part => part !== '');
+ let current = jsonData;
+ for (let i = 0; i < keyParts.length - 1; i++) {
+ const part = keyParts[i];
+ if (!current[part]) {
+ current[part] = {};
+ }
+ current = current[part];
+ }
+ const finalKey = keyParts[keyParts.length - 1];
+
+ // Handle checkbox arrays (multiple values with same key)
+ if (current[finalKey] !== undefined) {
+ // If key already exists, convert to array or append to existing array
+ if (Array.isArray(current[finalKey])) {
+ if (value !== '') { // Skip empty values (Rails hidden field)
+ current[finalKey].push(value);
+ }
+ } else {
+ current[finalKey] = [current[finalKey], value].filter(v => v !== '');
+ }
+ } else {
+ // First occurrence of this key - if it's empty, might be a checkbox array with no selections
+ current[finalKey] = value === '' && key.includes('[]') ? [] : value;
+ }
+ } else {
+ jsonData[key] = value;
+ }
+ }
+
+ console.log('Submitting new field form:', jsonData);
+
+ // Submit form via fetch
+ fetch(form.action, {
+ method: 'POST',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ },
+ body: JSON.stringify(jsonData)
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ console.log('Field created successfully:', data);
+
+ // Handle success
+ if (data.field && data.html) {
+ addNewFieldToUI(data.field, data.html, form);
+
+ // Update General Settings counts
+ updateGeneralSettingsCounts();
+
+ // Reset the form and close the add field section
+ form.reset();
+ const addingFieldSection = form.closest('[x-data*="addingField"]');
+ if (addingFieldSection) {
+ // Use Alpine.js to close the form
+ const alpineData = Alpine.$data(addingFieldSection);
+ if (alpineData) {
+ alpineData.addingField = false;
+ }
+ }
+
+ // Show success notification
+ if (data.message) {
+ showNotification(data.message, 'success');
+ } else {
+ showNotification(`Field "${data.field.label}" created successfully`, 'success');
+ }
+ }
+ })
+ .catch(error => {
+ console.error('Failed to create field:', error);
+ showNotification('Failed to create field', 'error');
+ })
+ .finally(() => {
+ // Re-enable submit button
+ if (submitButton) {
+ submitButton.disabled = false;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = originalText;
+ } else {
+ submitButton.textContent = originalText;
+ }
+ }
+ });
+};
+
+// Handle new category form submission manually
+window.submitCategoryForm = function(event) {
+ const form = event.target;
+ const submitButton = form.querySelector('input[type="submit"], button[type="submit"]');
+
+ // Disable submit button and show loading state
+ let originalText = '';
+ if (submitButton) {
+ submitButton.disabled = true;
+ originalText = submitButton.value || submitButton.textContent;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = 'Creating...';
+ } else {
+ submitButton.textContent = 'Creating...';
+ }
+ }
+
+ // Convert form data to JSON
+ const formData = new FormData(form);
+ const jsonData = {};
+
+ for (let [key, value] of formData.entries()) {
+ // Skip Rails form helper fields
+ if (key === 'utf8' || key === '_method' || key === 'authenticity_token') {
+ continue;
+ }
+
+ // Handle nested attributes properly
+ if (key.includes('[') && key.includes(']')) {
+ const keyParts = key.split(/[\[\]]+/).filter(part => part !== '');
+ let current = jsonData;
+ for (let i = 0; i < keyParts.length - 1; i++) {
+ const part = keyParts[i];
+ if (!current[part]) {
+ current[part] = {};
+ }
+ current = current[part];
+ }
+ const finalKey = keyParts[keyParts.length - 1];
+
+ // Handle checkbox arrays (multiple values with same key)
+ if (current[finalKey] !== undefined) {
+ // If key already exists, convert to array or append to existing array
+ if (Array.isArray(current[finalKey])) {
+ if (value !== '') { // Skip empty values (Rails hidden field)
+ current[finalKey].push(value);
+ }
+ } else {
+ current[finalKey] = [current[finalKey], value].filter(v => v !== '');
+ }
+ } else {
+ // First occurrence of this key - if it's empty, might be a checkbox array with no selections
+ current[finalKey] = value === '' && key.includes('[]') ? [] : value;
+ }
+ } else {
+ jsonData[key] = value;
+ }
+ }
+
+ console.log('Submitting new category form:', jsonData);
+
+ // Submit form via fetch
+ fetch(form.action, {
+ method: 'POST',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ },
+ body: JSON.stringify(jsonData)
+ })
+ .then(response => {
+ if (!response.ok) {
+ throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+ }
+ return response.json();
+ })
+ .then(data => {
+ console.log('Category created successfully:', data);
+
+ // Handle success
+ if (data.category) {
+ addNewCategoryToUI(data.category, data.rendered_html);
+
+ // Update General Settings counts
+ updateGeneralSettingsCounts();
+
+ // Hide the form and reset it
+ document.getElementById('add-category-form').classList.add('hidden');
+ form.reset();
+
+ // Show success notification
+ if (data.message) {
+ showNotification(data.message, 'success');
+ } else {
+ showNotification(`Category "${data.category.label}" created successfully`, 'success');
+ }
+ }
+ })
+ .catch(error => {
+ console.error('Failed to create category:', error);
+ showNotification('Failed to create category', 'error');
+ })
+ .finally(() => {
+ // Re-enable submit button
+ if (submitButton) {
+ submitButton.disabled = false;
+ if (submitButton.tagName === 'INPUT') {
+ submitButton.value = originalText;
+ } else {
+ submitButton.textContent = originalText;
+ }
+ }
+ });
+};
+
+// Handle successful field form submission
+function handleFieldFormSuccess(form, response) {
+ // Check if this is a new field creation (POST to /attribute_fields)
+ const isNewField = form.method.toUpperCase() === 'POST' && form.action.endsWith('/attribute_fields');
+
+ if (isNewField) {
+ // Handle new field creation
+ if (response.field && response.html) {
+ addNewFieldToUI(response.field, response.html, form);
+
+ // Update General Settings counts for new field
+ updateGeneralSettingsCounts();
+
+ // Reset the form and close the add field section
+ form.reset();
+ const addingFieldSection = form.closest('[x-data*="addingField"]');
+ if (addingFieldSection) {
+ // Use Alpine.js to close the form
+ const alpineData = Alpine.$data(addingFieldSection);
+ if (alpineData) {
+ alpineData.addingField = false;
+ }
+ }
+ }
+ return;
+ }
+
+ // Handle existing field updates
+ const matches = form.action.match(/\/attribute_fields\/(\d+)/);
+ if (!matches) return;
+
+ const fieldId = matches[1];
+ const fieldItem = document.querySelector(`[data-field-id="${fieldId}"]`);
+ if (!fieldItem) return;
+
+ // For field updates, reload the field item with fresh server-rendered HTML
+ // This ensures all changes (label, linkable_types, visibility, etc.) are reflected
+ if (response.field && response.html) {
+ // Replace the existing field item with the updated one
+ fieldItem.outerHTML = response.html;
+ console.log(`Updated field "${response.field.label}" UI with server-rendered HTML`);
+ return;
+ }
+
+ // Fallback: Manual updates if no HTML provided (legacy support)
+ // Update field display if label changed
+ if (response.field && response.field.label) {
+ const labelElement = fieldItem.querySelector('.field-label');
+ if (labelElement) {
+ labelElement.textContent = response.field.label;
+ }
+ }
+
+ // Handle visibility changes
+ if (response.field && typeof response.field.hidden !== 'undefined') {
+ const isHidden = response.field.hidden;
+ updateFieldVisibilityUI(fieldId, isHidden);
+ }
+}
+
+// Update category visibility UI elements
+function updateCategoryVisibilityUI(categoryId, isHidden) {
+ const categoryCard = document.querySelector(`[data-category-id="${categoryId}"]`);
+ if (!categoryCard) return;
+
+ // Update visibility toggle button
+ const button = categoryCard.querySelector('.category-visibility-toggle');
+ if (button) {
+ button.setAttribute('data-hidden', isHidden);
+ button.setAttribute('title', isHidden ? 'Hidden category - Click to show' : 'Visible category - Click to hide');
+
+ const eyeIcon = button.querySelector('svg');
+ if (eyeIcon) {
+ if (isHidden) {
+ eyeIcon.innerHTML = '— Hidden ';
+ }
+ } else {
+ statusText.innerHTML = statusText.innerHTML.replace('— Hidden ', '');
+ }
+ }
+}
+
+// Update field visibility UI elements
+function updateFieldVisibilityUI(fieldId, isHidden) {
+ const fieldItem = document.querySelector(`[data-field-id="${fieldId}"]`);
+ if (!fieldItem) return;
+
+ // Update visibility toggle button
+ const button = fieldItem.querySelector('.field-visibility-toggle');
+ if (button) {
+ button.setAttribute('data-hidden', isHidden);
+ button.setAttribute('title', isHidden ? 'Hidden field - Click to show' : 'Visible field - Click to hide');
+
+ const eyeIcon = button.querySelector('svg');
+ if (eyeIcon) {
+ if (isHidden) {
+ eyeIcon.innerHTML = '— Hidden ';
+ }
+ } else {
+ fieldInfo.innerHTML = fieldInfo.innerHTML.replace('— Hidden ', '');
+ }
+ }
+}
+
+// Update category configuration form position field after drag and drop
+function updateCategoryConfigPosition(categoryId, newPosition) {
+ // Check if the category config form is currently open
+ const alpineElement = document.querySelector('.attributes-editor');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+
+ // Only update if this category's config form is currently open
+ if (alpine.selectedCategory == categoryId) {
+ const categoryConfigContainer = document.getElementById('category-config-container');
+ if (categoryConfigContainer) {
+ const positionInput = categoryConfigContainer.querySelector('input[name="attribute_category[position]"]');
+ if (positionInput) {
+ console.log(`Updating category ${categoryId} position input from ${positionInput.value} to ${newPosition}`);
+ positionInput.value = newPosition;
+ }
+ }
+ }
+ }
+}
+
+// Update field configuration form position field after drag and drop
+function updateFieldConfigPosition(fieldId, newPosition) {
+ // Check if the field config form is currently open
+ const alpineElement = document.querySelector('.attributes-editor');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+
+ // Only update if this field's config form is currently open
+ if (alpine.selectedField == fieldId) {
+ const fieldConfigContainer = document.getElementById('field-config-container');
+ if (fieldConfigContainer) {
+ const positionInput = fieldConfigContainer.querySelector('input[name="attribute_field[position]"]');
+ if (positionInput) {
+ console.log(`Updating field ${fieldId} position input from ${positionInput.value} to ${newPosition}`);
+ positionInput.value = newPosition;
+ }
+ }
+ }
+ }
+}
+
+// Show loading animation for configuration panels
+function showConfigLoadingAnimation(containerId) {
+ const container = document.getElementById(containerId);
+ if (!container) return;
+
+ // Create loading bar element
+ const loadingBar = document.createElement('div');
+ loadingBar.className = 'config-loading-bar';
+ loadingBar.innerHTML = `
+
+
+ `;
+
+ // Add loading styles
+ const style = document.createElement('style');
+ style.textContent = `
+ .config-loading-bar {
+ position: relative;
+ padding: 1rem;
+ }
+
+ .loading-bar-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 3px;
+ background-color: #f3f4f6;
+ overflow: hidden;
+ }
+
+ .loading-bar-progress {
+ height: 100%;
+ background: linear-gradient(90deg, var(--content-type-color, #6366f1) 0%, rgba(99, 102, 241, 0.6) 50%, var(--content-type-color, #6366f1) 100%);
+ background-size: 200% 100%;
+ animation: loading-slide 1.5s ease-in-out infinite;
+ }
+
+ @keyframes loading-slide {
+ 0% {
+ transform: translateX(-100%);
+ }
+ 100% {
+ transform: translateX(100%);
+ }
+ }
+
+ .loading-content {
+ margin-top: 1rem;
+ }
+ `;
+
+ // Add styles to head if not already present
+ if (!document.querySelector('.config-loading-styles')) {
+ style.classList.add('config-loading-styles');
+ document.head.appendChild(style);
+ }
+
+ // Replace container content with loading animation
+ container.innerHTML = '';
+ container.appendChild(loadingBar);
+}
+
+// Hide loading animation for configuration panels
+function hideConfigLoadingAnimation(containerId) {
+ // The loading animation will be replaced when the actual content loads
+ // This function is called after the content is set, so it's mainly for cleanup
+ // and error handling scenarios
+
+ // Remove any loading-specific styles or elements if needed
+ const container = document.getElementById(containerId);
+ if (container) {
+ const loadingBar = container.querySelector('.config-loading-bar');
+ if (loadingBar) {
+ loadingBar.remove();
+ }
+ }
+}
+
+// Show loading animation for suggestions containers
+function showSuggestionsLoadingAnimation(container) {
+ if (!container) return;
+
+ // Create compact loading indicator for suggestions
+ const loadingIndicator = document.createElement('div');
+ loadingIndicator.className = 'suggestions-loading-indicator';
+ loadingIndicator.innerHTML = `
+
+
+
+
Loading suggestions...
+
';
+ button.disabled = true;
+
+ fetch(`/plan/attribute_fields/${fieldId}`, {
+ method: 'PUT',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ },
+ body: JSON.stringify({
+ attribute_field: {
+ hidden: !isArchived
+ }
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success || data.message) {
+ const newArchivedState = !isArchived;
+ updateFieldArchiveUI(fieldId, newArchivedState);
+ updateArchivedItemsCount();
+ updateGeneralSettingsCounts();
+
+ // Auto-enable "Show archived items" when archiving
+ if (newArchivedState) {
+ const alpineElement = document.querySelector('[x-data*="showArchived"]');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+ if (alpine && !alpine.showArchived) {
+ alpine.showArchived = true;
+ toggleArchivedItems(true);
+ }
+ }
+ }
+
+ const action = newArchivedState ? 'archived' : 'restored';
+ showNotification(`Field ${action} successfully`, 'success');
+ } else {
+ // Restore original state on error
+ button.innerHTML = originalIcon;
+ button.disabled = false;
+ showNotification('Failed to update field archive status', 'error');
+ }
+ })
+ .catch(error => {
+ console.error('Error toggling field archive:', error);
+ // Restore original state on error
+ button.innerHTML = originalIcon;
+ button.disabled = false;
+ showNotification('Failed to update field archive status', 'error');
+ });
+};
+
+// Archive/restore functionality for categories
+window.toggleCategoryArchive = function(categoryId, isArchived) {
+ const categoryCard = document.querySelector(`[data-category-id="${categoryId}"]`);
+ const button = categoryCard.querySelector('.category-archive-toggle');
+
+ // Show loading state
+ const originalIcon = button.innerHTML;
+ button.innerHTML = '
';
+ button.disabled = true;
+
+ fetch(`/plan/attribute_categories/${categoryId}`, {
+ method: 'PUT',
+ headers: {
+ 'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
+ 'Content-Type': 'application/json',
+ 'Accept': 'application/json'
+ },
+ body: JSON.stringify({
+ attribute_category: {
+ hidden: !isArchived
+ }
+ })
+ })
+ .then(response => response.json())
+ .then(data => {
+ if (data.success || data.message) {
+ const newArchivedState = !isArchived;
+
+ // If archiving a category, close its configuration panel if it's currently open
+ if (newArchivedState) {
+ const alpineElement = document.querySelector('.attributes-editor');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+ if (alpine && alpine.selectedCategory == categoryId) {
+ // Deselect the category and close configuration panel
+ alpine.selectedCategory = null;
+ alpine.configuring = false;
+ console.log(`Closed configuration panel for archived category ${categoryId}`);
+ }
+ }
+ }
+
+ updateCategoryArchiveUI(categoryId, newArchivedState);
+ updateArchivedItemsCount();
+ updateGeneralSettingsCounts();
+
+ // Auto-enable "Show archived items" when archiving
+ if (newArchivedState) {
+ const alpineElement = document.querySelector('[x-data*="showArchived"]');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+ if (alpine && !alpine.showArchived) {
+ alpine.showArchived = true;
+ toggleArchivedItems(true);
+ }
+ }
+ }
+
+ const action = newArchivedState ? 'archived' : 'restored';
+ showNotification(`Category ${action} successfully`, 'success');
+ } else {
+ // Restore original state on error
+ button.innerHTML = originalIcon;
+ button.disabled = false;
+ showNotification('Failed to update category archive status', 'error');
+ }
+ })
+ .catch(error => {
+ console.error('Error toggling category archive:', error);
+ // Restore original state on error
+ button.innerHTML = originalIcon;
+ button.disabled = false;
+ showNotification('Failed to update category archive status', 'error');
+ });
+};
+
+// Toggle show/hide archived items (categories and fields)
+window.toggleArchivedItems = function(show) {
+ const archivedFields = document.querySelectorAll('.field-item[data-archived="true"]');
+ const archivedCategories = document.querySelectorAll('.category-card[data-archived="true"]');
+
+ archivedFields.forEach(field => {
+ if (show) {
+ field.style.display = '';
+ field.classList.add('archived-field');
+ } else {
+ field.style.display = 'none';
+ field.classList.remove('archived-field');
+ }
+ });
+
+ archivedCategories.forEach(category => {
+ if (show) {
+ category.style.display = '';
+ category.classList.add('archived-category');
+ } else {
+ category.style.display = 'none';
+ category.classList.remove('archived-category');
+ }
+ });
+
+ // Show first-time user tip if showing archived items for the first time
+ if (show && !localStorage.getItem('seen_archive_tip')) {
+ showArchiveTip();
+ localStorage.setItem('seen_archive_tip', 'true');
+ }
+};
+
+// Update field archive UI elements
+function updateFieldArchiveUI(fieldId, isArchived) {
+ const fieldItem = document.querySelector(`[data-field-id="${fieldId}"]`);
+ if (!fieldItem) return;
+
+ // Update data attribute
+ fieldItem.setAttribute('data-archived', isArchived);
+
+ // Update archive toggle button
+ const button = fieldItem.querySelector('.field-archive-toggle');
+ if (button) {
+ button.setAttribute('data-archived', isArchived);
+ button.setAttribute('title', isArchived ? 'Archived field - Click to restore' : 'Active field - Click to archive');
+ button.disabled = false; // Re-enable button after successful update
+
+ // Update button content with correct icon
+ if (isArchived) {
+ button.innerHTML = 'unarchive ';
+ } else {
+ button.innerHTML = 'archive ';
+ }
+ }
+
+ // Update field item styling
+ if (isArchived) {
+ fieldItem.classList.add('bg-gray-100', 'border-gray-300', 'opacity-60', 'archived-field');
+ fieldItem.classList.remove('bg-white');
+ fieldItem.querySelector('.field-label').classList.add('text-gray-500');
+ fieldItem.querySelector('.field-label').classList.remove('text-gray-800');
+
+ // Add archive icon to label if not present
+ const label = fieldItem.querySelector('.field-label');
+ if (!label.querySelector('.material-icons')) {
+ label.innerHTML += 'archive ';
+ }
+ } else {
+ fieldItem.classList.remove('bg-gray-100', 'border-gray-300', 'opacity-60', 'archived-field');
+ fieldItem.classList.add('bg-white');
+ fieldItem.querySelector('.field-label').classList.remove('text-gray-500');
+ fieldItem.querySelector('.field-label').classList.add('text-gray-800');
+
+ // Remove archive icon from label
+ const archiveIcon = fieldItem.querySelector('.field-label .material-icons');
+ if (archiveIcon) {
+ archiveIcon.remove();
+ }
+ }
+
+ // Update archive status text
+ const fieldInfo = fieldItem.querySelector('.text-xs.text-gray-500');
+ if (fieldInfo) {
+ // Remove existing status spans
+ fieldInfo.querySelectorAll('span').forEach(span => {
+ if (span.textContent.includes('Hidden') || span.textContent.includes('Archived')) {
+ span.remove();
+ }
+ });
+
+ // Add archived status if needed
+ if (isArchived) {
+ const archivedSpan = document.createElement('span');
+ archivedSpan.className = 'ml-1.5 text-amber-600';
+ archivedSpan.textContent = '— Archived';
+ fieldInfo.appendChild(archivedSpan);
+ }
+ }
+
+ // Hide archived field if show archived is off
+ const showArchivedToggle = document.querySelector('input[x-model="showArchived"]');
+ if (showArchivedToggle && !showArchivedToggle.checked && isArchived) {
+ fieldItem.style.display = 'none';
+ } else if (!isArchived) {
+ fieldItem.style.display = '';
+ }
+}
+
+// Update category archive UI elements
+function updateCategoryArchiveUI(categoryId, isArchived) {
+ const categoryCard = document.querySelector(`[data-category-id="${categoryId}"]`);
+ if (!categoryCard) return;
+
+ // Update data attribute
+ categoryCard.setAttribute('data-archived', isArchived);
+
+ // Update archive button data attribute and title
+ const archiveButton = categoryCard.querySelector('.category-archive-toggle');
+ if (archiveButton) {
+ archiveButton.setAttribute('data-archived', isArchived);
+ archiveButton.setAttribute('title', isArchived ? 'Archived category - Click to restore' : 'Active category - Click to archive');
+ archiveButton.disabled = false; // Re-enable button after successful update
+
+ // Update the button icon
+ if (isArchived) {
+ archiveButton.innerHTML = 'unarchive ';
+ } else {
+ archiveButton.innerHTML = 'archive ';
+ }
+ }
+
+ // Update category styling and archive icon
+ if (isArchived) {
+ categoryCard.classList.add('border-gray-300', 'opacity-60', 'archived-category');
+ categoryCard.style.borderColor = '';
+ categoryCard.querySelector('.category-header').style.backgroundColor = '#f3f4f6';
+ categoryCard.querySelector('.category-icon i').classList.add('text-gray-400');
+ categoryCard.querySelector('.category-icon i').style.color = '';
+
+ // Add archive icon to label if not present
+ const label = categoryCard.querySelector('.category-label');
+ if (!label.querySelector('.material-icons')) {
+ label.innerHTML += 'archive ';
+ }
+ } else {
+ categoryCard.classList.remove('border-gray-300', 'opacity-60', 'archived-category');
+ const contentTypeColor = getComputedStyle(document.documentElement).getPropertyValue('--content-type-color') || '#6366f1';
+ categoryCard.style.borderColor = contentTypeColor;
+ categoryCard.querySelector('.category-header').style.backgroundColor = contentTypeColor + '20';
+ categoryCard.querySelector('.category-icon i').classList.remove('text-gray-400');
+ categoryCard.querySelector('.category-icon i').style.color = contentTypeColor;
+
+ // Remove archive icon from label
+ const archiveIcon = categoryCard.querySelector('.category-label .material-icons');
+ if (archiveIcon) {
+ archiveIcon.remove();
+ }
+ }
+
+ // Update archived status in category details
+ const statusText = categoryCard.querySelector('.category-label').parentElement.querySelector('p');
+ if (statusText) {
+ // Remove existing status spans
+ statusText.querySelectorAll('span').forEach(span => {
+ if (span.textContent.includes('Hidden') || span.textContent.includes('Archived')) {
+ span.remove();
+ }
+ });
+
+ // Add archived status if needed
+ if (isArchived) {
+ const archivedSpan = document.createElement('span');
+ archivedSpan.className = 'text-amber-600 ml-2';
+ archivedSpan.textContent = '— Archived';
+ statusText.appendChild(archivedSpan);
+ }
+ }
+
+ // Hide archived category if show archived is off
+ const showArchivedToggle = document.querySelector('input[x-model="showArchived"]');
+ if (showArchivedToggle && !showArchivedToggle.checked && isArchived) {
+ categoryCard.style.display = 'none';
+ } else if (!isArchived) {
+ categoryCard.style.display = '';
+ }
+}
+
+// Update archived items count in the settings panel
+function updateArchivedItemsCount() {
+ const archivedFields = document.querySelectorAll('.field-item[data-archived="true"]');
+ const archivedCategories = document.querySelectorAll('.category-card[data-archived="true"]');
+ const totalArchived = archivedFields.length + archivedCategories.length;
+
+ // Update Alpine.js data for count display
+ const alpineElement = document.querySelector('[x-data*="showArchived"]');
+ if (alpineElement && alpineElement._x_dataStack) {
+ const alpine = alpineElement._x_dataStack[0];
+ if (alpine && typeof alpine.archivedItemsCount !== 'undefined') {
+ alpine.archivedItemsCount = totalArchived;
+ }
+ }
+}
+
+// Update General Settings counts for categories and fields
+function updateGeneralSettingsCounts() {
+ // Count total categories (including archived ones)
+ const totalCategories = document.querySelectorAll('.category-card').length;
+
+ // Count total fields across all categories (including archived ones)
+ const totalFields = document.querySelectorAll('.field-item').length;
+
+ // Update the categories count in General Settings
+ const categoriesCountElement = document.querySelector('.general-settings-categories-count');
+ if (categoriesCountElement) {
+ categoriesCountElement.textContent = totalCategories;
+ }
+
+ // Update the total fields count in General Settings
+ const fieldsCountElement = document.querySelector('.general-settings-fields-count');
+ if (fieldsCountElement) {
+ fieldsCountElement.textContent = totalFields;
+ }
+
+ console.log(`Updated General Settings counts: ${totalCategories} categories, ${totalFields} fields`);
+}
+
+// Make functions globally available
+window.updateArchivedItemsCount = updateArchivedItemsCount;
+window.updateGeneralSettingsCounts = updateGeneralSettingsCounts;
+// Legacy function name for backwards compatibility
+window.updateArchivedFieldsCount = updateArchivedItemsCount;
+
+// Select All / Select None functions for link field configuration
+window.selectAllLinkableTypes = function() {
+ const checkboxes = document.querySelectorAll('input[name="attribute_field[field_options][linkable_types][]"]:not([value=""])');
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = true;
+ });
+};
+
+window.selectNoneLinkableTypes = function() {
+ const checkboxes = document.querySelectorAll('input[name="attribute_field[field_options][linkable_types][]"]:not([value=""])');
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = false;
+ });
+};
+
+// Show first-time archive tip
+function showArchiveTip() {
+ const tip = document.createElement('div');
+ tip.className = 'archive-tip-popup fixed bottom-4 right-4 bg-blue-600 text-white p-4 rounded-lg shadow-lg max-w-sm z-50';
+ tip.innerHTML = `
+
+
lightbulb_outline
+
+
Archive System
+
+ Archived categories and fields are greyed out to show where they would restore to while keeping them out of your active workspace.
+
+
+ Got it!
+
+
+
${element.value.length} /${maxLength}`;
+ element.parentNode.appendChild(counter);
+
+ element.addEventListener('input', function() {
+ const currentLength = this.value.length;
+ const counterElement = this.parentNode.querySelector('.current-length');
+ counterElement.textContent = currentLength;
+
+ if (currentLength > maxLength) {
+ counterElement.classList.add('text-red-500');
+ } else {
+ counterElement.classList.remove('text-red-500');
+ }
+ });
+ });
+}
+
+// Validate username
+function validateUsername(field) {
+ const username = field.value;
+ const feedbackElement = field.parentNode.querySelector('.validation-feedback') || createFeedbackElement(field);
+
+ // Clear previous validation classes
+ field.classList.remove('border-red-300', 'border-green-300', 'focus:border-red-300', 'focus:border-green-300');
+
+ if (!feedbackElement) return; // Exit if no feedback container available
+
+ if (username.length === 0) {
+ feedbackElement.textContent = '';
+ feedbackElement.className = 'validation-feedback h-5 text-xs mt-1';
+ return;
+ }
+
+ // Simple validation - can be expanded
+ const validUsernameRegex = /^[a-zA-Z0-9_\-$+!*]{1,40}$/;
+
+ if (validUsernameRegex.test(username)) {
+ field.classList.add('border-green-300', 'focus:border-green-300');
+ feedbackElement.textContent = 'Username is valid';
+ feedbackElement.className = 'validation-feedback h-5 text-xs text-green-600 mt-1';
+ } else {
+ field.classList.add('border-red-300', 'focus:border-red-300');
+ feedbackElement.textContent = 'Username can only contain letters, numbers, and - _ $ + ! *';
+ feedbackElement.className = 'validation-feedback h-5 text-xs text-red-600 mt-1';
+ }
+}
+
+// Validate email
+function validateEmail(field) {
+ const email = field.value;
+ const feedbackElement = field.parentNode.querySelector('.validation-feedback') || createFeedbackElement(field);
+
+ // Clear previous validation classes
+ field.classList.remove('border-red-300', 'border-green-300', 'focus:border-red-300', 'focus:border-green-300');
+
+ if (!feedbackElement) return; // Exit if no feedback container available
+
+ if (email.length === 0) {
+ feedbackElement.textContent = '';
+ feedbackElement.className = 'validation-feedback h-5 text-xs mt-1';
+ return;
+ }
+
+ // Simple email validation
+ const validEmailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+ if (validEmailRegex.test(email)) {
+ // Valid email: just clear error states, no success message
+ field.classList.remove('border-red-300', 'focus:border-red-300');
+ // Optional: Add neutral focus border if needed, but usually default is fine or handled by CSS
+ feedbackElement.textContent = '';
+ feedbackElement.className = 'validation-feedback h-5 text-xs mt-1';
+ } else {
+ // Invalid email
+ field.classList.add('border-red-300', 'focus:border-red-300');
+ feedbackElement.textContent = 'Please enter a valid email address';
+ // Improved styling: slightly larger text, maybe a background or just distinct color
+ // Using a "badge" style or just cleaner text
+ feedbackElement.className = 'validation-feedback text-xs text-red-600 mt-1 bg-red-50 px-2 py-1 rounded border border-red-100 inline-block';
+ }
+}
+
+// Create or find feedback element for validation
+function createFeedbackElement(field) {
+ // First, try to find an existing pre-allocated feedback container
+ const existingFeedback = field.parentNode.querySelector('.validation-feedback');
+ if (existingFeedback) {
+ return existingFeedback;
+ }
+
+ // If no pre-allocated container exists, don't create one dynamically
+ // (this prevents layout shifts - containers should be pre-allocated in the HTML)
+ return null;
+}
+
+// Initialize password strength meter
+function initializePasswordStrength() {
+ const passwordField = document.getElementById('user_password');
+ if (!passwordField) return;
+
+ // Only show password strength on sign-up and password change pages
+ // Check if we're on a sign-in page by looking for specific elements
+ const isSignInPage = document.querySelector('form[action*="/users/sign_in"]') ||
+ document.querySelector('input[value="Sign In"]');
+
+ if (isSignInPage) {
+ // Don't show password strength on sign-in page
+ return;
+ }
+
+ // Try to find a pre-allocated strength meter container
+ let strengthMeter = document.querySelector('.password-strength');
+
+ // Ensure pre-allocated containers start with correct visibility state
+ if (strengthMeter && !strengthMeter.classList.contains('invisible')) {
+ strengthMeter.classList.add('invisible');
+ }
+
+ // If no pre-allocated container exists, create one dynamically (for backwards compatibility)
+ if (!strengthMeter) {
+ strengthMeter = document.createElement('div');
+ strengthMeter.className = 'password-strength mt-2 h-8 invisible';
+ strengthMeter.innerHTML = `
+
+ Password strength
+ `;
+
+ // Check if we're on sign-up page with two-column layout
+ const passwordParent = passwordField.parentNode;
+ const isSignUpPage = document.querySelector('form[action*="/users"]') &&
+ document.querySelector('input[name="user[password_confirmation]"]');
+
+ if (isSignUpPage && passwordParent.classList.contains('flex-1')) {
+ // On sign-up page, append the strength meter after the flex container
+ const flexContainer = passwordParent.parentNode;
+ if (flexContainer && flexContainer.classList.contains('flex')) {
+ // Insert the strength meter after the flex container
+ flexContainer.insertAdjacentElement('afterend', strengthMeter);
+ // Make it span full width
+ strengthMeter.classList.add('w-full', 'px-4');
+ } else {
+ passwordParent.appendChild(strengthMeter);
+ }
+ } else {
+ // On other pages (like password change), append to the password field's parent
+ passwordParent.appendChild(strengthMeter);
+ }
+ }
+
+ passwordField.addEventListener('input', function() {
+ const password = this.value;
+
+ if (password.length > 0) {
+ strengthMeter.classList.remove('invisible');
+ strengthMeter.classList.add('visible');
+ updatePasswordStrength(password, strengthMeter);
+ } else {
+ strengthMeter.classList.remove('visible');
+ strengthMeter.classList.add('invisible');
+ }
+ });
+}
+
+// Update password strength meter
+function updatePasswordStrength(password, meterElement) {
+ // Calculate password strength (simplified version)
+ let strength = 0;
+
+ if (password.length >= 8) strength++;
+ if (password.match(/[a-z]/) && password.match(/[A-Z]/)) strength++;
+ if (password.match(/\d/)) strength++;
+ if (password.match(/[^a-zA-Z\d]/)) strength++;
+
+ // Update strength meter
+ const strengthBars = meterElement.querySelectorAll('[data-strength]');
+ const strengthText = meterElement.querySelector('.strength-text');
+
+ strengthBars.forEach(bar => {
+ const barStrength = parseInt(bar.getAttribute('data-strength'));
+
+ if (barStrength <= strength) {
+ bar.classList.remove('bg-gray-200');
+
+ if (strength === 1) bar.classList.add('bg-red-500');
+ else if (strength === 2) bar.classList.add('bg-orange-500');
+ else if (strength === 3) bar.classList.add('bg-yellow-500');
+ else bar.classList.add('bg-green-500');
+ } else {
+ bar.className = 'h-1 w-1/4 rounded-full bg-gray-200';
+ }
+ });
+
+ // Update text
+ if (strength === 0) strengthText.textContent = 'Password is too weak';
+ else if (strength === 1) strengthText.textContent = 'Password is weak';
+ else if (strength === 2) strengthText.textContent = 'Password is fair';
+ else if (strength === 3) strengthText.textContent = 'Password is good';
+ else strengthText.textContent = 'Password is strong';
+
+ // Update text color
+ strengthText.className = 'text-xs mt-1 ';
+ if (strength === 0 || strength === 1) strengthText.className += 'text-red-500';
+ else if (strength === 2) strengthText.className += 'text-orange-500';
+ else if (strength === 3) strengthText.className += 'text-yellow-600';
+ else strengthText.className += 'text-green-600';
+}
+
+// Initialize toast notifications
+function initializeToasts() {
+ window.showToast = function(message, type = 'success') {
+ const toast = document.createElement('div');
+ toast.className = 'fixed bottom-4 right-4 px-4 py-2 rounded-lg shadow-lg transform transition-all duration-500 translate-y-20 opacity-0 z-50';
+
+ // Set color based on type
+ if (type === 'success') {
+ toast.classList.add('bg-green-500', 'text-white');
+ } else if (type === 'error') {
+ toast.classList.add('bg-red-500', 'text-white');
+ } else if (type === 'info') {
+ toast.classList.add('bg-blue-500', 'text-white');
+ }
+
+ toast.textContent = message;
+ document.body.appendChild(toast);
+
+ // Show toast
+ setTimeout(() => {
+ toast.classList.remove('translate-y-20', 'opacity-0');
+ }, 100);
+
+ // Hide toast after 3 seconds
+ setTimeout(() => {
+ toast.classList.add('translate-y-20', 'opacity-0');
+
+ // Remove from DOM after animation
+ setTimeout(() => {
+ document.body.removeChild(toast);
+ }, 500);
+ }, 3000);
+ };
+
+ // Add event listeners to settings forms only
+ // Only apply to forms on settings pages or forms with specific settings classes
+ const settingsForms = document.querySelectorAll(
+ '.settings-form, ' +
+ 'form[action*="/settings"], ' +
+ 'form[action*="/customization"], ' +
+ 'form[action*="/billing"], ' +
+ 'form[action*="/account"]'
+ );
+
+ settingsForms.forEach(form => {
+ form.addEventListener('submit', function() {
+ // Store a flag in localStorage to show toast after redirect
+ localStorage.setItem('showSettingsSavedToast', 'true');
+ });
+ });
+
+ // Check if we need to show a toast (after redirect)
+ if (localStorage.getItem('showSettingsSavedToast') === 'true') {
+ showToast('Settings saved successfully!', 'success');
+ localStorage.removeItem('showSettingsSavedToast');
+ }
+}
+
+// Initialize mobile navigation
+function initializeMobileNav() {
+ const mobileNavToggle = document.getElementById('mobile-nav-toggle');
+ const settingsSidebar = document.querySelector('.settings-sidebar-mobile');
+
+ if (mobileNavToggle && settingsSidebar) {
+ mobileNavToggle.addEventListener('click', function() {
+ settingsSidebar.classList.toggle('translate-x-0');
+ settingsSidebar.classList.toggle('-translate-x-full');
+ });
+ }
+}
+
diff --git a/app/javascript/stylesheets/rails_admin.scss b/app/javascript/stylesheets/rails_admin.scss
index 8ca6f865f..a73294ba7 100644
--- a/app/javascript/stylesheets/rails_admin.scss
+++ b/app/javascript/stylesheets/rails_admin.scss
@@ -1 +1,3 @@
+// Use @use for modern Sass, but we need to fallback to @import for rails_admin
+// since it uses old syntax internally. We'll suppress its deprecation warnings.
@import "rails_admin/src/rails_admin/styles/base";
diff --git a/app/javascript/utils/timezone.js b/app/javascript/utils/timezone.js
new file mode 100644
index 000000000..39be7aa0b
--- /dev/null
+++ b/app/javascript/utils/timezone.js
@@ -0,0 +1,108 @@
+// Shared timezone utility - single source of truth for Rails <-> IANA conversions
+// Rails ActiveSupport::TimeZone uses names like "Pacific Time (US & Canada)"
+// JavaScript Intl API uses IANA identifiers like "America/Los_Angeles"
+
+export const IANA_TO_RAILS = {
+ 'America/New_York': 'Eastern Time (US & Canada)',
+ 'America/Chicago': 'Central Time (US & Canada)',
+ 'America/Denver': 'Mountain Time (US & Canada)',
+ 'America/Los_Angeles': 'Pacific Time (US & Canada)',
+ 'America/Anchorage': 'Alaska',
+ 'Pacific/Honolulu': 'Hawaii',
+ 'America/Phoenix': 'Arizona',
+ 'America/Indiana/Indianapolis': 'Indiana (East)',
+ 'America/Puerto_Rico': 'Atlantic Time (Canada)',
+ 'Europe/London': 'London',
+ 'Europe/Paris': 'Paris',
+ 'Europe/Berlin': 'Berlin',
+ 'Europe/Amsterdam': 'Amsterdam',
+ 'Europe/Madrid': 'Madrid',
+ 'Europe/Rome': 'Rome',
+ 'Europe/Vienna': 'Vienna',
+ 'Europe/Brussels': 'Brussels',
+ 'Europe/Stockholm': 'Stockholm',
+ 'Europe/Helsinki': 'Helsinki',
+ 'Europe/Athens': 'Athens',
+ 'Europe/Moscow': 'Moscow',
+ 'Asia/Tokyo': 'Tokyo',
+ 'Asia/Seoul': 'Seoul',
+ 'Asia/Shanghai': 'Beijing',
+ 'Asia/Hong_Kong': 'Hong Kong',
+ 'Asia/Singapore': 'Singapore',
+ 'Asia/Kolkata': 'Kolkata',
+ 'Asia/Mumbai': 'Mumbai',
+ 'Asia/Bangkok': 'Bangkok',
+ 'Asia/Jakarta': 'Jakarta',
+ 'Asia/Dubai': 'Abu Dhabi',
+ 'Asia/Jerusalem': 'Jerusalem',
+ 'Australia/Sydney': 'Sydney',
+ 'Australia/Melbourne': 'Melbourne',
+ 'Australia/Brisbane': 'Brisbane',
+ 'Australia/Perth': 'Perth',
+ 'Australia/Adelaide': 'Adelaide',
+ 'Australia/Darwin': 'Darwin',
+ 'Australia/Hobart': 'Hobart',
+ 'Pacific/Auckland': 'Auckland',
+ 'Pacific/Fiji': 'Fiji',
+ 'America/Sao_Paulo': 'Brasilia',
+ 'America/Buenos_Aires': 'Buenos Aires',
+ 'America/Santiago': 'Santiago',
+ 'America/Lima': 'Lima',
+ 'America/Bogota': 'Bogota',
+ 'America/Mexico_City': 'Mexico City',
+ 'America/Toronto': 'Eastern Time (US & Canada)',
+ 'America/Vancouver': 'Pacific Time (US & Canada)',
+ 'Africa/Cairo': 'Cairo',
+ 'Africa/Johannesburg': 'Pretoria',
+ 'Africa/Lagos': 'West Central Africa',
+ 'UTC': 'UTC'
+}
+
+// Build reverse mapping (Rails -> IANA) programmatically
+export const RAILS_TO_IANA = Object.fromEntries(
+ Object.entries(IANA_TO_RAILS).map(([iana, rails]) => [rails, iana])
+)
+
+/**
+ * Convert Rails timezone name to IANA identifier for use with JavaScript Intl API
+ * @param {string} railsTimezone - Rails timezone name like "Pacific Time (US & Canada)"
+ * @returns {string} IANA identifier like "America/Los_Angeles", or original value if not found
+ */
+export function railsToIana(railsTimezone) {
+ return RAILS_TO_IANA[railsTimezone] || railsTimezone
+}
+
+/**
+ * Convert IANA timezone identifier to Rails timezone name
+ * @param {string} ianaTimezone - IANA identifier like "America/Los_Angeles"
+ * @returns {string|null} Rails timezone name, or null if not mappable
+ */
+export function ianaToRails(ianaTimezone) {
+ // Direct lookup
+ if (IANA_TO_RAILS[ianaTimezone]) {
+ return IANA_TO_RAILS[ianaTimezone]
+ }
+
+ // Fallback: Try to match by offset for common US timezones
+ // This handles less common city names in the same timezone (e.g., America/Detroit)
+ const parts = ianaTimezone.split('/')
+ if (parts.length >= 2 && parts[0] === 'America') {
+ const now = new Date()
+ const offset = -now.getTimezoneOffset() / 60
+
+ if (offset === -5 || offset === -4) return 'Eastern Time (US & Canada)'
+ if (offset === -6 || offset === -5) return 'Central Time (US & Canada)'
+ if (offset === -7 || offset === -6) return 'Mountain Time (US & Canada)'
+ if (offset === -8 || offset === -7) return 'Pacific Time (US & Canada)'
+ }
+
+ return null
+}
+
+/**
+ * Detect the browser's timezone
+ * @returns {string} IANA timezone identifier
+ */
+export function detectBrowserTimezone() {
+ return Intl.DateTimeFormat().resolvedOptions().timeZone
+}
diff --git a/app/jobs/cache_attribute_word_count_job.rb b/app/jobs/cache_attribute_word_count_job.rb
index c76705a41..4d366fc39 100644
--- a/app/jobs/cache_attribute_word_count_job.rb
+++ b/app/jobs/cache_attribute_word_count_job.rb
@@ -3,7 +3,7 @@ class CacheAttributeWordCountJob < ApplicationJob
def perform(*args)
attribute_id = args.shift
- attribute = Attribute.find_by(id: attribute_id)
+ attribute = Attribute.includes(:attribute_field).find_by(id: attribute_id)
# If the attribute has been deleted since this job was enqueued, just bail
if attribute.nil?
@@ -11,28 +11,20 @@ def perform(*args)
end
# If we have a blank/null value, ezpz 0 words
- if attribute.nil? || attribute.value.nil? || attribute.value.blank?
+ if attribute.value.nil? || attribute.value.blank?
attribute.update_column(:word_count_cache, 0)
return
end
- # If we actually have some content, use a smart WordCountAnalyzer instead of just splitting on spaces
- word_count = WordCountAnalyzer::Counter.new(
- ellipsis: 'no_special_treatment',
- hyperlink: 'count_as_one',
- contraction: 'count_as_one',
- hyphenated_word: 'count_as_one',
- date: 'no_special_treatment',
- number: 'count',
- numbered_list: 'ignore',
- xhtml: 'remove',
- forward_slash: 'count_as_multiple_except_dates',
- backslash: 'count_as_one',
- dotted_line: 'ignore',
- dashed_line: 'ignore',
- underscore: 'ignore',
- stray_punctuation: 'ignore'
- ).count(attribute.value)
+ # Skip word counting for non-prose field types (links store JSON, not text)
+ field_type = attribute.attribute_field&.field_type
+ if %w[link universe tags].include?(field_type)
+ attribute.update_column(:word_count_cache, 0)
+ return
+ end
+
+ # Use centralized WordCountService for consistent counting across the app
+ word_count = WordCountService.count_with_fallback(attribute.value)
attribute.update_column(:word_count_cache, word_count)
end
diff --git a/app/jobs/cache_book_word_count_job.rb b/app/jobs/cache_book_word_count_job.rb
new file mode 100644
index 000000000..35b9b736c
--- /dev/null
+++ b/app/jobs/cache_book_word_count_job.rb
@@ -0,0 +1,40 @@
+class CacheBookWordCountJob < ApplicationJob
+ queue_as :cache
+
+ MAX_RETRY_ATTEMPTS = 3
+
+ def perform(book_id)
+ book = Book.find_by(id: book_id)
+ return if book.nil?
+
+ # Count words in description and blurb
+ description_words = book.description.present? ? WordCountService.count_with_fallback(book.description) : 0
+ blurb_words = book.blurb.present? ? WordCountService.count_with_fallback(book.blurb) : 0
+ total_word_count = description_words + blurb_words
+
+ # Cache the total word count on the model
+ book.update_column(:cached_word_count, total_word_count)
+
+ # Determine the user's date based on their timezone at enqueue time (not job execution time)
+ user = book.user
+ enqueue_time = enqueued_at || Time.current
+ user_date = user&.time_zone.present? ? enqueue_time.in_time_zone(user.time_zone).to_date : enqueue_time.to_date
+
+ # Create or update WordCountUpdate for today (in user's timezone)
+ retry_count = 0
+ begin
+ update = book.word_count_updates.find_or_initialize_by(for_date: user_date)
+ update.word_count = total_word_count
+ update.user_id ||= book.user_id
+ update.save!
+ rescue ActiveRecord::RecordNotUnique
+ retry_count += 1
+ if retry_count <= MAX_RETRY_ATTEMPTS
+ retry
+ else
+ Rails.logger.error("CacheBookWordCountJob: max retries exceeded for Book##{book_id} on #{user_date}")
+ raise # Let Sidekiq handle with its retry mechanism
+ end
+ end
+ end
+end
diff --git a/app/jobs/cache_sum_attribute_word_count_job.rb b/app/jobs/cache_sum_attribute_word_count_job.rb
index 37970c290..0ad5d840e 100644
--- a/app/jobs/cache_sum_attribute_word_count_job.rb
+++ b/app/jobs/cache_sum_attribute_word_count_job.rb
@@ -1,6 +1,8 @@
class CacheSumAttributeWordCountJob < ApplicationJob
queue_as :cache
+ MAX_RETRY_ATTEMPTS = 3
+
def perform(*args)
entity_type = args.shift
entity_id = args.shift
@@ -18,14 +20,31 @@ def save_daily_word_count_changes(entity)
# Cache the total word count onto the model, too
entity.update(cached_word_count: sum_attribute_word_count)
- # Create or re-use an existing WordCountUpdate for today
- update = entity.word_count_updates.find_or_initialize_by(
- for_date: DateTime.current,
- )
- update.word_count = sum_attribute_word_count
- update.user_id ||= entity.user_id
+ # Determine the user's date based on their timezone at enqueue time (not job execution time)
+ user = entity.user
+ enqueue_time = enqueued_at || Time.current
+ user_date = user&.time_zone.present? ? enqueue_time.in_time_zone(user.time_zone).to_date : enqueue_time.to_date
+
+ # Create or re-use an existing WordCountUpdate for today (in user's timezone)
+ retry_count = 0
+ begin
+ update = entity.word_count_updates.find_or_initialize_by(
+ for_date: user_date,
+ )
+ update.word_count = sum_attribute_word_count
+ update.user_id ||= entity.user_id
- # Save!
- update.save!
+ # Save!
+ update.save!
+ rescue ActiveRecord::RecordNotUnique
+ # Unique index exists and found a duplicate via race condition - retry to find the existing record
+ retry_count += 1
+ if retry_count <= MAX_RETRY_ATTEMPTS
+ retry
+ else
+ Rails.logger.error("CacheSumAttributeWordCountJob: max retries exceeded for #{entity.class.name}##{entity.id} on #{user_date}")
+ raise # Let Sidekiq handle with its retry mechanism
+ end
+ end
end
end
diff --git a/app/jobs/cache_timeline_event_word_count_job.rb b/app/jobs/cache_timeline_event_word_count_job.rb
new file mode 100644
index 000000000..558cf70c0
--- /dev/null
+++ b/app/jobs/cache_timeline_event_word_count_job.rb
@@ -0,0 +1,43 @@
+class CacheTimelineEventWordCountJob < ApplicationJob
+ queue_as :cache
+
+ MAX_RETRY_ATTEMPTS = 3
+
+ def perform(timeline_event_id)
+ timeline_event = TimelineEvent.find_by(id: timeline_event_id)
+ return if timeline_event.nil?
+
+ # Count words in title and description
+ title_words = timeline_event.title.present? ? WordCountService.count_with_fallback(timeline_event.title) : 0
+ description_words = timeline_event.description.present? ? WordCountService.count_with_fallback(timeline_event.description) : 0
+ total_word_count = title_words + description_words
+
+ # Cache the total word count on the model
+ timeline_event.update_column(:cached_word_count, total_word_count)
+
+ # Get user via timeline association
+ user = timeline_event.timeline&.user
+ return if user.nil?
+
+ # Determine the user's date based on their timezone at enqueue time (not job execution time)
+ enqueue_time = enqueued_at || Time.current
+ user_date = user.time_zone.present? ? enqueue_time.in_time_zone(user.time_zone).to_date : enqueue_time.to_date
+
+ # Create or update WordCountUpdate for today (in user's timezone)
+ retry_count = 0
+ begin
+ update = timeline_event.word_count_updates.find_or_initialize_by(for_date: user_date)
+ update.word_count = total_word_count
+ update.user_id ||= user.id
+ update.save!
+ rescue ActiveRecord::RecordNotUnique
+ retry_count += 1
+ if retry_count <= MAX_RETRY_ATTEMPTS
+ retry
+ else
+ Rails.logger.error("CacheTimelineEventWordCountJob: max retries exceeded for TimelineEvent##{timeline_event_id} on #{user_date}")
+ raise # Let Sidekiq handle with its retry mechanism
+ end
+ end
+ end
+end
diff --git a/app/jobs/daily_word_goal_notification_job.rb b/app/jobs/daily_word_goal_notification_job.rb
new file mode 100644
index 000000000..f23ed140a
--- /dev/null
+++ b/app/jobs/daily_word_goal_notification_job.rb
@@ -0,0 +1,34 @@
+class DailyWordGoalNotificationJob < ApplicationJob
+ include ActionView::Helpers::NumberHelper
+ queue_as :notifications
+
+ def perform(user_id)
+ user = User.find_by(id: user_id)
+ return unless user
+
+ today = user.current_date_in_time_zone
+ today_start = today.beginning_of_day
+ today_end = today.end_of_day
+
+ # Already notified today? Check notifications table
+ already_notified = user.notifications.where(
+ reference_code: 'daily-goal-achieved'
+ ).where(happened_at: today_start..today_end).exists?
+ return if already_notified
+
+ # Check if goal met
+ words_today = user.words_written_today
+ goal = user.daily_word_goal
+ return unless words_today >= goal
+
+ # Send congratulatory notification
+ user.notifications.create!(
+ message_html: "Congratulations! You hit your daily word goal of #{number_with_delimiter(goal)} words!",
+ icon: 'emoji_events',
+ icon_color: 'yellow',
+ passthrough_link: '/writing-goals',
+ reference_code: 'daily-goal-achieved',
+ happened_at: Time.current
+ )
+ end
+end
diff --git a/app/jobs/save_document_revision_job.rb b/app/jobs/save_document_revision_job.rb
index 1513516cd..9bccee771 100644
--- a/app/jobs/save_document_revision_job.rb
+++ b/app/jobs/save_document_revision_job.rb
@@ -1,40 +1,65 @@
class SaveDocumentRevisionJob < ApplicationJob
queue_as :low_priority
+ MAX_RETRY_ATTEMPTS = 3
+
def perform(*args)
document_id = args.shift
document = Document.find_by(id: document_id)
return unless document
# Initialize variables; body is NOT loaded yet
- new_word_count = 0
body_loaded = false
body_text = nil
- begin
- # Try the accurate (but potentially memory-intensive) count first
- # This accesses document.body internally
- new_word_count = document.computed_word_count
- rescue StandardError => e
- # Log the error for visibility
- Rails.logger.warn("SaveDocumentRevisionJob: Failed accurate word count for Document #{document_id}: #{e.message}. Falling back to basic count.")
-
- # Fallback: Load body ONLY if needed for fallback count
- body_text = document.body || "" # Load body here
- body_loaded = true
- new_word_count = body_text.split.size
+ # Use client-provided word count if available (browser edit), otherwise calculate server-side (API/import)
+ if document.cached_word_count.present? && document.cached_word_count > 0
+ # Client already provided the count via autosave - use it as-is
+ new_word_count = document.cached_word_count
+ else
+ # No client count (API/import edit) - calculate server-side
+ begin
+ # Try the accurate (but potentially memory-intensive) count first
+ # This accesses document.body internally
+ new_word_count = document.computed_word_count
+ rescue StandardError => e
+ # Log the error for visibility
+ Rails.logger.warn("SaveDocumentRevisionJob: Failed accurate word count for Document #{document_id}: #{e.message}. Falling back to basic count.")
+
+ # Fallback: Load body ONLY if needed for fallback count
+ body_text = document.body || "" # Load body here
+ body_loaded = true
+ new_word_count = body_text.split.size
+ end
+
+ # Only update cached_word_count if we calculated it server-side
+ document.update(cached_word_count: new_word_count)
end
- # Update cached word count for the document (always do this)
- document.update(cached_word_count: new_word_count)
+ # Save a WordCountUpdate for this document for the day the edit was made
+ # Use enqueued_at (when the job was created) to handle Sidekiq delays correctly
+ user = document.user
+ enqueue_time = enqueued_at || Time.current
+ user_date = user&.time_zone.present? ? enqueue_time.in_time_zone(user.time_zone).to_date : enqueue_time.to_date
- # Save a WordCountUpdate for this document for today (always do this)
- update = document.word_count_updates.find_or_initialize_by(
- for_date: DateTime.current,
- )
- update.word_count = new_word_count
- update.user_id ||= document.user_id
- update.save!
+ retry_count = 0
+ begin
+ update = document.word_count_updates.find_or_initialize_by(
+ for_date: user_date,
+ )
+ update.word_count = new_word_count
+ update.user_id ||= document.user_id
+ update.save!
+ rescue ActiveRecord::RecordNotUnique
+ # Unique index exists and found a duplicate via race condition - retry to find the existing record
+ retry_count += 1
+ if retry_count <= MAX_RETRY_ATTEMPTS
+ retry
+ else
+ Rails.logger.error("SaveDocumentRevisionJob: max retries exceeded for Document##{document_id} on #{user_date}")
+ raise # Let Sidekiq handle with its retry mechanism
+ end
+ end
# Check if revision is needed BEFORE potentially loading body again
latest_revision = document.document_revisions.order('created_at DESC').limit(1).first
diff --git a/app/models/billing/promotion.rb b/app/models/billing/promotion.rb
index c4f1b38c3..3b5de428a 100644
--- a/app/models/billing/promotion.rb
+++ b/app/models/billing/promotion.rb
@@ -8,4 +8,8 @@ def promo_code
end
scope :active, -> { where('expires_at > ?', DateTime.now) }
+
+ def active?
+ expires_at > DateTime.now
+ end
end
diff --git a/app/models/book.rb b/app/models/book.rb
new file mode 100644
index 000000000..74a39a8c6
--- /dev/null
+++ b/app/models/book.rb
@@ -0,0 +1,100 @@
+class Book < ApplicationRecord
+ acts_as_paranoid
+
+ belongs_to :user
+ belongs_to :universe, optional: true
+
+ has_many :book_documents, -> { order(position: :asc) }, dependent: :destroy
+ has_many :documents, through: :book_documents
+ has_many :word_count_updates, as: :entity, dependent: :destroy
+
+ include HasPrivacy
+ include HasPageTags
+ include BelongsToUniverse
+
+ include Authority::Abilities
+ self.authorizer_name = 'BookAuthorizer'
+
+ enum status: { writing: 0, revising: 1, submitting: 2, published: 3 }
+
+ validates :name, presence: true
+
+ # Track word count changes for description and blurb fields
+ WORD_COUNT_TRACKED_FIELDS = %w[description blurb].freeze
+
+ after_commit :enqueue_word_count_update, if: :word_count_fields_changed?
+
+ def word_count_fields_changed?
+ (saved_changes.keys & WORD_COUNT_TRACKED_FIELDS).any?
+ end
+
+ def enqueue_word_count_update
+ CacheBookWordCountJob.perform_later(self.id)
+ end
+
+ # Display helpers (like Timeline/Document patterns)
+ def self.icon
+ 'menu_book'
+ end
+
+ def self.color
+ 'bg-emerald-500'
+ end
+
+ def self.text_color
+ 'text-emerald-600'
+ end
+
+ def self.hex_color
+ '#10b981'
+ end
+
+ # Instance methods that delegate to class methods
+ # Needed for views that call book.color, book.icon, etc.
+ def color
+ Book.color
+ end
+
+ def icon
+ Book.icon
+ end
+
+ def text_color
+ Book.text_color
+ end
+
+ def hex_color
+ Book.hex_color
+ end
+
+ # Returns the default book header image since Books don't have image uploads
+ # This stub method provides compatibility with HasImageUploads interface
+ def random_image_including_private(format: :medium)
+ header_asset_for('Book')
+ end
+
+ def archive!
+ update(archived_at: Time.current)
+ end
+
+ def unarchive!
+ update(archived_at: nil)
+ end
+
+ def archived?
+ archived_at.present?
+ end
+
+ scope :unarchived, -> { where(archived_at: nil) }
+ scope :archived, -> { where.not(archived_at: nil) }
+
+ private
+
+ def header_asset_for(class_name)
+ asset_filename = "card-headers/#{class_name.downcase.pluralize}.webp"
+
+ Rails.env.production? ?
+ "https://www.notebook.ai" + ActionController::Base.helpers.asset_url(asset_filename) :
+ ActionController::Base.helpers.asset_path(asset_filename)
+ end
+end
diff --git a/app/models/book_document.rb b/app/models/book_document.rb
new file mode 100644
index 000000000..e5b9d3842
--- /dev/null
+++ b/app/models/book_document.rb
@@ -0,0 +1,8 @@
+class BookDocument < ApplicationRecord
+ acts_as_list scope: :book_id
+
+ belongs_to :book, touch: true
+ belongs_to :document
+
+ validates :document_id, uniqueness: { scope: :book_id, message: 'is already in this book' }
+end
diff --git a/app/models/concerns/has_attributes.rb b/app/models/concerns/has_attributes.rb
index c69dd5f71..dcdf4f9b7 100644
--- a/app/models/concerns/has_attributes.rb
+++ b/app/models/concerns/has_attributes.rb
@@ -11,34 +11,17 @@ def self.create_default_attribute_categories(user)
# Don't create any attribute categories for AttributeCategories or AttributeFields that share the ContentController
return [] if ['attribute_category', 'attribute_field'].include?(content_name)
- YAML.load_file(Rails.root.join('config', 'attributes', "#{content_name}.yml")).map do |category_name, defaults|
- # First, query for the category to see if it already exists
- category = user.attribute_categories.find_or_initialize_by(
- entity_type: self.content_name,
- name: category_name.to_s
- )
- creating_new_category = category.new_record?
-
- # If the category didn't already exist, go ahead and set defaults on it and save
- if creating_new_category
- category.label = defaults[:label]
- category.icon = defaults[:icon]
- category.save!
- end
-
- # If we created this category for the first time, we also want to make sure we create its default fields, too
- if creating_new_category && defaults.key?(:attributes)
- category.attribute_fields << defaults[:attributes].map do |field|
- af_field = category.attribute_fields.with_deleted.create!(
- old_column_source: field[:name],
- user: user,
- field_type: field[:field_type].presence || "text_area",
- label: field[:label].presence || 'Untitled field'
- )
- af_field
- end
- end
- end.compact
+ # Use the new TemplateInitializationService for consistency
+ template_service = TemplateInitializationService.new(user, content_name)
+
+ # Only create template if it doesn't already exist (for new users)
+ if template_service.template_exists?
+ # Return existing categories
+ user.attribute_categories.where(entity_type: content_name).order(:position)
+ else
+ # Create new default template
+ template_service.initialize_default_template!
+ end
end
def self.attribute_categories(user, show_hidden: false)
@@ -109,7 +92,7 @@ def self.attribute_categories(user, show_hidden: false)
.user
.attribute_categories
.where(entity_type: self.content_name, hidden: acceptable_hidden_values)
- .eager_load(attribute_fields: :attribute_values)
+ .eager_load(:attribute_fields)
.order('attribute_categories.position, attribute_categories.created_at, attribute_categories.id')
# We need to do something like this, but... not this.
diff --git a/app/models/concerns/has_content.rb b/app/models/concerns/has_content.rb
index c12f6f4cf..089aeb045 100644
--- a/app/models/concerns/has_content.rb
+++ b/app/models/concerns/has_content.rb
@@ -132,7 +132,14 @@ def public_content
Rails.application.config.content_types[:all].each do |type|
relation = type.name.downcase.pluralize.to_sym # :characters
- content_value[relation] = send(relation).is_public
+ pages = send(relation).is_public
+ # Eager load universe and images for content types that belong to a universe (not Universe itself)
+ if type.name != 'Universe'
+ pages = pages.includes(:universe, :image_uploads)
+ else
+ pages = pages.includes(:image_uploads)
+ end
+ content_value[relation] = pages
end
content_value
@@ -157,5 +164,24 @@ def recent_content_list(limit: 10)
.first(limit)
.map { |page_data| ContentPage.new(page_data) }
end
+
+ # Optimized method for getting recent public content
+ def recent_public_content_list(limit: 10)
+ @user_recent_public_content_list ||= begin
+ recent_content = []
+
+ Rails.application.config.content_types[:all].each do |content_type|
+ relation = content_type.name.downcase.pluralize.to_sym
+ recent = send(relation)
+ .is_public
+ .order(updated_at: :desc)
+ .limit(limit)
+
+ recent_content.concat(recent.to_a)
+ end
+
+ recent_content.sort_by(&:updated_at).reverse.first(limit)
+ end
+ end
end
end
diff --git a/app/models/concerns/has_image_uploads.rb b/app/models/concerns/has_image_uploads.rb
index 6b6d89759..8128a73e8 100644
--- a/app/models/concerns/has_image_uploads.rb
+++ b/app/models/concerns/has_image_uploads.rb
@@ -8,6 +8,11 @@ module HasImageUploads
# todo: dependent: :destroy_async
# todo: destroy from s3 on destroy
+ def primary_image
+ # self.image_uploads.find_by(primary: true) || self.image_uploads.first
+ self.image_uploads.first.presence || [header_asset_for(self.class.name)]
+ end
+
def public_image_uploads
self.image_uploads.where(privacy: 'public').presence || [header_asset_for(self.class.name)]
end
@@ -30,17 +35,23 @@ def random_image_including_private(format: :medium)
# If we don't have any uploaded images, we look for saved Basil commissions
if result.nil? && respond_to?(:basil_commissions)
- result = basil_commissions.where.not(saved_at: nil).includes([:image_attachment]).sample.try(:image)
+ basil_image = basil_commissions.where.not(saved_at: nil).includes([:image_attachment]).sample.try(:image)
+ # Handle Active Storage attachments properly
+ if basil_image.present? && basil_image.respond_to?(:url)
+ begin
+ result = basil_image.url
+ rescue
+ result = nil
+ end
+ end
end
end
- # Cache the result
- @random_image_including_private_cache[key] = result
-
- # Finally, if we have no image upload, we return the default image for this type
- result = result.presence || header_asset_for(self.class.name)
+ # Cache the result (only cache non-nil results to avoid issues)
+ @random_image_including_private_cache[key] = result if result.present?
- result
+ # Finally, if we have no valid image URL, return the default image for this type
+ result.presence || header_asset_for(self.class.name)
end
def first_public_image(format = :medium)
@@ -70,7 +81,17 @@ def pinned_image_upload(format = :medium)
# Then check basil commissions
if respond_to?(:basil_commissions)
pinned_commission = basil_commissions.pinned.where.not(saved_at: nil).includes([:image_attachment]).first
- return pinned_commission.try(:image) if pinned_commission.present?
+ if pinned_commission.present?
+ basil_image = pinned_commission.try(:image)
+ # Handle Active Storage attachments properly
+ if basil_image.present? && basil_image.respond_to?(:url)
+ begin
+ return basil_image.url
+ rescue
+ return nil
+ end
+ end
+ end
end
nil
@@ -83,7 +104,17 @@ def pinned_public_image(format = :medium)
if respond_to?(:basil_commissions)
pinned_commission = basil_commissions.pinned.where.not(saved_at: nil).includes([:image_attachment]).first
- return pinned_commission.try(:image) if pinned_commission.present?
+ if pinned_commission.present?
+ basil_image = pinned_commission.try(:image)
+ # Handle Active Storage attachments properly
+ if basil_image.present? && basil_image.respond_to?(:url)
+ begin
+ return basil_image.url
+ rescue
+ return nil
+ end
+ end
+ end
end
nil
@@ -98,15 +129,28 @@ def pinned_or_random_image_including_private(format: :medium)
random_image_including_private(format: format)
end
+ # Returns a custom user image (pinned, uploaded, or basil generated)
+ # but explicitly returns nil instead of the generic header placeholder.
+ # Useful for UI elements that should fallback to an icon instead of a generic header image.
+ def custom_thumbnail_url(format: :medium)
+ url = pinned_or_random_image_including_private(format: format)
+ url == header_asset_for(self.class.name) ? nil : url
+ end
+
def header_asset_for(class_name)
# Since we use this as a fallback image on SEO content (for example, Twitter cards for shared notebook pages),
# we need to include the full protocol + domain + path to ensure they will display the image. A relative path
# will not work.
#
# For direct view rendering, we use the relative asset path which works better with image_tag
- Rails.env.production? ?
- "https://www.notebook.ai" + ActionController::Base.helpers.asset_url("card-headers/#{class_name.downcase.pluralize}.webp") :
- ActionController::Base.helpers.asset_path("card-headers/#{class_name.downcase.pluralize}.webp")
+ asset_filename = "card-headers/#{class_name.downcase.pluralize}.webp"
+
+ result = Rails.env.production? ?
+ "https://www.notebook.ai" + ActionController::Base.helpers.asset_url(asset_filename) :
+ ActionController::Base.helpers.asset_path(asset_filename)
+
+ # Ensure we never return nil - provide a fallback
+ result.presence || (Rails.env.production? ? "https://www.notebook.ai/assets/#{asset_filename}" : "/assets/#{asset_filename}")
end
end
end
diff --git a/app/models/concerns/has_parseable_text.rb b/app/models/concerns/has_parseable_text.rb
index bbc8c7395..bd878cc01 100644
--- a/app/models/concerns/has_parseable_text.rb
+++ b/app/models/concerns/has_parseable_text.rb
@@ -38,7 +38,29 @@ def sentences_with_newlines
end
def words
- @words ||= plaintext.downcase.gsub(/[^\s\w\d']/, '').split(' ')
+ @words ||= begin
+ text = plaintext.downcase
+
+ # Split on forward slashes (matches WordCountService behavior)
+ # Preserve dates like 01/02/2024 by temporarily replacing them
+ text = text.gsub(/(\d{1,2})\/(\d{1,2})(\/\d{2,4})?/) { |m| m.gsub('/', '-SLASH-') }
+ text = text.gsub('/', ' ')
+ text = text.gsub('-SLASH-', '/')
+
+ # Split on backslashes
+ text = text.gsub('\\', ' ')
+
+ # Remove dotted lines, dashed lines, underscores (standalone)
+ text = text.gsub(/\.{2,}/, ' ') # ... or ....
+ text = text.gsub(/-{2,}/, ' ') # -- or ---
+ text = text.gsub(/_{2,}/, ' ') # __ or ___
+
+ # Remove non-word characters except apostrophes (for contractions)
+ text = text.gsub(/[^\s\w\d']/, '')
+
+ # Split on whitespace and filter empty strings
+ text.split(/\s+/).reject(&:blank?)
+ end
end
def pages
diff --git a/app/models/concerns/is_content_page.rb b/app/models/concerns/is_content_page.rb
index 36b74a73a..65d7195e6 100644
--- a/app/models/concerns/is_content_page.rb
+++ b/app/models/concerns/is_content_page.rb
@@ -84,5 +84,19 @@ def self.hex_color_for(user)
# self.color
# end
# end
+
+ # Instance methods that delegate to class methods
+ # This allows templates to call content_page.color instead of content_page.class.color
+ def color
+ self.class.color
+ end
+
+ def text_color
+ self.class.text_color
+ end
+
+ def icon
+ self.class.icon
+ end
end
end
diff --git a/app/models/documents/document.rb b/app/models/documents/document.rb
index 684c97168..55c077afb 100644
--- a/app/models/documents/document.rb
+++ b/app/models/documents/document.rb
@@ -1,4 +1,5 @@
class Document < ApplicationRecord
+ include Rails.application.routes.url_helpers
acts_as_paranoid
belongs_to :user, optional: true
@@ -11,14 +12,44 @@ class Document < ApplicationRecord
has_many :document_revisions, dependent: :destroy
after_update :save_document_revision!
+ has_many :book_documents, dependent: :destroy
+ has_many :books, through: :book_documents
+
include HasParseableText
include HasPartsOfSpeech
include HasImageUploads
include HasPageTags
include BelongsToUniverse
+ include HasPrivacy
belongs_to :folder, optional: true
+ # Status enum for document workflow tracking
+ enum status: {
+ idea: 0,
+ draft: 1,
+ writing: 2,
+ revising: 3,
+ editing: 4,
+ submitting: 5,
+ published: 6,
+ complete: 7
+ }
+
+ # Returns status options for select dropdowns: [['Display Label', 'value'], ...]
+ def self.status_options
+ [
+ ['Idea', 'idea'],
+ ['Draft', 'draft'],
+ ['Writing', 'writing'],
+ ['Revising', 'revising'],
+ ['Editing', 'editing'],
+ ['Submitting', 'submitting'],
+ ['Published', 'published'],
+ ['Complete', 'complete']
+ ]
+ end
+
# TODO: include IsContentPage ?
include Authority::Abilities
@@ -34,12 +65,28 @@ def latest_word_count_cache
KEYS_TO_TRIGGER_REVISION_ON_CHANGE = %w(title body synopsis notes_text)
+ # Archive scopes and methods (matching IsContentPage pattern)
+ scope :unarchived, -> { where(archived_at: nil) }
+ scope :archived, -> { where.not(archived_at: nil) }
+
+ def archive!
+ update!(archived_at: DateTime.now)
+ end
+
+ def unarchive!
+ update!(archived_at: nil)
+ end
+
+ def archived?
+ !archived_at.nil?
+ end
+
def self.color
- 'teal'
+ 'teal bg-teal-500'
end
def self.text_color
- 'teal-text'
+ 'teal-text text-teal-500'
end
def color
@@ -78,6 +125,14 @@ def universe_field_value
# TODO: populate value from cache when documents belong to a universe
end
+ def view_path
+ document_path(self.id)
+ end
+
+ def edit_path
+ edit_document_path(self.id)
+ end
+
def analyze!
# Create an analysis placeholder to show the user one is queued,
# then process it async.
@@ -90,7 +145,12 @@ def analyze!
def save_document_revision!
if (saved_changes.keys & KEYS_TO_TRIGGER_REVISION_ON_CHANGE).any?
- SaveDocumentRevisionJob.perform_later(self.id)
+ begin
+ SaveDocumentRevisionJob.perform_later(self.id)
+ rescue RedisClient::CannotConnectError, Redis::CannotConnectError => e
+ # Log the error but don't fail the save - document revisions are not critical
+ Rails.logger.warn "Could not save document revision due to Redis connection error: #{e.message}"
+ end
end
end
@@ -101,29 +161,7 @@ def word_count
def computed_word_count
return 0 unless self.body && self.body.present?
- # Settings: https://github.com/diasks2/word_count_analyzer
- # TODO: move this into analysis services & call that here
- if false && self.body.length <= 10_000
- WordCountAnalyzer::Counter.new(
- ellipsis: 'no_special_treatment',
- hyperlink: 'count_as_one',
- contraction: 'count_as_one',
- hyphenated_word: 'count_as_one',
- date: 'no_special_treatment',
- number: 'count',
- numbered_list: 'ignore',
- xhtml: 'remove',
- forward_slash: 'count_as_multiple_except_dates',
- backslash: 'count_as_one',
- dotted_line: 'ignore',
- dashed_line: 'ignore',
- underscore: 'ignore',
- stray_punctuation: 'ignore'
- ).count(self.body)
- else
- # For really long documents, use a faster approach to estimate word count
- self.body.scan(/\b\w+\b/).count
- end
+ WordCountService.count(self.body)
end
def reading_estimate
diff --git a/app/models/documents/document_analysis.rb b/app/models/documents/document_analysis.rb
index 6f6669841..df3276ffc 100644
--- a/app/models/documents/document_analysis.rb
+++ b/app/models/documents/document_analysis.rb
@@ -24,4 +24,16 @@ def complete?
def has_sentiment_scores?
[joy_score, sadness_score, fear_score, disgust_score, anger_score].compact.any?
end
+
+ def self.icon
+ 'bar_chart'
+ end
+
+ def self.text_color
+ 'text-orange-500'
+ end
+
+ def self.color
+ 'bg-orange-500'
+ end
end
\ No newline at end of file
diff --git a/app/models/documents/document_entity.rb b/app/models/documents/document_entity.rb
index bc0216888..d67c8ad93 100644
--- a/app/models/documents/document_entity.rb
+++ b/app/models/documents/document_entity.rb
@@ -1,6 +1,10 @@
class DocumentEntity < ApplicationRecord
belongs_to :entity, polymorphic: true, optional: true
belongs_to :document_analysis, optional: true
+ has_one :document, through: :document_analysis
+
+ # Prevent linking the same entity multiple times to the same document
+ validates :entity_id, uniqueness: { scope: [:document_analysis_id, :entity_type], message: "is already linked to this document" }, if: -> { entity_id.present? }
after_create :match_notebook_page!, if: Proc.new { |de| de.entity_id.nil? }
diff --git a/app/models/folder.rb b/app/models/folder.rb
index 2d9d7bb76..83e2a371c 100644
--- a/app/models/folder.rb
+++ b/app/models/folder.rb
@@ -4,16 +4,30 @@ class Folder < ApplicationRecord
belongs_to :parent_folder, optional: true, class_name: Folder.name, foreign_key: :parent_folder_id
belongs_to :user
+ before_validation :set_default_title
+
+ private
+
+ def set_default_title
+ self.title = "Unnamed Folder" if title.blank?
+ end
+
+ public
+
def child_folders
Folder.where(user: self.user, context: self.context, parent_folder_id: self.id)
end
def self.color
- 'lighten-1 teal'
+ 'bg-blue-600'
+ end
+
+ def self.hex_color
+ '#0000ff'
end
def self.text_color
- 'text-lighten-1 teal-text'
+ 'text-blue-600'
end
def self.icon
diff --git a/app/models/page_collections/page_collection.rb b/app/models/page_collections/page_collection.rb
index 6c9f53eb0..4115ab2b4 100644
--- a/app/models/page_collections/page_collection.rb
+++ b/app/models/page_collections/page_collection.rb
@@ -43,6 +43,10 @@ def contributors
User.where(id: accepted_submissions.pluck(:user_id) - [user.id])
end
+ def editor_picks_ordered
+ accepted_submissions.editor_picks.order(:editor_pick_position).limit(6)
+ end
+
def random_public_image
return cover_image if cover_image.present?
@@ -54,6 +58,17 @@ def random_public_image
ActionController::Base.helpers.asset_path("card-headers/#{self.class.name.downcase.pluralize}.webp")
end
+ def random_image_including_private(format)
+ return cover_image if cover_image.present?
+
+ if header_image.attachment.present?
+ return header_image
+ end
+
+ # If all else fails, fall back on default header
+ ActionController::Base.helpers.asset_path("card-headers/#{self.class.name.downcase.pluralize}.webp")
+ end
+
def first_public_image
random_public_image
end
@@ -71,11 +86,15 @@ def followed_by?(user)
serialize :page_types, Array
def self.color
- 'brown'
+ 'brown bg-brown-800'
+ end
+
+ def text_color
+ PageCollection.text_color
end
def self.text_color
- 'brown-text'
+ 'text-brown-800 brown-text'
end
def self.hex_color
@@ -83,6 +102,10 @@ def self.hex_color
end
def self.icon
- 'layers'
+ 'auto_stories'
+ end
+
+ def page_type
+ 'Collection'
end
end
diff --git a/app/models/page_collections/page_collection_submission.rb b/app/models/page_collections/page_collection_submission.rb
index 766a02a92..faeb9de4e 100644
--- a/app/models/page_collections/page_collection_submission.rb
+++ b/app/models/page_collections/page_collection_submission.rb
@@ -12,6 +12,12 @@ class PageCollectionSubmission < ApplicationRecord
after_create :cache_content_name
scope :accepted, -> { where.not(accepted_at: nil).uniq(&:page_collection_id) }
+ scope :editor_picks, -> { where.not(editor_pick_position: nil) }
+
+ validates :editor_pick_position,
+ inclusion: { in: 1..6 },
+ uniqueness: { scope: :page_collection_id },
+ allow_nil: true
def accept!
update(accepted_at: DateTime.current)
@@ -86,6 +92,10 @@ def create_submission_notification
end
end
+ def editor_pick?
+ editor_pick_position.present?
+ end
+
private
def cache_content_name
diff --git a/app/models/page_data/attribute.rb b/app/models/page_data/attribute.rb
index a08f3cc22..888ce8910 100644
--- a/app/models/page_data/attribute.rb
+++ b/app/models/page_data/attribute.rb
@@ -5,6 +5,12 @@ class Attribute < ApplicationRecord
belongs_to :attribute_field
belongs_to :entity, polymorphic: true, touch: true
+ validates :attribute_field_id, uniqueness: {
+ scope: [:entity_type, :entity_id],
+ conditions: -> { where(deleted_at: nil) },
+ message: "already has a value for this entity"
+ }
+
include HasChangelog
include Authority::Abilities
@@ -19,14 +25,17 @@ class Attribute < ApplicationRecord
end
end
- after_commit do
- if saved_changes.key?('value')
- # Cache the updated word count on this attribute
- CacheAttributeWordCountJob.perform_later(self.id)
+ after_commit :enqueue_word_count_jobs, on: [:create, :update]
- # Cache the updated word count on the page this attribute belongs to
- CacheSumAttributeWordCountJob.perform_later(self.entity_type, self.entity_id)
- end
+ def enqueue_word_count_jobs
+ # Cache the updated word count on this attribute
+ CacheAttributeWordCountJob.perform_later(self.id)
+
+ # Cache the updated word count on the page this attribute belongs to
+ CacheSumAttributeWordCountJob.perform_later(self.entity_type, self.entity_id)
+ rescue RedisClient::CannotConnectError, Redis::CannotConnectError => e
+ Rails.logger.error "[WordCount] Redis unavailable - word count jobs not enqueued for Attribute##{id}: #{e.message}"
+ # No inline fallback - would be DDoS risk with large documents
end
after_save do
diff --git a/app/models/page_data/image_upload.rb b/app/models/page_data/image_upload.rb
index 1deada079..a51c9260e 100644
--- a/app/models/page_data/image_upload.rb
+++ b/app/models/page_data/image_upload.rb
@@ -8,7 +8,7 @@ class ImageUpload < ApplicationRecord
# This is the old way we uploaded files -- now we're transitioning to ActiveStorage's has_one_attached
has_attached_file :src,
- path: 'content/uploads/:style/:filename',
+ **(Rails.env.production? ? { path: 'content/uploads/:style/:filename' } : {}),
styles: {
thumb: '100x100>',
small: '190x190#',
diff --git a/app/models/page_types/building.rb b/app/models/page_types/building.rb
index bca68f64a..ae1da37e7 100644
--- a/app/models/page_types/building.rb
+++ b/app/models/page_types/building.rb
@@ -23,11 +23,11 @@ class Building < ActiveRecord::Base
relates :district_schools, with: :building_schools
def self.color
- 'blue-grey'
+ 'blue-grey bg-gray-600'
end
def self.text_color
- 'blue-grey-text'
+ 'blue-grey-text text-gray-600'
end
def self.hex_color
diff --git a/app/models/page_types/character.rb b/app/models/page_types/character.rb
index 10fb2ed77..c387ec55d 100644
--- a/app/models/page_types/character.rb
+++ b/app/models/page_types/character.rb
@@ -49,11 +49,11 @@ def self.content_name
end
def self.color
- 'red'
+ 'bg-red-500'
end
def self.text_color
- 'red-text'
+ 'text-red-500'
end
def self.hex_color
diff --git a/app/models/page_types/condition.rb b/app/models/page_types/condition.rb
index 4a12af6ab..6dd767179 100644
--- a/app/models/page_types/condition.rb
+++ b/app/models/page_types/condition.rb
@@ -14,11 +14,11 @@ class Condition < ActiveRecord::Base
self.authorizer_name = 'ExtendedContentAuthorizer'
def self.color
- 'text-darken-1 lime'
+ 'text-darken-1 lime bg-lime-600'
end
def self.text_color
- 'text-darken-1 lime-text'
+ 'text-darken-1 lime-text text-lime-600'
end
def self.hex_color
diff --git a/app/models/page_types/content_page.rb b/app/models/page_types/content_page.rb
index 770c2f28d..03a95d5f3 100644
--- a/app/models/page_types/content_page.rb
+++ b/app/models/page_types/content_page.rb
@@ -11,6 +11,7 @@ class ContentPage < ApplicationRecord
# Returns a single image for use in previews/cards, prioritizing pinned images
# This method keeps the original behavior of prioritizing pinned images for thumbnails/previews
+ # TODO: this is gonna be an N+1 query any time we display a list of ContentPages with images
def random_image_including_private(format: :small)
# Always prioritize pinned images first for preview cards
pinned_image = ImageUpload.where(content_type: self.page_type, content_id: self.id, pinned: true).first
@@ -30,6 +31,18 @@ def random_image_including_private(format: :small)
ActionController::Base.helpers.asset_path("card-headers/#{self.page_type.downcase.pluralize}.webp")
end
+ def primary_image(format: :small)
+ ImageUpload.where(content_type: self.page_type, content_id: self.id).first.try(:src, format) \
+ || BasilCommission.where(entity_type: self.page_type, entity_id: self.id).where.not(saved_at: nil).includes([:image_attachment]).first.try(:image) \
+ || ActionController::Base.helpers.asset_path("card-headers/#{self.page_type.downcase.pluralize}.webp")
+ end
+
+ def custom_thumbnail_url(format: :small)
+ url = random_image_including_private(format: format)
+ fallback_url = ActionController::Base.helpers.asset_path("card-headers/#{self.page_type.downcase.pluralize}.webp")
+ url == fallback_url ? nil : url
+ end
+
def icon
self.page_type.constantize.icon
end
@@ -43,7 +56,15 @@ def text_color
end
def favorite?
- !!favorite
+ # Handle different formats that might come from SQL queries
+ case favorite
+ when true, 1, "1", "true"
+ true
+ when false, 0, "0", "false", nil
+ false
+ else
+ !!favorite
+ end
end
def view_path
diff --git a/app/models/page_types/continent.rb b/app/models/page_types/continent.rb
index b74e62dce..649c1b362 100644
--- a/app/models/page_types/continent.rb
+++ b/app/models/page_types/continent.rb
@@ -30,11 +30,11 @@ def description
end
def self.color
- 'lighten-1 text-lighten-1 green'
+ 'lighten-1 text-lighten-1 green bg-green-700'
end
def self.text_color
- 'text-lighten-1 green-text'
+ 'text-lighten-1 green-text text-green-700'
end
def self.hex_color
diff --git a/app/models/page_types/country.rb b/app/models/page_types/country.rb
index 72a04a766..2e6ebb91f 100644
--- a/app/models/page_types/country.rb
+++ b/app/models/page_types/country.rb
@@ -34,11 +34,11 @@ def self.content_name
end
def self.color
- 'lighten-2 text-lighten-2 brown'
+ 'lighten-2 text-lighten-2 brown bg-brown-700'
end
def self.text_color
- 'text-lighten-2 brown-text'
+ 'text-lighten-2 brown-text text-brown-700'
end
def self.hex_color
diff --git a/app/models/page_types/creature.rb b/app/models/page_types/creature.rb
index 619254862..363146f50 100644
--- a/app/models/page_types/creature.rb
+++ b/app/models/page_types/creature.rb
@@ -33,11 +33,11 @@ def description
end
def self.color
- 'brown'
+ 'brown bg-amber-900'
end
def self.text_color
- 'brown-text'
+ 'brown-text text-amber text-amber-900'
end
def self.hex_color
diff --git a/app/models/page_types/deity.rb b/app/models/page_types/deity.rb
index 696bfc8d1..d8c323ae5 100644
--- a/app/models/page_types/deity.rb
+++ b/app/models/page_types/deity.rb
@@ -34,11 +34,11 @@ def description
end
def self.color
- 'text-lighten-4 blue'
+ 'text-lighten-4 blue bg-blue-300'
end
def self.text_color
- 'text-lighten-4 blue-text'
+ 'text-lighten-4 blue-text text-blue-300'
end
def self.hex_color
diff --git a/app/models/page_types/flora.rb b/app/models/page_types/flora.rb
index d8249ef31..2d03c80dc 100644
--- a/app/models/page_types/flora.rb
+++ b/app/models/page_types/flora.rb
@@ -29,11 +29,11 @@ def self.content_name
end
def self.color
- 'text-lighten-2 lighten-2 teal'
+ 'text-lighten-2 lighten-2 teal bg-lime-700'
end
def self.text_color
- 'text-lighten-2 teal-text'
+ 'text-lighten-2 teal-text text-lime-700'
end
def self.hex_color
diff --git a/app/models/page_types/food.rb b/app/models/page_types/food.rb
index 2931d350c..7179eb7fb 100644
--- a/app/models/page_types/food.rb
+++ b/app/models/page_types/food.rb
@@ -14,11 +14,11 @@ class Food < ActiveRecord::Base
self.authorizer_name = 'ExtendedContentAuthorizer'
def self.color
- 'red'
+ 'red bg-red-400'
end
def self.text_color
- 'red-text'
+ 'red-text text-red-400'
end
def self.hex_color
diff --git a/app/models/page_types/government.rb b/app/models/page_types/government.rb
index 74f56450f..6e47517f9 100644
--- a/app/models/page_types/government.rb
+++ b/app/models/page_types/government.rb
@@ -24,11 +24,11 @@ def description
end
def self.color
- 'darken-2 green'
+ 'darken-2 green bg-amber-600'
end
def self.text_color
- 'green-text'
+ 'green-text text-amber-600'
end
def self.hex_color
diff --git a/app/models/page_types/group.rb b/app/models/page_types/group.rb
index 9875f2a06..02ffcee50 100644
--- a/app/models/page_types/group.rb
+++ b/app/models/page_types/group.rb
@@ -37,11 +37,11 @@ def description
end
def self.color
- 'cyan'
+ 'cyan bg-cyan-500'
end
def self.text_color
- 'cyan-text'
+ 'cyan-text text-cyan-500'
end
def self.hex_color
diff --git a/app/models/page_types/item.rb b/app/models/page_types/item.rb
index 4bb42db37..48159d128 100644
--- a/app/models/page_types/item.rb
+++ b/app/models/page_types/item.rb
@@ -31,11 +31,11 @@ def description
end
def self.color
- 'text-darken-2 amber'
+ 'text-darken-2 amber bg-amber-600'
end
def self.text_color
- 'text-darken-2 amber-text'
+ 'text-darken-2 amber-text text-amber-600'
end
def self.hex_color
diff --git a/app/models/page_types/job.rb b/app/models/page_types/job.rb
index 9c4b8692a..d7f306d01 100644
--- a/app/models/page_types/job.rb
+++ b/app/models/page_types/job.rb
@@ -14,11 +14,11 @@ class Job < ActiveRecord::Base
self.authorizer_name = 'ExtendedContentAuthorizer'
def self.color
- 'text-lighten-1 brown'
+ 'text-lighten-1 brown bg-yellow-700'
end
def self.text_color
- 'text-lighten-1 brown-text'
+ 'text-lighten-1 brown-text text-yellow-700'
end
def self.hex_color
diff --git a/app/models/page_types/landmark.rb b/app/models/page_types/landmark.rb
index 110474697..13dd96e86 100644
--- a/app/models/page_types/landmark.rb
+++ b/app/models/page_types/landmark.rb
@@ -28,11 +28,11 @@ def self.content_name
end
def self.color
- 'text-lighten-1 lighten-1 orange'
+ 'text-lighten-1 lighten-1 orange bg-orange-600'
end
def self.text_color
- 'text-lighten-1 orange-text'
+ 'text-lighten-1 orange-text text-orange-600'
end
def self.hex_color
diff --git a/app/models/page_types/language.rb b/app/models/page_types/language.rb
index 0ff155b03..14c2d8ff2 100644
--- a/app/models/page_types/language.rb
+++ b/app/models/page_types/language.rb
@@ -20,11 +20,11 @@ def description
end
def self.color
- 'blue'
+ 'blue bg-cyan-700'
end
def self.text_color
- 'blue-text'
+ 'blue-text text-cyan-700'
end
def self.hex_color
diff --git a/app/models/page_types/location.rb b/app/models/page_types/location.rb
index 00410e5d8..e427cbdf8 100644
--- a/app/models/page_types/location.rb
+++ b/app/models/page_types/location.rb
@@ -39,11 +39,11 @@ def self.icon
end
def self.color
- 'green'
+ 'green bg-green-500'
end
def self.text_color
- 'green-text'
+ 'green-text text-green-500'
end
def self.hex_color
diff --git a/app/models/page_types/lore.rb b/app/models/page_types/lore.rb
index 914f83e12..c4210b153 100644
--- a/app/models/page_types/lore.rb
+++ b/app/models/page_types/lore.rb
@@ -44,11 +44,11 @@ class Lore < ActiveRecord::Base
relates :related_lores, with: :lore_related_lores
def self.color
- 'text-lighten-2 lighten-1 orange'
+ 'text-lighten-2 lighten-1 orange bg-teal-600'
end
def self.text_color
- 'text-lighten-2 orange-text'
+ 'text-lighten-2 orange-text text-teal-600'
end
def self.hex_color
diff --git a/app/models/page_types/magic.rb b/app/models/page_types/magic.rb
index 0486b39ae..a8deaea8a 100644
--- a/app/models/page_types/magic.rb
+++ b/app/models/page_types/magic.rb
@@ -22,11 +22,11 @@ def description
end
def self.color
- 'orange'
+ 'orange bg-yellow-500'
end
def self.text_color
- 'orange-text'
+ 'orange-text text-yellow-500'
end
def self.hex_color
diff --git a/app/models/page_types/planet.rb b/app/models/page_types/planet.rb
index 85e5144ab..17d376b00 100644
--- a/app/models/page_types/planet.rb
+++ b/app/models/page_types/planet.rb
@@ -31,11 +31,11 @@ def description
end
def self.color
- 'text-lighten-2 blue'
+ 'text-lighten-2 blue bg-lime-500'
end
def self.text_color
- 'text-lighten-2 blue-text'
+ 'text-lighten-2 blue-text text-lime-500'
end
def self.hex_color
diff --git a/app/models/page_types/race.rb b/app/models/page_types/race.rb
index dc78c5178..2890e7fad 100644
--- a/app/models/page_types/race.rb
+++ b/app/models/page_types/race.rb
@@ -28,11 +28,11 @@ def description
end
def self.color
- 'darken-2 light-green'
+ 'darken-2 light-green bg-indigo-500'
end
def self.text_color
- 'text-darken-2 light-green-text'
+ 'text-darken-2 light-green-text text-indigo-500'
end
def self.hex_color
diff --git a/app/models/page_types/religion.rb b/app/models/page_types/religion.rb
index bff0bd4c6..0c8375967 100644
--- a/app/models/page_types/religion.rb
+++ b/app/models/page_types/religion.rb
@@ -35,11 +35,11 @@ def description
end
def self.color
- 'indigo'
+ 'indigo bg-amber-600'
end
def self.text_color
- 'indigo-text'
+ 'indigo-text text-amber-600'
end
def self.hex_color
diff --git a/app/models/page_types/scene.rb b/app/models/page_types/scene.rb
index 483884bc4..4481c3cae 100644
--- a/app/models/page_types/scene.rb
+++ b/app/models/page_types/scene.rb
@@ -27,11 +27,11 @@ def description
end
def self.color
- 'grey'
+ 'grey bg-gray-400'
end
def self.text_color
- 'grey-text'
+ 'grey-text text-gray-400'
end
def self.hex_color
diff --git a/app/models/page_types/school.rb b/app/models/page_types/school.rb
index 946d2510e..655792bad 100644
--- a/app/models/page_types/school.rb
+++ b/app/models/page_types/school.rb
@@ -14,11 +14,11 @@ class School < ActiveRecord::Base
self.authorizer_name = 'ExtendedContentAuthorizer'
def self.color
- 'cyan'
+ 'cyan bg-rose-800'
end
def self.text_color
- 'cyan-text'
+ 'cyan-text text-rose-800'
end
def self.hex_color
diff --git a/app/models/page_types/sport.rb b/app/models/page_types/sport.rb
index cad76ef14..90917dcb4 100644
--- a/app/models/page_types/sport.rb
+++ b/app/models/page_types/sport.rb
@@ -15,11 +15,11 @@ class Sport < ActiveRecord::Base
self.authorizer_name = 'ExtendedContentAuthorizer'
def self.color
- 'orange'
+ 'orange bg-orange-300'
end
def self.text_color
- 'orange-text'
+ 'orange-text text-orange-300'
end
def self.hex_color
diff --git a/app/models/page_types/technology.rb b/app/models/page_types/technology.rb
index 118fe85da..c8f929f56 100644
--- a/app/models/page_types/technology.rb
+++ b/app/models/page_types/technology.rb
@@ -28,11 +28,11 @@ def description
end
def self.color
- 'text-darken-2 red'
+ 'text-darken-2 red bg-fuchsia-500'
end
def self.text_color
- 'text-darken-2 red-text'
+ 'text-darken-2 red-text text-fuchsia-500'
end
def self.hex_color
diff --git a/app/models/page_types/town.rb b/app/models/page_types/town.rb
index b4283951c..d1aa23287 100644
--- a/app/models/page_types/town.rb
+++ b/app/models/page_types/town.rb
@@ -31,11 +31,11 @@ def self.content_name
end
def self.color
- 'text-lighten-3 lighten-3 purple'
+ 'text-lighten-3 lighten-3 purple bg-purple-500'
end
def self.text_color
- 'text-lighten-3 purple-text'
+ 'text-lighten-3 purple-text text-purple-500'
end
def self.hex_color
diff --git a/app/models/page_types/tradition.rb b/app/models/page_types/tradition.rb
index 31b3fe36d..8ce178040 100644
--- a/app/models/page_types/tradition.rb
+++ b/app/models/page_types/tradition.rb
@@ -14,11 +14,11 @@ class Tradition < ActiveRecord::Base
self.authorizer_name = 'ExtendedContentAuthorizer'
def self.color
- 'text-lighten-3 lighten-3 red'
+ 'text-lighten-3 lighten-3 red bg-rose-300'
end
def self.text_color
- 'text-lighten-3 red-text'
+ 'text-lighten-3 red-text text-rose-300'
end
def self.hex_color
diff --git a/app/models/page_types/universe.rb b/app/models/page_types/universe.rb
index d7c6cf206..6be9b31d9 100644
--- a/app/models/page_types/universe.rb
+++ b/app/models/page_types/universe.rb
@@ -9,6 +9,7 @@ class Universe < ApplicationRecord
acts_as_paranoid
include IsContentPage
+ # include HasContent # can't do this because we generate cycles since HasContent relies on Universe already being initialized
include Serendipitous::Concern
@@ -55,6 +56,7 @@ class Universe < ApplicationRecord
has_many :contributors, dependent: :destroy
has_many :contributing_users, through: :contributors, source: :user
+ has_many :books
has_many :documents
has_many :timelines
@@ -75,11 +77,11 @@ def content_count
end
def self.color
- 'purple'
+ 'purple bg-purple-800'
end
def self.text_color
- 'purple-text'
+ 'purple-text text-purple-800'
end
def self.hex_color
@@ -93,4 +95,16 @@ def self.icon
def self.content_name
'universe'
end
+
+ def content
+ # This is a worse version of the HasContent #content, but... dunno how to include
+ # that functionality in this class without duplicating it in two places and hard-coding
+ # the other content type names. TODO come back and fix this
+ content = {}
+ Rails.application.config.content_types[:all_non_universe].each do |content_type|
+ content[content_type.name] = send(content_type.name.downcase.pluralize)
+ end
+
+ content
+ end
end
diff --git a/app/models/page_types/vehicle.rb b/app/models/page_types/vehicle.rb
index a5feca86b..b5a3f140e 100644
--- a/app/models/page_types/vehicle.rb
+++ b/app/models/page_types/vehicle.rb
@@ -14,11 +14,11 @@ class Vehicle < ActiveRecord::Base
self.authorizer_name = 'ExtendedContentAuthorizer'
def self.color
- 'text-lighten-2 lighten-2 green'
+ 'text-lighten-2 lighten-2 green bg-cyan-400'
end
def self.text_color
- 'text-lighten-2 green-text'
+ 'text-lighten-2 green-text text-cyan-400'
end
def self.hex_color
diff --git a/app/models/serializers/api_content_serializer.rb b/app/models/serializers/api_content_serializer.rb
index 65e0fa810..e953ec765 100644
--- a/app/models/serializers/api_content_serializer.rb
+++ b/app/models/serializers/api_content_serializer.rb
@@ -42,7 +42,10 @@ def initialize(content, include_blank_fields: false)
id: category.id,
label: category.label,
icon: category.icon,
- fields: category.attribute_fields.order(:position).map { |field|
+ fields: category.attribute_fields.order(:position).reject { |field|
+ # Filter out private fields from API responses
+ field.old_column_source == 'private_notes'
+ }.map { |field|
{
id: field.id,
label: field.label,
diff --git a/app/models/serializers/content_serializer.rb b/app/models/serializers/content_serializer.rb
index 3abafb1a7..5b09c9c64 100644
--- a/app/models/serializers/content_serializer.rb
+++ b/app/models/serializers/content_serializer.rb
@@ -8,11 +8,13 @@ class ContentSerializer
attr_accessor :documents
attr_accessor :raw_model
- attr_accessor :class_name, :class_color, :class_icon
+ attr_accessor :class_name, :class_color, :class_text_color, :class_icon
attr_accessor :cached_word_count
+ attr_accessor :created_at, :updated_at
attr_accessor :data
+ attr_accessor :viewing_user
# name: 'blah,
# categories: [
# {
@@ -24,13 +26,14 @@ class ContentSerializer
# }]
# }
- def initialize(content)
+ def initialize(content, viewing_user: nil)
# One query per table; lets not muck with joins yet
# self.attribute_values = Attribute.where(entity_type: content.page_type, entity_id: content.id)
# self.fields = AttributeField.where(id: self.attribute_values.pluck(:attribute_field_id).uniq)
self.categories = content.class.attribute_categories(content.user)
self.fields = AttributeField.where(attribute_category_id: self.categories.map(&:id))
self.attribute_values = Attribute.where(attribute_field_id: self.fields.map(&:id), entity_type: content.page_type, entity_id: content.id)
+ self.viewing_user = viewing_user
self.id = content.id
self.name = content.name
@@ -41,12 +44,15 @@ def initialize(content)
self.class_name = content.class.name
self.class_color = content.class.color
+ self.class_text_color = content.class.text_color
self.class_icon = content.class.icon
self.page_tags = content.page_tags.pluck(:tag) || []
self.documents = content.documents || []
self.cached_word_count = content.cached_word_count
+ self.created_at = content.created_at
+ self.updated_at = content.updated_at
self.data = {
name: content.try(:name),
@@ -62,6 +68,14 @@ def initialize(content)
icon: category.icon,
hidden: !!category.hidden,
fields: self.fields.select { |field| field.attribute_category_id == category.id }.map { |field|
+ # Check if this is a private field (e.g., private_notes)
+ is_private_field = field.old_column_source == 'private_notes'
+ # Only the content owner can see private fields
+ viewer_is_owner = self.viewing_user.present? && content.user_id == self.viewing_user.id
+
+ # Skip private fields entirely if viewer is not the owner
+ next nil if is_private_field && !viewer_is_owner
+
{
internal_id: field.id,
id: field.name,
@@ -71,10 +85,11 @@ def initialize(content)
position: field.position,
value: value_for(field, content),
options: field.field_options,
- migrated_link: field.migrated_from_legacy,
- old_column_source: field.old_column_source
+ migrated_link: field.migrated_from_legacy,
+ old_column_source: field.old_column_source,
+ private: is_private_field
}
- }.sort do |a, b|
+ }.compact.sort do |a, b|
if a[:position] && b[:position]
a[:position] <=> b[:position]
diff --git a/app/models/timelines/timeline.rb b/app/models/timelines/timeline.rb
index e12d64495..9af664e6e 100644
--- a/app/models/timelines/timeline.rb
+++ b/app/models/timelines/timeline.rb
@@ -1,4 +1,6 @@
class Timeline < ApplicationRecord
+ include Rails.application.routes.url_helpers
+
acts_as_paranoid
include IsContentPage
@@ -22,11 +24,11 @@ def self.content_name
end
def self.color
- 'green'
+ 'green bg-green-500'
end
def self.text_color
- 'green-text'
+ 'green-text text-green-500'
end
# Needed because we sometimes munge Timelines in with ContentPages :(
@@ -54,7 +56,19 @@ def page_type
'Timeline'
end
+ def view_path
+ timeline_path(self.id)
+ end
+
+ def edit_path
+ edit_timeline_path(self.id)
+ end
+
def initialize_first_event
timeline_events.create(title: "Untitled Event", position: 1)
end
+
+ def total_word_count
+ (cached_word_count || 0) + timeline_events.sum(:cached_word_count)
+ end
end
diff --git a/app/models/timelines/timeline_event.rb b/app/models/timelines/timeline_event.rb
index 9cbe6c9eb..d029bae72 100644
--- a/app/models/timelines/timeline_event.rb
+++ b/app/models/timelines/timeline_event.rb
@@ -4,9 +4,86 @@ class TimelineEvent < ApplicationRecord
belongs_to :timeline, touch: true
has_many :timeline_event_entities, dependent: :destroy
+ has_many :word_count_updates, as: :entity, dependent: :destroy
+
+ include HasPageTags
acts_as_list scope: [:timeline_id]
+ # Event type definitions with narrative focus and Material Icons
+ EVENT_TYPES = {
+ 'general' => { name: 'General', icon: 'radio_button_checked' },
+ 'setup' => { name: 'Setup', icon: 'foundation' },
+ 'exposition' => { name: 'Exposition', icon: 'info' },
+ 'inciting_incident' => { name: 'Inciting Incident', icon: 'flash_on' },
+ 'complication' => { name: 'Complication', icon: 'warning' },
+ 'obstacle' => { name: 'Obstacle', icon: 'block' },
+ 'conflict' => { name: 'Conflict', icon: 'gavel' },
+ 'progress' => { name: 'Progress', icon: 'trending_up' },
+ 'revelation' => { name: 'Revelation', icon: 'visibility' },
+ 'transformation' => { name: 'Transformation', icon: 'autorenew' },
+ 'climax' => { name: 'Climax', icon: 'whatshot' },
+ 'resolution' => { name: 'Resolution', icon: 'check_circle' },
+ 'aftermath' => { name: 'Aftermath', icon: 'restore' }
+ }.freeze
+
+ # Validation
+ validates :event_type, inclusion: { in: EVENT_TYPES.keys }
+
+ # Track word count changes for title and description fields
+ WORD_COUNT_TRACKED_FIELDS = %w[title description].freeze
+
+ after_commit :enqueue_word_count_update, if: :word_count_fields_changed?
+
+ def word_count_fields_changed?
+ (saved_changes.keys & WORD_COUNT_TRACKED_FIELDS).any?
+ end
+
+ def enqueue_word_count_update
+ CacheTimelineEventWordCountJob.perform_later(self.id)
+ end
+
+ # Helper methods
+ def event_type_info
+ EVENT_TYPES[event_type] || EVENT_TYPES['general']
+ end
+
+ def event_type_icon
+ event_type_info[:icon]
+ end
+
+ def event_type_name
+ event_type_info[:name]
+ end
+
+ def event_type_color
+ colors = {
+ 'general' => 'bg-gray-500',
+ 'setup' => 'bg-blue-500',
+ 'exposition' => 'bg-indigo-500',
+ 'inciting_incident' => 'bg-yellow-500',
+ 'complication' => 'bg-orange-500',
+ 'obstacle' => 'bg-red-400',
+ 'conflict' => 'bg-red-600',
+ 'progress' => 'bg-green-500',
+ 'revelation' => 'bg-purple-500',
+ 'transformation' => 'bg-pink-500',
+ 'climax' => 'bg-rose-600',
+ 'resolution' => 'bg-emerald-500',
+ 'aftermath' => 'bg-cyan-500'
+ }
+ colors[event_type] || colors['general']
+ end
+
+ def has_duration?
+ end_time_label.present?
+ end
+
+ def display_duration
+ return time_label if end_time_label.blank?
+ "#{time_label} - #{end_time_label}"
+ end
+
# todo move this to a real permissions authorizer
def can_be_modified_by?(user)
user == timeline.user
diff --git a/app/models/users/user.rb b/app/models/users/user.rb
index e44a506d6..b74ea2a41 100644
--- a/app/models/users/user.rb
+++ b/app/models/users/user.rb
@@ -25,11 +25,14 @@ class User < ApplicationRecord
length: { maximum: 20 },
if: Proc.new { |user| user.forums_badge_text_changed? }
+ validates :time_zone, inclusion: { in: ActiveSupport::TimeZone.all.map(&:name) }, allow_nil: false
+
has_many :folders
has_many :subscriptions, dependent: :destroy
has_many :billing_plans, through: :subscriptions
def on_premium_plan?
- BillingPlan::PREMIUM_IDS.include?(self.selected_billing_plan_id) || active_promo_codes.any?
+ # Use Ruby filtering on eager-loaded promotions to avoid N+1 queries
+ BillingPlan::PREMIUM_IDS.include?(self.selected_billing_plan_id) || promotions.any?(&:active?)
end
has_many :promotions, dependent: :destroy
has_many :paypal_invoices
@@ -49,21 +52,22 @@ def referrer
has_many :user_followings, dependent: :destroy
has_many :followed_users, -> { distinct }, through: :user_followings, source: :followed_user
+ has_many :inverse_user_followings, class_name: 'UserFollowing', foreign_key: :followed_user_id, dependent: :destroy
# has_many :followed_by_users, through: :user_followings, source: :user # todo unsure how to actually write this, so we do it manually below
def followed_by_users
- User.where(id: UserFollowing.where(followed_user_id: self.id).pluck(:user_id))
+ User.joins(:user_followings).where(user_followings: { followed_user_id: self.id })
end
def followed_by?(user)
- followed_by_users.pluck(:id).include?(user.id)
+ UserFollowing.exists?(user_id: user.id, followed_user_id: self.id)
end
has_many :user_blockings, dependent: :destroy
has_many :blocked_users, through: :user_blockings, source: :blocked_user
def blocked_by_users
- @cached_blocked_by_users ||= User.where(id: UserBlocking.where(blocked_user_id: self.id).pluck(:user_id))
+ @cached_blocked_by_users ||= User.joins(:user_blockings).where(user_blockings: { blocked_user_id: self.id })
end
def blocked_by?(user)
- blocked_by_users.pluck(:id).include?(user.id)
+ UserBlocking.exists?(user_id: user.id, blocked_user_id: self.id)
end
has_many :content_page_shares, dependent: :destroy
@@ -93,6 +97,9 @@ def published_in_page_collections
has_many :notifications, dependent: :destroy
has_many :notice_dismissals, dependent: :destroy
+ has_many :word_count_updates, dependent: :destroy
+ has_many :writing_goals, dependent: :destroy
+
has_many :page_settings_overrides, dependent: :destroy
has_one_attached :avatar
validates :avatar, attached: false,
@@ -156,7 +163,7 @@ def linkable_documents
universe_id IN (#{(my_universe_ids + contributable_universe_ids + [-1]).uniq.join(',')})
OR
(universe_id IS NULL AND user_id = #{self.id.to_i})
- """).includes([:user])
+ """).where(archived_at: nil).includes([:user])
end
def linkable_timelines
@@ -168,6 +175,7 @@ def linkable_timelines
end
has_many :documents, dependent: :destroy
+ has_many :books, dependent: :destroy
after_create :initialize_stripe_customer, unless: -> { Rails.env == 'test' }
after_create :initialize_referral_code
@@ -182,6 +190,35 @@ def createable_content_types
Rails.application.config.content_types[:all].select { |c| can_create? c }
end
+ # Returns the current date in the user's configured timezone
+ def current_date_in_time_zone
+ Time.current.in_time_zone(time_zone).to_date
+ end
+
+ def words_written_today
+ WordCountUpdate.words_written_on_date(self, current_date_in_time_zone)
+ end
+
+ def current_writing_goals
+ writing_goals.current
+ end
+
+ # Deprecated: use current_writing_goals instead
+ def current_writing_goal
+ writing_goals.current.first
+ end
+
+ # Returns the user's daily word goal: the maximum of all active writing goals,
+ # or a default of 1,000 words if no active goals exist or all goals have nil/0 values
+ DEFAULT_DAILY_WORD_GOAL = 1000
+ def daily_word_goal
+ goals = current_writing_goals
+ return DEFAULT_DAILY_WORD_GOAL if goals.empty?
+
+ calculated = goals.map(&:daily_goal).compact.max
+ calculated.to_i > 0 ? calculated : DEFAULT_DAILY_WORD_GOAL
+ end
+
# as_json creates a hash structure, which you then pass to ActiveSupport::json.encode to actually encode the object as a JSON string.
# This is different from to_json, which converts it straight to an escaped JSON string,
# which is undesireable in a case like this, when we want to modify it
@@ -205,27 +242,25 @@ def name
self[:name].blank? && self.persisted? ? 'Anonymous author' : self[:name]
end
- def image_url(size=80)
- @cached_user_image_url ||= if avatar.attached? # manually-uploaded avatar
- Rails.application.routes.url_helpers.rails_representation_url(avatar.variant(resize_to_limit: [size, size]).processed, only_path: true)
-
+ def image_url(size: 80)
+ if avatar.attached? # manually-uploaded avatar
+ Rails.application.routes.url_helpers.rails_representation_url(avatar.variant(resize_to_fill: [size, size]).processed, only_path: true)
else # otherwise, grab the default from Gravatar for this email address
- gravatar_fallback_url(size)
+ gravatar_fallback_url(size: size)
end
-
rescue ActiveStorage::FileNotFoundError
- gravatar_fallback_url(size)
-
+ gravatar_fallback_url(size: size)
rescue ImageProcessing::Error
- gravatar_fallback_url(size)
+ gravatar_fallback_url(size: size)
end
- def gravatar_fallback_url(size=80)
+ def gravatar_fallback_url(size: 80)
require 'digest/md5' # todo do we actually need to require this all the time?
email_md5 = Digest::MD5.hexdigest(email.downcase)
"https://www.gravatar.com/avatar/#{email_md5}?d=identicon&s=#{size}".html_safe
end
+
# TODO these (3) can probably all be scopes on the related object, no?
def active_subscriptions
subscriptions
@@ -355,11 +390,11 @@ def self.icon
end
def self.color
- 'green'
+ 'green bg-green-600'
end
def self.text_color
- 'green-text'
+ 'green-text text-green-600'
end
def favorite_page_type_color
diff --git a/app/models/users/user_following.rb b/app/models/users/user_following.rb
index 741e5a09d..f1cd6a06b 100644
--- a/app/models/users/user_following.rb
+++ b/app/models/users/user_following.rb
@@ -1,4 +1,6 @@
class UserFollowing < ApplicationRecord
- belongs_to :user
- belongs_to :followed_user, class_name: User.name
+ acts_as_paranoid
+
+ belongs_to :user, counter_cache: :following_count
+ belongs_to :followed_user, class_name: User.name, counter_cache: :followers_count
end
diff --git a/app/models/word_count_update.rb b/app/models/word_count_update.rb
index 1f26dccce..7e56dc46b 100644
--- a/app/models/word_count_update.rb
+++ b/app/models/word_count_update.rb
@@ -1,4 +1,220 @@
class WordCountUpdate < ApplicationRecord
belongs_to :user
belongs_to :entity, polymorphic: true
+
+ after_commit :check_daily_word_goal, on: [:create, :update]
+
+ private
+
+ def check_daily_word_goal
+ DailyWordGoalNotificationJob.perform_later(user_id) if user_id.present?
+ end
+
+ public
+
+ # Calculate actual words written on a specific date (delta from previous day)
+ # Uses ActiveRecord for database-agnostic queries
+ def self.words_written_on_date(user, target_date)
+ # Get all records for the target date
+ today_records = where(user: user, for_date: target_date)
+ .select(:entity_type, :entity_id, :word_count)
+ .to_a
+
+ return 0 if today_records.empty?
+
+ # Defensive: Dedupe by entity (in case of duplicate records from race conditions)
+ # Keep the record with the highest word_count per entity
+ today_records = today_records
+ .group_by { |r| [r.entity_type, r.entity_id] }
+ .transform_values { |records| records.max_by(&:word_count) }
+ .values
+
+ # Get the previous record for each entity in a single query using a subquery
+ entity_ids_by_type = today_records.group_by(&:entity_type).transform_values { |recs| recs.map(&:entity_id).uniq }
+
+ prev_records = []
+ entity_ids_by_type.each do |type, ids|
+ prev_records.concat(
+ where(user: user)
+ .where('for_date < ?', target_date)
+ .where(entity_type: type, entity_id: ids)
+ .group(:entity_type, :entity_id)
+ .select(:entity_type, :entity_id, 'MAX(for_date) as max_date')
+ .to_a
+ )
+ end
+
+ # Fetch the actual word counts for those dates in bulk (avoids N+1)
+ prev_word_counts = {}
+
+ if prev_records.any?
+ # Build conditions for bulk fetch using OR clauses
+ conditions = prev_records.map do |pr|
+ sanitize_sql_array([
+ "(entity_type = ? AND entity_id = ? AND for_date = ?)",
+ pr.entity_type, pr.entity_id, pr.max_date
+ ])
+ end
+
+ records = where(user: user)
+ .where(conditions.join(' OR '))
+ .select(:entity_type, :entity_id, :word_count)
+
+ records.each do |r|
+ prev_word_counts[[r.entity_type, r.entity_id]] = r.word_count
+ end
+ end
+
+ # Calculate deltas
+ total_delta = 0
+ today_records.each do |record|
+ prev_count = prev_word_counts[[record.entity_type, record.entity_id]] || 0
+ delta = record.word_count - prev_count
+ total_delta += delta if delta > 0
+ end
+
+ total_delta
+ end
+
+ # Batch calculate words written for multiple dates efficiently
+ # Returns a hash of { date => word_count }
+ # Uses a single query to fetch all data, then calculates deltas in Ruby
+ def self.batch_words_written_on_dates(user, dates)
+ return {} if dates.empty?
+
+ dates = dates.sort
+ earliest_date = dates.first
+ latest_date = dates.last
+
+ # Fetch all records in the date range plus records before earliest_date for baseline
+ # We need records from before earliest_date to calculate delta for the first date
+ all_records = where(user: user)
+ .where('for_date <= ?', latest_date)
+ .select(:entity_type, :entity_id, :word_count, :for_date)
+ .order(:entity_type, :entity_id, :for_date)
+ .to_a
+
+ return dates.each_with_object({}) { |d, h| h[d] = 0 } if all_records.empty?
+
+ # Group records by entity
+ records_by_entity = all_records.group_by { |r| [r.entity_type, r.entity_id] }
+
+ # For each target date, calculate delta for each entity
+ result = {}
+ dates.each do |target_date|
+ total_delta = 0
+
+ records_by_entity.each do |_entity_key, entity_records|
+ # Find the record for target_date (if any)
+ today_record = entity_records.find { |r| r.for_date == target_date }
+ next unless today_record
+
+ # Find the previous record (most recent before target_date)
+ prev_record = entity_records
+ .select { |r| r.for_date < target_date }
+ .max_by(&:for_date)
+
+ prev_count = prev_record&.word_count || 0
+ delta = today_record.word_count - prev_count
+ total_delta += delta if delta > 0
+ end
+
+ result[target_date] = total_delta
+ end
+
+ result
+ end
+
+ # Alias for backwards compatibility - calls the efficient batch method
+ def self.words_written_on_dates(user, dates)
+ batch_words_written_on_dates(user, dates)
+ end
+
+ # Get all dates with writing activity in a range (single query)
+ # Returns a Set of dates where the user wrote words (positive delta)
+ def self.dates_with_writing_activity(user, start_date, end_date)
+ word_counts = batch_words_written_on_dates(user, (start_date..end_date).to_a)
+ word_counts.select { |_date, count| count > 0 }.keys.to_set
+ end
+
+ # Calculate actual words written in a date range
+ # Compares the final word count in the range vs the day before the range started
+ def self.words_written_in_range(user, date_range)
+ start_date = date_range.first
+ end_date = date_range.last
+
+ # Get the latest record for each entity within the date range
+ latest_in_range = where(user: user, for_date: date_range)
+ .group(:entity_type, :entity_id)
+ .select(:entity_type, :entity_id, 'MAX(for_date) as max_date')
+ .to_a
+
+ return 0 if latest_in_range.empty?
+
+ # Fetch the actual word counts for the latest dates in bulk (avoids N+1)
+ current_word_counts = {}
+
+ if latest_in_range.any?
+ conditions = latest_in_range.map do |lr|
+ sanitize_sql_array([
+ "(entity_type = ? AND entity_id = ? AND for_date = ?)",
+ lr.entity_type, lr.entity_id, lr.max_date
+ ])
+ end
+
+ records = where(user: user)
+ .where(conditions.join(' OR '))
+ .select(:entity_type, :entity_id, :word_count)
+
+ records.each do |r|
+ current_word_counts[[r.entity_type, r.entity_id]] = r.word_count
+ end
+ end
+
+ # Get the previous record for each entity before the range started
+ entity_ids_by_type = latest_in_range.group_by(&:entity_type).transform_values { |recs| recs.map(&:entity_id).uniq }
+
+ prev_records = []
+ entity_ids_by_type.each do |type, ids|
+ prev_records.concat(
+ where(user: user)
+ .where('for_date < ?', start_date)
+ .where(entity_type: type, entity_id: ids)
+ .group(:entity_type, :entity_id)
+ .select(:entity_type, :entity_id, 'MAX(for_date) as max_date')
+ .to_a
+ )
+ end
+
+ # Fetch the actual word counts for those dates in bulk (avoids N+1)
+ prev_word_counts = {}
+
+ if prev_records.any?
+ conditions = prev_records.map do |pr|
+ sanitize_sql_array([
+ "(entity_type = ? AND entity_id = ? AND for_date = ?)",
+ pr.entity_type, pr.entity_id, pr.max_date
+ ])
+ end
+
+ records = where(user: user)
+ .where(conditions.join(' OR '))
+ .select(:entity_type, :entity_id, :word_count)
+
+ records.each do |r|
+ prev_word_counts[[r.entity_type, r.entity_id]] = r.word_count
+ end
+ end
+
+ # Calculate deltas
+ total_delta = 0
+ current_word_counts.keys.each do |key|
+ current = current_word_counts[key] || 0
+ prev = prev_word_counts[key] || 0
+ delta = current - prev
+ total_delta += delta if delta > 0
+ end
+
+ total_delta
+ end
end
diff --git a/app/models/writing_goal.rb b/app/models/writing_goal.rb
new file mode 100644
index 000000000..60880696c
--- /dev/null
+++ b/app/models/writing_goal.rb
@@ -0,0 +1,102 @@
+class WritingGoal < ApplicationRecord
+ belongs_to :user
+
+ # Returns the current date in the user's configured timezone
+ def user_current_date
+ user&.time_zone.present? ? Time.current.in_time_zone(user.time_zone).to_date : Date.current
+ end
+
+ validates :title, presence: true
+ validates :target_word_count, presence: true, numericality: { greater_than: 0 }
+ validates :start_date, presence: true
+ validates :end_date, presence: true
+ validate :end_date_after_start_date
+
+ scope :active, -> { where(active: true) }
+ scope :completed, -> { where.not(completed_at: nil) }
+ scope :archived, -> { where(archived: true) }
+ scope :not_archived, -> { where(archived: false) }
+ scope :current, -> { active.not_archived.where('end_date >= ?', Date.current) }
+
+ def days_remaining
+ return 0 if user_current_date > end_date
+ (end_date - user_current_date).to_i
+ end
+
+ def total_days
+ (end_date - start_date).to_i
+ end
+
+ def days_elapsed
+ return 0 if user_current_date < start_date
+ [total_days, (user_current_date - start_date).to_i].min
+ end
+
+ def words_written_during_goal
+ WordCountUpdate.words_written_in_range(user, start_date..user_current_date)
+ end
+
+ def words_remaining
+ [target_word_count - words_written_during_goal, 0].max
+ end
+
+ def daily_goal
+ return 0 if days_remaining.zero?
+ (words_remaining.to_f / days_remaining).ceil
+ end
+
+ def original_daily_goal
+ return 0 if total_days.zero?
+ (target_word_count.to_f / total_days).ceil
+ end
+
+ def progress_percentage
+ return 100.0 if target_word_count.zero?
+ [(words_written_during_goal.to_f / target_word_count * 100), 100.0].min
+ end
+
+ def expected_words_by_today
+ return target_word_count if user_current_date >= end_date
+ return 0 if user_current_date < start_date
+ (original_daily_goal * days_elapsed)
+ end
+
+ def ahead_or_behind
+ words_written_during_goal - expected_words_by_today
+ end
+
+ def on_track?
+ ahead_or_behind >= 0
+ end
+
+ def completed?
+ completed_at.present? || words_written_during_goal >= target_word_count
+ end
+
+ def mark_completed!
+ update(completed_at: Time.current, active: false) if completed?
+ end
+
+ def archive!
+ update(archived: true)
+ end
+
+ def unarchive!
+ update(archived: false)
+ end
+
+ def daily_word_counts
+ end_dt = [user_current_date, end_date].min
+ dates = (start_date..end_dt).to_a
+ WordCountUpdate.words_written_on_dates(user, dates)
+ end
+
+ private
+
+ def end_date_after_start_date
+ return unless start_date && end_date
+ if end_date <= start_date
+ errors.add(:end_date, 'must be after start date')
+ end
+ end
+end
diff --git a/app/services/README_stream_events.md b/app/services/README_stream_events.md
new file mode 100644
index 000000000..8ba56affb
--- /dev/null
+++ b/app/services/README_stream_events.md
@@ -0,0 +1,117 @@
+# Stream Events Integration
+
+This document explains how to easily create stream events from anywhere in the application using the `StreamEventService`.
+
+## Usage Examples
+
+### 1. Manual Page Sharing
+
+```ruby
+# When a user manually shares a page
+StreamEventService.create_share_event(
+ user: current_user,
+ content_page: @character,
+ message: "Check out my new character!"
+)
+```
+
+### 2. Collection Publishing
+
+```ruby
+# When a page gets published to a collection
+StreamEventService.create_collection_published_event(
+ user: @page.user,
+ content_page: @page,
+ collection: @collection
+)
+```
+
+### 3. Document Publishing
+
+```ruby
+# When a user publishes a document
+StreamEventService.create_document_published_event(
+ user: current_user,
+ document: @document
+)
+```
+
+### 4. Generic Activity Events
+
+```ruby
+# Generic method for various activity types
+StreamEventService.create_activity_event(
+ user: current_user,
+ activity_type: :published_to_collection,
+ target: {
+ content_page: @page,
+ collection: @collection
+ }
+)
+```
+
+## Integration Points
+
+### In Controllers
+
+Add stream events to existing controllers:
+
+```ruby
+# In page_collections_controller.rb
+def add_page_to_collection
+ # ... existing logic ...
+
+ if @submission.approved?
+ StreamEventService.create_collection_published_event(
+ user: @submission.content_page.user,
+ content_page: @submission.content_page,
+ collection: @collection
+ )
+ end
+end
+```
+
+### In Jobs/Background Tasks
+
+```ruby
+class PublishToCollectionJob < ApplicationJob
+ def perform(page_id, collection_id)
+ # ... existing logic ...
+
+ StreamEventService.create_activity_event(
+ user: page.user,
+ activity_type: :published_to_collection,
+ target: { content_page: page, collection: collection }
+ )
+ end
+end
+```
+
+### In Models (after_save callbacks)
+
+```ruby
+class Document < ApplicationRecord
+ after_update :create_stream_event_if_published
+
+ private
+
+ def create_stream_event_if_published
+ if saved_change_to_privacy? && privacy == 'public'
+ StreamEventService.create_document_published_event(
+ user: self.user,
+ document: self
+ )
+ end
+ end
+end
+```
+
+## Extending the System
+
+To add new event types:
+
+1. Add a new method to `StreamEventService`
+2. Add a case to `create_activity_event` method
+3. Optionally create new partial templates in `app/views/stream/` for custom event rendering
+
+The system is designed to be lightweight and extensible while maintaining consistency with the existing notification system.
\ No newline at end of file
diff --git a/app/services/changelog_stats_service.rb b/app/services/changelog_stats_service.rb
new file mode 100644
index 000000000..b9d533d17
--- /dev/null
+++ b/app/services/changelog_stats_service.rb
@@ -0,0 +1,151 @@
+# frozen_string_literal: true
+
+class ChangelogStatsService
+ def initialize(content)
+ @content = content
+ @change_events = content.attribute_change_events
+ end
+
+ def total_changes
+ @change_events.sum { |event| event.changed_fields.keys.length }
+ end
+
+ def active_days
+ @change_events.map { |event| event.created_at.to_date }.uniq.length
+ end
+
+ def most_recent_activity
+ @change_events.first&.created_at
+ end
+
+ def creation_date
+ @content.created_at
+ end
+
+ def days_since_creation
+ (Date.current - creation_date.to_date).to_i
+ end
+
+ def most_active_field
+ field_counts = Hash.new(0)
+
+ @change_events.each do |event|
+ event.changed_fields.keys.each do |field_key|
+ field_counts[field_key] += 1
+ end
+ end
+
+ return nil if field_counts.empty?
+
+ most_frequent_field_id = field_counts.max_by { |_, count| count }.first
+ find_field_by_id(most_frequent_field_id)
+ end
+
+ def change_intensity_by_week
+ # Group changes by week for the page's lifetime (capped at 52 weeks)
+ weeks_since_creation = (days_since_creation / 7.0).ceil
+ weeks_to_show = [weeks_since_creation + 1, 52].min
+
+ weeks = []
+ (0..(weeks_to_show - 1)).each do |i|
+ week_start = i.weeks.ago.beginning_of_week
+ week_end = week_start.end_of_week
+
+ changes_this_week = @change_events.select do |event|
+ event.created_at >= week_start && event.created_at <= week_end
+ end
+
+ weeks << {
+ week_start: week_start,
+ week_end: week_end,
+ change_count: changes_this_week.sum { |event| event.changed_fields.keys.length },
+ event_count: changes_this_week.length
+ }
+ end
+
+ weeks.reverse
+ end
+
+ def changes_by_day_of_week
+ day_counts = Hash.new(0)
+
+ @change_events.each do |event|
+ day_name = event.created_at.strftime('%A')
+ day_counts[day_name] += event.changed_fields.keys.length
+ end
+
+ # Return in week order
+ %w[Monday Tuesday Wednesday Thursday Friday Saturday Sunday].map do |day|
+ { day: day, count: day_counts[day] }
+ end
+ end
+
+ def biggest_single_update
+ biggest_event = @change_events.max_by { |event| event.changed_fields.keys.length }
+ return nil unless biggest_event
+
+ {
+ event: biggest_event,
+ field_count: biggest_event.changed_fields.keys.length,
+ date: biggest_event.created_at
+ }
+ end
+
+ def writing_streaks
+ # Find consecutive days with changes
+ change_dates = @change_events.map { |event| event.created_at.to_date }.uniq.sort.reverse
+
+ return [] if change_dates.empty?
+
+ streaks = []
+ current_streak = [change_dates.first]
+
+ change_dates.each_cons(2) do |current_date, next_date|
+ if (current_date - next_date).to_i == 1
+ current_streak << next_date
+ else
+ streaks << current_streak if current_streak.length > 1
+ current_streak = [next_date]
+ end
+ end
+
+ streaks << current_streak if current_streak.length > 1
+ streaks.sort_by(&:length).reverse
+ end
+
+ def longest_writing_streak
+ streaks = writing_streaks
+ return nil if streaks.empty?
+
+ longest = streaks.first
+ {
+ length: longest.length,
+ start_date: longest.last,
+ end_date: longest.first
+ }
+ end
+
+ def grouped_changes_by_date
+ # Group changes by date for timeline display
+ grouped = @change_events.group_by { |event| event.created_at.to_date }
+
+ grouped.map do |date, events|
+ {
+ date: date,
+ events: events,
+ total_field_changes: events.sum { |event| event.changed_fields.keys.length },
+ users: events.map(&:user).compact.uniq
+ }
+ end.sort_by { |group| group[:date] }.reverse
+ end
+
+ private
+
+ def find_field_by_id(field_id)
+ # Get related attribute and field information
+ related_attribute = Attribute.find_by(id: @change_events.map(&:content_id).uniq)
+ return nil unless related_attribute
+
+ AttributeField.find_by(id: related_attribute.attribute_field_id)
+ end
+end
\ No newline at end of file
diff --git a/app/services/content_formatter_service.rb b/app/services/content_formatter_service.rb
index e1eb40d29..e01889b18 100644
--- a/app/services/content_formatter_service.rb
+++ b/app/services/content_formatter_service.rb
@@ -174,7 +174,7 @@ def self.link_for(content_model)
[
Rails.env.production? ? 'https://' : 'http://',
Rails.env.production? ? 'www.notebook.ai' : 'localhost:3000', # Rails.application.routes.default_url_options[:host]?
- content_model.class.name != Document.name ? '/plan/' : '/',
+ %w[Document Book].exclude?(content_model.class.name) ? '/plan/' : '/',
content_model.class.name.downcase.pluralize,
'/',
content_model.id
diff --git a/app/services/documents/analysis/counting_service.rb b/app/services/documents/analysis/counting_service.rb
index 26b94b60f..8454858b8 100644
--- a/app/services/documents/analysis/counting_service.rb
+++ b/app/services/documents/analysis/counting_service.rb
@@ -8,7 +8,8 @@ def self.analyze(analysis_id)
document = analysis.document
# Length counters
- analysis.word_count = document.words.count
+ # Use WordCountService for consistent word counting across the app
+ analysis.word_count = WordCountService.count(document.body)
analysis.page_count = document.pages.count
analysis.paragraph_count = document.paragraphs.count
analysis.character_count = document.characters.count
diff --git a/app/services/forum_replacement_service.rb b/app/services/forum_replacement_service.rb
index 133802d98..e8eac4ad0 100644
--- a/app/services/forum_replacement_service.rb
+++ b/app/services/forum_replacement_service.rb
@@ -36,7 +36,7 @@ class ForumReplacementService < Service
# gremlin replacements
GREMLINS_WORD_REPLACEMENTS = {
- '<3' => "&heart; ",
+ '<3' => "&heart; ",
'$5' => '[̲̅$̲̅(̲̅5̲̅)̲̅$̲̅]',
'0 Kelvin' => 'absolute frosty',
'0/10' => '10/10',
@@ -335,7 +335,7 @@ class ForumReplacementService < Service
'shrimp' => 'chill krill',
'shrimps' => 'chill krills',
'skydiving' => 'falling out of the sky',
- 'smol' => 'smol ',
+ 'smol' => 'smol ',
'snake' => 'slippery dippery long mover',
'snakes' => 'slippery dippery long movers',
'snail' => 'slime racer',
@@ -393,7 +393,7 @@ class ForumReplacementService < Service
'whales' => 'blubberbutt watermutts',
'wheeze' => 'sneeze',
'wheezing' => 'sneezing',
- 'why is everyone yelling' => 'why is everyone yelling',
+ 'why is everyone yelling' => 'why is everyone yelling',
'window' => 'see-through wall',
'worm' => 'wriggly wiggly',
"writer's block" => 'imagination traffic jam',
@@ -406,7 +406,7 @@ class ForumReplacementService < Service
'years' => 'orbit parties',
'yeet' => 'defenestrate',
'yoga' => 'bendy business',
- 'yuge' => 'yuge ',
+ 'yuge' => 'yuge ',
'zalgo' => 'H̶̛̼̼̪̝̞͓̞͕͇̯͚͎͚̘̳͕̱̤̠̗͔͇̙̣̰͓̖̰̯̀̓̐̑̇͊͂̀͋̒̐̓͒̒͊͊̕͜͝ͅE̴̡̧̨̨̲̥̯͎̭̻̩̞̘̞̪̞̗̭͖̻͙͕͎̮͕̺͕̲̘̻̣͚̳̥͍̙͈͚͍͉̗͙̱͖͚̾̂̇͛̉͋͊̾͛̆̀́͑͛̅̋͊̕͘͜͜͜͝ͅͅͅͅ ̸̡̡̨̡̨̛̞͎̹̩̬̗̗̞̬̰̮̙̪̖͈̣̹͔̺̫̰̓̔̉̋̈̈́͐́̿̈̀͊̿̈̉̅̃̊̽͗̈̿̈́̓̈́̎͌̄̀̆̌̎͗̋͒̋̿̋̊̈́͆̋̾̈̏̈́̋̿̕̕̚͝͝͠͠ͅͅͅC̵̛̘̳͙̪̭͖̲̞̯̰̜͇̈̾̈́͋̌̉̽̽͑̎͌̾̈́͌̑͊̊̔̀͆̌̀̇̓͊̀̂̇̿̃͑́̈́̆͂̈́̾̓́̂̂̓̂̍̍͛͆͌͌̽̎̍̀̒̆̀͗͋͘͘͘͝͠͝͝͠͝͝Ǫ̸͕̻̞̝̜͚̗̮̼͎̤͔̤̱͔̫͂̄̉̋̈͊͐͂̇̀̌̎́͑̐̀̈́͋̓̾̅͒̒̄͑̒̆̑̾͜͝͝͝͝M̷̧̧̡̨̛̛̩̭̞͍̼̝̗͕̖͇̣̣̩͆̿̑͒́̉̅̓̌̆̈́͐͒̾̐̂̿̓̚͘̚͜E̵̡̨̢̧̢̢̡̢̨̛̠̱̻̺̦͚̹͓̬͔̪̟̼̥̯̠̘͚̫̯͍̺͔̫̟͇̱̦̟̪͚͉̣̳͓͍̬̙̲͔̘͙͔̤̰̜͍̠̩͉͐̂̊̏̐̿̊̋͑̿̇̊̈́͗̎̋́́̉̓̂̐͑̇̐̐͋́̒̈́͛͑͒̂͒̂̔̀̄̈́̓͂͆̈́͒̌͆̓͗̋͐̔̑͐̕͘ͅͅͅŞ̴̧̧̡̢̧̡̢͕̝͚̝̖͚̣̞̫̻̯͔̳̗̝̰̗̰̰̥̭͕̜̜̫͍̪̳̘̣̺̠͉̗̟͕̹͇̬̘̘̪͆͗̎̕',
'antagonist' => 'plot troublemaker',
'character arc' => 'protagonist pilgrimage',
@@ -577,7 +577,7 @@ class ForumReplacementService < Service
}
def self.replace_for(text, user)
- gremlins_phase = 0
+ gremlins_phase = 3
replaced_text = text.dup
# Page tag replacements
@@ -635,6 +635,7 @@ def self.replace_for(text, user)
end
def self.wrapped(text, tooltip, color='blue')
- "#{text} "
+ # Flat, simple, soft highlight reflecting the site aesthetic (avoiding malware link vibes)
+ "#{text} "
end
end
diff --git a/app/services/green_service.rb b/app/services/green_service.rb
index ccf9fd181..c5b4a6abb 100644
--- a/app/services/green_service.rb
+++ b/app/services/green_service.rb
@@ -49,31 +49,76 @@ def self.trees_saved_by(worldbuilding_page_type)
end
def self.total_document_pages_equivalent
- total_pages = 0
+ # Use a single query with conditional aggregation instead of 3 separate queries
+ result = Document.with_deleted
+ .where.not(cached_word_count: nil)
+ .select(
+ 'COUNT(CASE WHEN cached_word_count <= 500 THEN 1 END) as small_docs_count',
+ 'SUM(CASE WHEN cached_word_count > 500 THEN cached_word_count ELSE 0 END) as large_docs_word_count',
+ 'COUNT(CASE WHEN cached_word_count > 500 THEN 1 END) as large_docs_count'
+ ).take
+
+ small_docs_count = result.small_docs_count || 0
+ large_docs_word_count = result.large_docs_word_count || 0
+ large_docs_count = result.large_docs_count || 0
# Treat all <1-page documents as 1 page per document, since they'd print on separate pages
- total_pages += Document.with_deleted.where('cached_word_count <= ?', AVERAGE_WORDS_PER_PAGE).count
+ total_pages = small_docs_count
# For all >1-page documents, do a quick estimate of word count sum + num docs to also cover EOD page breaks
- docs = Document.with_deleted.where.not(cached_word_count: nil).where('cached_word_count > ?', AVERAGE_WORDS_PER_PAGE)
- total_pages += (docs.sum(:cached_word_count) / AVERAGE_WORDS_PER_PAGE.to_f).round
- total_pages += docs.count
+ total_pages += (large_docs_word_count / AVERAGE_WORDS_PER_PAGE.to_f).round
+ total_pages += large_docs_count
total_pages
end
- def self.total_timeline_pages_equivalent
- ((TimelineEvent.last.try(:id) || 0) / AVERAGE_TIMELINE_EVENTS_PER_PAGE.to_f).to_i
+ def self.total_timeline_pages_equivalent(max_timeline_event_id = nil)
+ max_id = max_timeline_event_id || (TimelineEvent.last.try(:id) || 0)
+ (max_id / AVERAGE_TIMELINE_EVENTS_PER_PAGE.to_f).to_i
end
- def self.total_physical_pages_equivalent(content_type)
+ def self.total_physical_pages_equivalent(content_type, max_id: nil)
case content_type.name
when 'Timeline'
- GreenService.total_timeline_pages_equivalent
+ GreenService.total_timeline_pages_equivalent(max_id)
when 'Document'
GreenService.total_document_pages_equivalent
else
- GreenService.physical_pages_equivalent_for(content_type.name) * (content_type.last.try(:id) || 0)
+ fetched_max_id = max_id || (content_type.last.try(:id) || 0)
+ GreenService.physical_pages_equivalent_for(content_type.name) * fetched_max_id
+ end
+ end
+
+ # Batch-fetch max IDs for all content types in a single query
+ # Returns a hash mapping content_type.name => max_id
+ def self.max_ids_for_content_types(content_types)
+ return {} if content_types.empty?
+
+ queries = content_types.map do |content_type|
+ case content_type.name
+ when 'Timeline'
+ # Timeline uses TimelineEvent's max ID from timeline_events table
+ "SELECT 'TimelineEvent' as content_type, COALESCE(MAX(id), 0) as max_id FROM timeline_events"
+ when 'Document'
+ # Document table - include all records for total count
+ "SELECT 'Document' as content_type, COALESCE(MAX(id), 0) as max_id FROM documents"
+ else
+ # Standard content types use pluralized lowercase table names
+ table_name = content_type.name.downcase.pluralize
+ "SELECT '#{content_type.name}' as content_type, COALESCE(MAX(id), 0) as max_id FROM #{table_name}"
+ end
+ end
+
+ sql = queries.join(' UNION ALL ')
+ results = ActiveRecord::Base.connection.execute(sql)
+
+ # Convert to hash, handling both SQLite (hash) and MySQL (array) result formats
+ results.to_a.each_with_object({}) do |row, hash|
+ if row.is_a?(Hash)
+ hash[row['content_type']] = row['max_id'].to_i
+ else
+ hash[row[0]] = row[1].to_i
+ end
end
end
diff --git a/app/services/serendipitous_service.rb b/app/services/serendipitous_service.rb
index eb77ea37f..b0b154b6a 100644
--- a/app/services/serendipitous_service.rb
+++ b/app/services/serendipitous_service.rb
@@ -8,14 +8,6 @@ def self.question_for(content)
hidden: [nil, false]
)
- # TODO: we should remove this at some point. How do we know when it's safe to do so?
- # TODO: is this what creates new fields/categories for new users? hopefully not.
- if categories_for_this_type.empty? && content.present?
- # If this page type has no categories, it needs migrated to the new attribute system
- TemporaryFieldMigrationService.migrate_fields_for_content(content, content.user)
- end
- #raise categories_for_this_type.pluck(:label).inspect
-
fields_for_these_categories = AttributeField.where(
user: content.user,
field_type: "text_area",
diff --git a/app/services/stream_event_service.rb b/app/services/stream_event_service.rb
new file mode 100644
index 000000000..3c268f29b
--- /dev/null
+++ b/app/services/stream_event_service.rb
@@ -0,0 +1,66 @@
+class StreamEventService
+ def self.create_share_event(user:, content_page:, message: nil)
+ return unless user && content_page
+
+ # Make the content page public when sharing
+ content_page.update(privacy: 'public') if content_page.respond_to?(:privacy)
+
+ ContentPageShare.create!(
+ user: user,
+ content_page: content_page,
+ message: message,
+ shared_at: DateTime.current
+ )
+ end
+
+ def self.create_collection_published_event(user:, content_page:, collection:)
+ return unless user && content_page && collection
+
+ message = "#{content_page.name} was featured in the collection #{collection.name}!"
+
+ create_share_event(
+ user: user,
+ content_page: content_page,
+ message: message
+ )
+ end
+
+ def self.create_forum_thread_event(user:, thread_title:, thread_url:)
+ # For forum threads, we'll need to create a different type of stream event
+ # This would require extending the ContentPageShare model or creating a new model
+ # For now, this is a placeholder for future implementation
+ Rails.logger.info "StreamEventService: Would create forum thread event for #{user.display_name}: #{thread_title}"
+ end
+
+ def self.create_document_published_event(user:, document:)
+ return unless user && document
+
+ create_share_event(
+ user: user,
+ content_page: document,
+ message: "Just published this document!"
+ )
+ end
+
+ # Helper method to create notification-style stream events
+ def self.create_activity_event(user:, activity_type:, target:, message: nil)
+ case activity_type
+ when :published_to_collection
+ create_collection_published_event(
+ user: user,
+ content_page: target[:content_page],
+ collection: target[:collection]
+ )
+ when :shared_document
+ create_document_published_event(user: user, document: target)
+ when :forum_thread
+ create_forum_thread_event(
+ user: user,
+ thread_title: target[:title],
+ thread_url: target[:url]
+ )
+ else
+ Rails.logger.warn "StreamEventService: Unknown activity type: #{activity_type}"
+ end
+ end
+end
\ No newline at end of file
diff --git a/app/services/template_export_service.rb b/app/services/template_export_service.rb
new file mode 100644
index 000000000..757ea7f67
--- /dev/null
+++ b/app/services/template_export_service.rb
@@ -0,0 +1,281 @@
+class TemplateExportService
+ def initialize(user, content_type)
+ @user = user
+ @content_type = content_type.downcase
+ @content_type_class = @content_type.titleize.constantize
+ @categories = load_template_structure
+ end
+
+ def export_as_yaml
+ template_data = build_template_data
+
+ # Generate YAML with comments and metadata
+ yaml_content = []
+ yaml_content << "# #{@content_type.titleize} Template Export"
+ yaml_content << "# Generated: #{Time.current.strftime('%Y-%m-%d %H:%M:%S UTC')}"
+ yaml_content << "# Content Type: #{@content_type.titleize}"
+ yaml_content << "# Categories: #{template_data[:statistics][:total_categories]} | Fields: #{template_data[:statistics][:total_fields]} | User: #{@user.username || @user.email}"
+ yaml_content << ""
+ yaml_content << template_data.to_yaml
+
+ yaml_content.join("\n")
+ end
+
+ def export_as_markdown
+ template_data = build_template_data
+
+ markdown_content = []
+ markdown_content << "# #{@content_type.titleize} Template"
+ markdown_content << ""
+ markdown_content << "**Generated:** #{Time.current.strftime('%B %d, %Y at %H:%M UTC')}"
+ markdown_content << "**Content Type:** #{@content_type.titleize}"
+ markdown_content << "**Categories:** #{template_data[:statistics][:total_categories]} | **Fields:** #{template_data[:statistics][:total_fields]}"
+ markdown_content << ""
+
+ # Template overview
+ markdown_content << "## Template Overview"
+ markdown_content << ""
+ markdown_content << "This template defines the structure and fields for your #{@content_type.titleize.downcase} pages."
+ markdown_content << ""
+
+ # Statistics
+ stats = template_data[:statistics]
+ markdown_content << "### Statistics"
+ markdown_content << ""
+ markdown_content << "- **Total Categories:** #{stats[:total_categories]}"
+ markdown_content << "- **Total Fields:** #{stats[:total_fields]}"
+ markdown_content << "- **Hidden Categories:** #{stats[:hidden_categories]}"
+ markdown_content << "- **Hidden Fields:** #{stats[:hidden_fields]}"
+ markdown_content << "- **Custom Categories:** #{stats[:custom_categories]}"
+ markdown_content << ""
+
+ # Categories and fields
+ markdown_content << "## Template Structure"
+ markdown_content << ""
+
+ template_data[:template][:categories].each do |category_name, category_data|
+ icon_display = category_data[:icon] ? " 📋" : ""
+ hidden_display = category_data[:hidden] ? " (Hidden)" : ""
+
+ markdown_content << "### #{category_data[:label]}#{icon_display}#{hidden_display}"
+ markdown_content << ""
+
+ if category_data[:description].present?
+ markdown_content << "_#{category_data[:description]}_"
+ markdown_content << ""
+ end
+
+ if category_data[:fields].any?
+ category_data[:fields].each do |field_name, field_data|
+ field_icon = case field_data[:field_type]
+ when 'name' then '📝'
+ when 'text_area' then '📄'
+ when 'link' then '🔗'
+ when 'universe' then '🌍'
+ when 'tags' then '🏷️'
+ else '📋'
+ end
+
+ hidden_text = field_data[:hidden] ? " _(Hidden)_" : ""
+ markdown_content << "- **#{field_data[:label]}** #{field_icon}#{hidden_text}"
+
+ if field_data[:description].present?
+ markdown_content << " - _#{field_data[:description]}_"
+ end
+
+ if field_data[:field_type] == 'link' && field_data[:field_options][:linkable_types].present?
+ linkable_types = field_data[:field_options][:linkable_types].join(', ')
+ markdown_content << " - Links to: #{linkable_types}"
+ end
+ end
+ markdown_content << ""
+ else
+ markdown_content << "_No fields in this category_"
+ markdown_content << ""
+ end
+ end
+
+ # Customizations
+ if template_data[:customizations].any?
+ markdown_content << "## Template Customizations"
+ markdown_content << ""
+ markdown_content << "The following customizations have been made from the default template:"
+ markdown_content << ""
+
+ template_data[:customizations].each do |customization|
+ case customization[:action]
+ when 'added_category'
+ markdown_content << "- ➕ **Added Category:** #{customization[:label]}"
+ when 'modified_field'
+ markdown_content << "- ✏️ **Modified Field:** #{customization[:category]} → #{customization[:field]} (#{customization[:change]})"
+ when 'hidden_category'
+ markdown_content << "- 👁️ **Hidden Category:** #{customization[:label]}"
+ when 'hidden_field'
+ markdown_content << "- 👁️ **Hidden Field:** #{customization[:category]} → #{customization[:field]}"
+ end
+ end
+ markdown_content << ""
+ end
+
+ markdown_content << "---"
+ markdown_content << "_Template exported from Notebook.ai on #{Time.current.strftime('%B %d, %Y')}_"
+
+ markdown_content.join("\n")
+ end
+
+ def export_as_json
+ template_data = build_template_data
+ JSON.pretty_generate(template_data)
+ end
+
+ def export_as_csv
+ require 'csv'
+ template_data = build_template_data
+
+ CSV.generate(headers: true) do |csv|
+ # Header row
+ csv << [
+ 'Category', 'Category_Position', 'Category_Hidden', 'Category_Description',
+ 'Field', 'Field_Type', 'Field_Position', 'Field_Hidden', 'Field_Description',
+ 'Field_Options'
+ ]
+
+ # Data rows
+ template_data[:template][:categories].each do |category_name, category_data|
+ if category_data[:fields].any?
+ category_data[:fields].each do |field_name, field_data|
+ csv << [
+ category_data[:label],
+ category_data[:position],
+ category_data[:hidden],
+ category_data[:description],
+ field_data[:label],
+ field_data[:field_type],
+ field_data[:position],
+ field_data[:hidden],
+ field_data[:description],
+ field_data[:field_options].to_json
+ ]
+ end
+ else
+ # Category with no fields
+ csv << [
+ category_data[:label],
+ category_data[:position],
+ category_data[:hidden],
+ category_data[:description],
+ '', '', '', '', '', ''
+ ]
+ end
+ end
+ end
+ end
+
+ private
+
+ def load_template_structure
+ @content_type_class
+ .attribute_categories(@user, show_hidden: true)
+ .shown_on_template_editor
+ .includes(:attribute_fields)
+ .order(:position)
+ end
+
+ def build_template_data
+ template_categories = {}
+ total_fields = 0
+ hidden_categories = 0
+ hidden_fields = 0
+ custom_categories = 0
+ customizations = []
+
+ # Load default template structure for comparison
+ default_structure = load_default_template_structure
+
+ @categories.each do |category|
+ total_fields += category.attribute_fields.count
+ hidden_categories += 1 if category.hidden?
+
+ # Check if this is a custom category (not in defaults)
+ unless default_structure.key?(category.name.to_sym)
+ custom_categories += 1
+ customizations << {
+ action: 'added_category',
+ name: category.name,
+ label: category.label
+ }
+ end
+
+ # Track hidden categories
+ if category.hidden?
+ customizations << {
+ action: 'hidden_category',
+ name: category.name,
+ label: category.label
+ }
+ end
+
+ # Build category data
+ category_fields = {}
+ category.attribute_fields.order(:position).each do |field|
+ hidden_fields += 1 if field.hidden?
+
+ # Track hidden fields
+ if field.hidden?
+ customizations << {
+ action: 'hidden_field',
+ category: category.label,
+ field: field.label
+ }
+ end
+
+ category_fields[field.name.to_sym] = {
+ label: field.label,
+ field_type: field.field_type,
+ position: field.position,
+ description: field.description,
+ hidden: field.hidden?,
+ field_options: field.field_options || {}
+ }
+ end
+
+ template_categories[category.name.to_sym] = {
+ label: category.label,
+ icon: category.icon,
+ description: category.description,
+ position: category.position,
+ hidden: category.hidden?,
+ fields: category_fields
+ }
+ end
+
+ {
+ template: {
+ content_type: @content_type,
+ icon: @content_type_class.icon,
+ categories: template_categories
+ },
+ statistics: {
+ total_categories: @categories.count,
+ total_fields: total_fields,
+ hidden_categories: hidden_categories,
+ hidden_fields: hidden_fields,
+ custom_categories: custom_categories
+ },
+ customizations: customizations
+ }
+ end
+
+ def load_default_template_structure
+ # Load the default YAML structure for comparison
+ yaml_path = Rails.root.join('config', 'attributes', "#{@content_type}.yml")
+ if File.exist?(yaml_path)
+ YAML.load_file(yaml_path) || {}
+ else
+ {}
+ end
+ rescue => e
+ Rails.logger.warn "Could not load default template structure for #{@content_type}: #{e.message}"
+ {}
+ end
+end
\ No newline at end of file
diff --git a/app/services/template_initialization_service.rb b/app/services/template_initialization_service.rb
new file mode 100644
index 000000000..bcc8cd2e0
--- /dev/null
+++ b/app/services/template_initialization_service.rb
@@ -0,0 +1,202 @@
+class TemplateInitializationService
+ def initialize(user, content_type)
+ @user = user
+ @content_type = content_type.downcase
+ @content_type_class = @content_type.titleize.constantize
+ end
+
+ def initialize_default_template!
+ # Load the YAML template structure
+ yaml_path = Rails.root.join('config', 'attributes', "#{@content_type}.yml")
+ unless File.exist?(yaml_path)
+ Rails.logger.warn "No default template found for #{@content_type} at #{yaml_path}"
+ return []
+ end
+
+ template_structure = YAML.load_file(yaml_path) || {}
+ created_categories = []
+
+ ActiveRecord::Base.transaction do
+ # Create categories in YAML order, acts_as_list will handle positioning
+ template_structure.each do |category_name, details|
+ # Create category (ignoring soft-deleted ones)
+ category = create_category(category_name, details)
+ created_categories << category
+
+ # Create fields for this category in YAML order
+ if details[:attributes].present?
+ details[:attributes].each do |field_details|
+ create_field(category, field_details)
+ end
+ end
+ end
+ end
+
+ # Clear any cached template data
+ Rails.cache.delete("#{@content_type}_template_#{@user.id}")
+
+ # Force correct ordering based on YAML file structure
+ if created_categories.any?
+ created_categories.first.backfill_categories_ordering!
+ end
+
+ created_categories
+ end
+
+ def recreate_template_after_reset!
+ # This method is specifically for template resets
+ # It assumes existing data has been cleaned up and we need fresh defaults
+
+ Rails.logger.info "Recreating default template for user #{@user.id}, content_type #{@content_type}"
+ result = initialize_default_template!
+
+ # Force reload of the content type's cached categories
+ if @content_type_class.respond_to?(:clear_attribute_cache)
+ @content_type_class.clear_attribute_cache(@user)
+ end
+
+ result
+ end
+
+ def template_exists?
+ # Check if user has any non-deleted template structure for this content type
+ @user.attribute_categories
+ .where(entity_type: @content_type)
+ .exists?
+ end
+
+ def default_template_structure
+ # Load and return the YAML structure without creating database records
+ yaml_path = Rails.root.join('config', 'attributes', "#{@content_type}.yml")
+ return {} unless File.exist?(yaml_path)
+
+ YAML.load_file(yaml_path) || {}
+ rescue => e
+ Rails.logger.error "Error loading default template structure: #{e.message}"
+ {}
+ end
+
+ private
+
+ def create_category(category_name, details)
+ # Only look for non-deleted categories
+ category = @user.attribute_categories
+ .where(entity_type: @content_type, name: category_name.to_s)
+ .first
+
+ if category.nil?
+ # Let acts_as_list handle the positioning by creating at the end
+ category = @user.attribute_categories.create!(
+ entity_type: @content_type,
+ name: category_name.to_s,
+ label: details[:label] || category_name.to_s.titleize,
+ icon: details[:icon] || 'help'
+ )
+ Rails.logger.debug "Created category: #{category.label} for #{@content_type} at position #{category.position}"
+ else
+ # Update existing category with current defaults (in case YAML changed)
+ category.update!(
+ label: details[:label] || category_name.to_s.titleize,
+ icon: details[:icon] || 'help'
+ )
+ Rails.logger.debug "Updated existing category: #{category.label} for #{@content_type}"
+ end
+
+ category
+ end
+
+ def create_field(category, field_details)
+ field_name = field_details[:name]
+ field_type = field_details[:field_type].presence || "text_area"
+ field_label = field_details[:label].presence || field_name.to_s.titleize
+
+ # Determine field_options for link fields
+ field_options = {}
+ if field_type == 'link'
+ linkable_types = determine_linkable_types_for_field(field_name)
+ field_options = { linkable_types: linkable_types } if linkable_types.any?
+ Rails.logger.debug "Setting linkable_types for #{field_label}: #{linkable_types.inspect}"
+ end
+
+ # Only look for non-deleted fields
+ field = category.attribute_fields
+ .where(old_column_source: field_name)
+ .first
+
+ if field.nil?
+ # Let acts_as_list handle positioning for fields too
+ field = category.attribute_fields.create!(
+ old_column_source: field_name,
+ user: @user,
+ field_type: field_type,
+ label: field_label,
+ field_options: field_options,
+ migrated_from_legacy: true
+ )
+ Rails.logger.debug "Created field: #{field.label} in category #{category.label}"
+ else
+ # Update existing field with current defaults
+ field.update!(
+ field_type: field_type,
+ label: field_label,
+ field_options: field_options,
+ migrated_from_legacy: true
+ )
+ Rails.logger.debug "Updated existing field: #{field.label} in category #{category.label}"
+ end
+
+ field
+ end
+
+ private
+
+ def determine_linkable_types_for_field(field_name)
+ # Get the content class we're working with
+ content_class = @content_type.classify.constantize
+
+ # Check if this field has a relationship defined
+ content_relations = Rails.application.config.content_relations || {}
+ content_type_key = @content_type.to_sym
+
+ if content_relations[content_type_key] && content_relations[content_type_key][field_name.to_sym]
+ relation_info = content_relations[content_type_key][field_name.to_sym]
+
+ # Get the relationship model class
+ relationship_class_name = relation_info[:relationship_class]
+ if relationship_class_name
+ begin
+ relationship_class = relationship_class_name.constantize
+
+ # Find the belongs_to association that isn't the source
+ source_association_name = relation_info[:source_key]&.to_s&.singularize
+
+ relationship_class.reflect_on_all_associations(:belongs_to).each do |assoc|
+ # Skip the association back to the source model
+ next if assoc.name.to_s == source_association_name
+
+ # This should be the target association
+ target_class = assoc.klass
+ return [target_class.name] if target_class
+ end
+ rescue => e
+ Rails.logger.warn "Error determining linkable types for #{field_name}: #{e.message}"
+ end
+ end
+ end
+
+ # Fallback: try to infer from common field naming patterns
+ case field_name.to_s
+ when /owner|character|person|friend|sibling|parent|child|relative/
+ ['Character']
+ when /location|place|town|city|building/
+ ['Location']
+ when /item|object|thing|equipment|weapon|tool/
+ ['Item']
+ when /universe|world|setting/
+ ['Universe']
+ else
+ # Default to allowing links to all major content types
+ ['Character', 'Location', 'Item']
+ end
+ end
+end
\ No newline at end of file
diff --git a/app/services/template_reset_service.rb b/app/services/template_reset_service.rb
new file mode 100644
index 000000000..c23a7302d
--- /dev/null
+++ b/app/services/template_reset_service.rb
@@ -0,0 +1,169 @@
+class TemplateResetService
+ require 'set'
+
+ def initialize(user, content_type)
+ @user = user
+ @content_type = content_type.downcase
+ @content_type_class = @content_type.titleize.constantize
+ end
+
+ def reset_template!
+ reset_summary = analyze_reset_impact
+
+ ActiveRecord::Base.transaction do
+ # Soft delete all existing categories and fields for this content type
+ existing_categories = @user.attribute_categories
+ .where(entity_type: @content_type)
+ .includes(:attribute_fields)
+
+ # Store counts for summary
+ reset_summary[:deleted_categories] = existing_categories.count
+ reset_summary[:deleted_fields] = existing_categories.sum { |cat| cat.attribute_fields.count }
+
+ # Soft delete all fields first (to maintain referential integrity)
+ existing_categories.each do |category|
+ category.attribute_fields.destroy_all
+ end
+
+ # Then soft delete all categories
+ existing_categories.destroy_all
+
+ # Now recreate the default template structure
+ template_service = TemplateInitializationService.new(@user, @content_type)
+ created_categories = template_service.recreate_template_after_reset!
+
+ # Store creation counts for summary
+ reset_summary[:created_categories] = created_categories.count
+ reset_summary[:created_fields] = created_categories.sum { |cat| cat.attribute_fields.count }
+
+ Rails.logger.info "Template reset completed for user #{@user.id}, content_type #{@content_type}. " \
+ "Deleted: #{reset_summary[:deleted_categories]} categories, #{reset_summary[:deleted_fields]} fields. " \
+ "Created: #{reset_summary[:created_categories]} categories, #{reset_summary[:created_fields]} fields."
+ end
+
+ reset_summary[:success] = true
+ reset_summary[:message] = "Template has been reset to defaults successfully! " \
+ "Removed #{reset_summary[:deleted_categories]} custom categories and #{reset_summary[:deleted_fields]} custom fields. " \
+ "Recreated #{reset_summary[:created_categories]} default categories with #{reset_summary[:created_fields]} default fields."
+ reset_summary
+ rescue => e
+ Rails.logger.error "Template reset failed for user #{@user.id}, content_type #{@content_type}: #{e.message}"
+ reset_summary.merge({
+ success: false,
+ error: e.message,
+ created_categories: 0,
+ created_fields: 0
+ })
+ end
+
+ def analyze_reset_impact
+ # Get current template structure to show what will be reset
+ current_categories = @user.attribute_categories
+ .where(entity_type: @content_type)
+ .includes(attribute_fields: :attribute_values)
+ .order(:position)
+
+ custom_categories = []
+ modified_fields = []
+ data_loss_warnings = []
+ filled_attributes_count = 0
+ affected_pages_count = 0
+ affected_pages = Set.new
+
+ # Load default template to compare against
+ default_structure = load_default_template_structure
+
+ current_categories.each do |category|
+ category_info = {
+ id: category.id,
+ name: category.name,
+ label: category.label,
+ icon: category.icon,
+ custom: !default_structure.key?(category.name.to_sym),
+ hidden: category.hidden?,
+ field_count: category.attribute_fields.count
+ }
+
+ # Check if category is custom (not in defaults)
+ if !default_structure.key?(category.name.to_sym)
+ custom_categories << category_info
+ end
+
+ # Check for modified fields and analyze attribute data
+ category.attribute_fields.each do |field|
+ # Count filled attribute values (non-empty, non-nil)
+ filled_values = field.attribute_values.where(
+ "value IS NOT NULL AND value != ''"
+ )
+
+ filled_count = filled_values.count
+ if filled_count > 0
+ # Track unique pages that have data in this field
+ filled_values.each do |attr|
+ affected_pages.add("#{attr.entity_type}:#{attr.entity_id}")
+ end
+
+ filled_attributes_count += filled_count
+
+ data_loss_warnings << {
+ category: category.label,
+ field: field.label,
+ value_count: filled_count,
+ filled_count: filled_count # For backward compatibility
+ }
+ end
+
+ # Check if field is custom or modified
+ default_category = default_structure[category.name.to_sym]
+ if default_category
+ default_field = default_category[:attributes]&.find { |f| f[:name].to_s == field.name }
+ if !default_field
+ modified_fields << {
+ category: category.label,
+ field: field.label,
+ type: 'custom_field'
+ }
+ end
+ end
+ end
+ end
+
+ affected_pages_count = affected_pages.size
+
+ # Load the default template to show what will be recreated
+ template_service = TemplateInitializationService.new(@user, @content_type)
+ default_structure = template_service.default_template_structure
+
+ default_categories_count = default_structure.count
+ default_fields_count = default_structure.sum { |_, details| details[:attributes]&.count || 0 }
+
+ {
+ total_categories: current_categories.count,
+ total_fields: current_categories.sum { |cat| cat.attribute_fields.count },
+ custom_categories: custom_categories,
+ modified_fields: modified_fields,
+ data_loss_warnings: data_loss_warnings,
+ filled_attributes_count: filled_attributes_count,
+ affected_pages_count: affected_pages_count,
+ will_restore_defaults: !default_structure.empty?,
+ default_categories_count: default_categories_count,
+ default_fields_count: default_fields_count,
+ default_structure: default_structure
+ }
+ end
+
+ private
+
+ def load_default_template_structure
+ # Load the default YAML structure
+ yaml_path = Rails.root.join('config', 'attributes', "#{@content_type}.yml")
+ if File.exist?(yaml_path)
+ YAML.load_file(yaml_path) || {}
+ else
+ {}
+ end
+ rescue => e
+ Rails.logger.warn "Could not load default template structure for #{@content_type}: #{e.message}"
+ {}
+ end
+end
\ No newline at end of file
diff --git a/app/services/temporary_field_migration_service.rb b/app/services/temporary_field_migration_service.rb
deleted file mode 100644
index cdf4b19cd..000000000
--- a/app/services/temporary_field_migration_service.rb
+++ /dev/null
@@ -1,79 +0,0 @@
-# This service moves attribute values from being directly stored on the model (e.g. Character#age)
-# to the new-style of having values in an associated Attribute model.
-# Once all data has been moved over, we can remove these old columns and delete this service.
-class TemporaryFieldMigrationService < Service
- def self.migrate_all_content_for_user(user, force: false)
- user.content_list.each do |content|
- self.migrate_fields_for_content(content, user, force: force)
- end
- end
-
- def self.migrate_fields_for_content(content_model, user, force: false)
- return unless content_model.present? && user.present?
- return unless content_model.user == user
- return if content_model.is_a?(ContentPage)
- return if !force && content_model.persisted? && content_model.created_at > 'May 1, 2018'.to_datetime
- return if !!content_model.columns_migrated_from_old_style?
-
- # todo we might be able to do this in a single left outer join
- attribute_categories = content_model.class.attribute_categories(content_model.user)
- attribute_fields = AttributeField.where(attribute_category_id: attribute_categories.pluck(:id))
- .where.not(field_type: 'link')
- .where.not(old_column_source: [nil, ""])
-
- # Do a quick check to see if there's exactly 1 existing attribute for each attribute field
- # on this model. This lets us avoid a ton of individual "are there any attribute values for
- # this field" queries below.
- existing_attribute_values_count = Attribute.where(
- attribute_field_id: attribute_fields.pluck(:id),
- entity_id: content_model.id,
- entity_type: content_model.class.name
- ).uniq.count
- if attribute_fields.count == existing_attribute_values_count
- return # hurrah!
- end
-
- # If we're gonna loop over each attribute field, we want to eager_load their attribute values also.
- attribute_fields.eager_load(:attribute_values)
- attribute_fields.each do |attribute_field|
- existing_value = attribute_field.attribute_values.find_by(
- entity_id: content_model.id,
- entity_type: content_model.class.name
- )
-
- # If a user has touched this attribute's value since we've created it,
- # we don't want to touch it again.
- if existing_value && existing_value.created_at != existing_value.updated_at
- next
- end
- if existing_value.try(:value).present?
- next
- end
-
- if content_model.respond_to?(attribute_field.old_column_source)
- value_from_model = content_model.send(attribute_field.old_column_source)
- if value_from_model.present? && value_from_model != existing_value.try(:value)
- if existing_value
- existing_value.disable_changelog_this_request = true
- existing_value.update!(value: value_from_model)
- existing_value.disable_changelog_this_request = false
- else
- new_value = attribute_field.attribute_values.new(
- user_id: content_model.user.id,
- entity_type: content_model.class.name,
- entity_id: content_model.id,
- value: value_from_model,
- privacy: 'private' # todo just make this the default for the column instead
- )
-
- new_value.disable_changelog_this_request = true
- new_value.save!
- new_value.disable_changelog_this_request = true
- end
- end
- end
- end
-
- content_model.update_column(:columns_migrated_from_old_style, true)
- end
-end
diff --git a/app/services/word_count_service.rb b/app/services/word_count_service.rb
new file mode 100644
index 000000000..ee25f2f7f
--- /dev/null
+++ b/app/services/word_count_service.rb
@@ -0,0 +1,141 @@
+# Centralized word counting service that provides consistent word counts
+# across the entire application (Ruby and JavaScript should match this behavior).
+#
+# Uses the WordCountAnalyzer gem with specific settings to ensure:
+# - Forward slashes split words (path/to/file = 3 words), except in dates
+# - Backslashes split words (path\to\file = 3 words)
+# - Dotted lines (...) are ignored
+# - Dashed lines (---) are ignored
+# - Underscores (___) are ignored
+# - Stray punctuation is ignored
+# - Contractions count as one word (don't = 1 word)
+# - Hyphenated words count as one word (well-known = 1 word)
+# - Numbers are counted as words
+# - HTML/XHTML is stripped before counting
+#
+# For large documents (>300KB), uses a memory-efficient lightweight counter
+# to avoid the ~28MB peak memory usage of the WordCountAnalyzer gem.
+class WordCountService
+ COUNTER_OPTIONS = {
+ ellipsis: 'ignore',
+ hyperlink: 'count_as_one',
+ contraction: 'count_as_one',
+ hyphenated_word: 'count_as_one',
+ date: 'no_special_treatment',
+ number: 'count',
+ numbered_list: 'ignore',
+ xhtml: 'remove',
+ forward_slash: 'count_as_multiple_except_dates',
+ backslash: 'count_as_multiple',
+ dotted_line: 'ignore',
+ dashed_line: 'ignore',
+ underscore: 'ignore',
+ stray_punctuation: 'ignore'
+ }.freeze
+
+ # ~50k words threshold (300KB assumes ~6 bytes per word average)
+ LARGE_TEXT_THRESHOLD = 300_000
+ CHUNK_SIZE = 100_000
+
+ # Count words in the given text using standardized rules.
+ # Uses the WordCountAnalyzer gem for small documents and a lightweight
+ # counter for large documents to reduce memory usage.
+ #
+ # @param text [String] The text to count words in (may contain HTML)
+ # @return [Integer] The word count
+ def self.count(text)
+ return 0 if text.blank?
+
+ if text.bytesize < LARGE_TEXT_THRESHOLD
+ WordCountAnalyzer::Counter.new(**COUNTER_OPTIONS).count(text)
+ else
+ count_large_text(text)
+ end
+ end
+
+ # Count words with fallback to simple counting on error.
+ # Use this in background jobs where reliability is more important than
+ # perfect accuracy.
+ #
+ # @param text [String] The text to count words in (may contain HTML)
+ # @return [Integer] The word count
+ def self.count_with_fallback(text)
+ count(text)
+ rescue => e
+ Rails.logger.warn("WordCountService: fallback to simple count: #{e.message}")
+ simple_count(text)
+ end
+
+ class << self
+ private
+
+ def count_large_text(text)
+ cleaned = text.gsub(/<[^>]*>/, ' ') # Strip HTML
+
+ if cleaned.bytesize > CHUNK_SIZE * 3
+ count_chunked(cleaned)
+ else
+ count_single_pass(cleaned)
+ end
+ end
+
+ def count_single_pass(text)
+ count = 0
+ scanner = StringScanner.new(text)
+
+ while !scanner.eos?
+ scanner.skip(/\s+/)
+ token = scanner.scan(/\S+/)
+ break unless token
+ count += count_token(token)
+ end
+
+ count
+ end
+
+ def count_chunked(text)
+ total = 0
+ offset = 0
+
+ while offset < text.length
+ chunk_end = [offset + CHUNK_SIZE, text.length].min
+
+ # Find word boundary to avoid splitting words
+ if chunk_end < text.length
+ while chunk_end > offset && !text[chunk_end].match?(/\s/)
+ chunk_end -= 1
+ end
+ chunk_end = offset + CHUNK_SIZE if chunk_end == offset
+ end
+
+ total += count_single_pass(text[offset...chunk_end])
+ offset = chunk_end
+ end
+
+ total
+ end
+
+ def count_token(token)
+ return 0 if token.match?(/\A\.{3,}\z/) # Ellipsis
+ return 0 if token.match?(/\A-{2,}\z/) # Dashed line
+ return 0 if token.match?(/\A_{2,}\z/) # Underscore line
+ return 0 if token.match?(/\A[^\w]+\z/) # Stray punctuation
+
+ if token.include?('/')
+ return 1 if token.match?(/\A\d{1,2}\/\d{1,2}(\/\d{2,4})?\z/) # Date
+ return token.split('/').reject(&:empty?).size
+ end
+
+ if token.include?('\\')
+ return token.split('\\').reject(&:empty?).size
+ end
+
+ 1 # Contractions and hyphenated words count as one
+ end
+
+ def simple_count(text)
+ return 0 if text.blank?
+ text.gsub(/<[^>]*>/, ' ').split.size
+ end
+ end
+end
diff --git a/app/views/admin/attributes.html.erb b/app/views/admin/attributes.html.erb
index 797cb5f0d..dda059f80 100644
--- a/app/views/admin/attributes.html.erb
+++ b/app/views/admin/attributes.html.erb
@@ -1,17 +1,77 @@
-
-
-
Attributes
+
+
+
+
Attributes
+
+ Overview of custom attribute fields created by users
+
-
-
-
-
Attributes per user
- <%= column_chart User.joins(:attribute_fields).group(:user_id).count().group_by { |n| n.last }.each_with_object({}) { |(content_count, ids), h| h[content_count] = ids.count } %>
+
+
+
+
+
+
+
Total Attributes
+
<%= number_with_delimiter @total_attributes %>
+
+
+
+
+
+
+
+
+
Users with Attributes
+
<%= number_with_delimiter @total_users %>
+
+
+
+
+
+
+
+
+
Avg per User
+
<%= @avg_per_user %>
+
+
+
-
Attribute privacy
- <%= pie_chart AttributeField.where.not(privacy: "").group(:privacy).count() %>
+
+
+
+
+
Attributes per User
+ <%= column_chart User.joins(:attribute_fields).group(:user_id).count().group_by { |n| n.last }.each_with_object({}) { |(content_count, ids), h| h[content_count] = ids.count } %>
+
+
+
+
Attribute Privacy
+ <%= pie_chart AttributeField.where.not(privacy: "").group(:privacy).count() %>
+
+
+
Attributes by Content Type
+ <% if @by_content_type.any? %>
+ <%= bar_chart @by_content_type.sort_by { |k, v| -v } %>
+ <% else %>
+
No content type data available
+ <% end %>
New subscriptions per month
-<%=
- line_chart [
- { name: "Early Adopters", data: Subscription.where(billing_plan_id: 3).group_by_month(:start_date) },
- { name: "Monthly", data: Subscription.where(billing_plan_id: 4).group_by_month(:start_date) },
- { name: "Tri-monthly", data: Subscription.where(billing_plan_id: 5).group_by_month(:start_date) },
- { name: "Yearly", data: Subscription.where(billing_plan_id: 6).group_by_month(:start_date) },
- ]
-%>
-
-Cancelled subscriptions per month
-<%=
- line_chart [
- { name: "Early Adopters", data: Subscription.where(billing_plan_id: 3).where('end_date < ?', Date.current).group_by_month(:end_date) },
- { name: "Monthly", data: Subscription.where(billing_plan_id: 4).where('end_date < ?', Date.current).group_by_month(:end_date) },
- { name: "Tri-monthly", data: Subscription.where(billing_plan_id: 5).where('end_date < ?', Date.current).group_by_month(:end_date) },
- { name: "Yearly", data: Subscription.where(billing_plan_id: 6).where('end_date < ?', Date.current).group_by_month(:end_date) },
- ]
-%>
-
-Per plan
-Early adopters
-<%=
- line_chart [
- { name: "Started", data: Subscription.where(billing_plan_id: 3).group_by_month(:start_date) },
- { name: "Cancelled", data: Subscription.where(billing_plan_id: 3).where('end_date < ?', Date.current).group_by_month(:end_date) }
- ]
-%>
-
-Monthly
-<%=
- line_chart [
- { name: "Started", data: Subscription.where(billing_plan_id: 4).group_by_month(:start_date) },
- { name: "Cancelled", data: Subscription.where(billing_plan_id: 4).where('end_date < ?', Date.current).group_by_month(:end_date) }
- ]
-%>
-
-Tri-monthly
-<%=
- line_chart [
- { name: "Started", data: Subscription.where(billing_plan_id: 5).group_by_month(:start_date) },
- { name: "Cancelled", data: Subscription.where(billing_plan_id: 5).where('end_date < ?', Date.current).group_by_month(:end_date) }
- ]
-%>
-
-Yearly
-<%=
- line_chart [
- { name: "Started", data: Subscription.where(billing_plan_id: 6).group_by_month(:start_date) },
- { name: "Cancelled", data: Subscription.where(billing_plan_id: 6).where('end_date < ?', Date.current).group_by_month(:end_date) }
- ]
-%>
\ No newline at end of file
+
+
+
+
+
Subscription Churn
+
+ New and cancelled subscriptions over time
+
+
+
+ <%= form_tag admin_churn_path, method: :get, class: "flex items-center" do %>
+ <%= select_tag :timespan,
+ options_for_select([
+ ["All Time", ""],
+ ["Last 30 Days", "30"],
+ ["Last 90 Days", "90"],
+ ["Last Year", "365"]
+ ], @timespan),
+ class: "rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm",
+ onchange: "this.form.submit()"
+ %>
+ <% end %>
+
+
+
+ <%
+ # Build base scope with optional date filter
+ base_scope = @start_date ? Subscription.where('start_date >= ?', @start_date) : Subscription.all
+ cancelled_scope = @start_date ? Subscription.where('end_date >= ? AND end_date < ?', @start_date, Date.current) : Subscription.where('end_date < ?', Date.current)
+ %>
+
+
+
+
+
+
+
New subscriptions per month
+ <%=
+ line_chart [
+ { name: "Early Adopters", data: base_scope.where(billing_plan_id: 3).group_by_month(:start_date) },
+ { name: "Monthly", data: base_scope.where(billing_plan_id: 4).group_by_month(:start_date) },
+ { name: "Tri-monthly", data: base_scope.where(billing_plan_id: 5).group_by_month(:start_date) },
+ { name: "Yearly", data: base_scope.where(billing_plan_id: 6).group_by_month(:start_date) },
+ ]
+ %>
+
+
+
+
+
+
+
Cancelled subscriptions per month
+ <%=
+ line_chart [
+ { name: "Early Adopters", data: cancelled_scope.where(billing_plan_id: 3).group_by_month(:end_date) },
+ { name: "Monthly", data: cancelled_scope.where(billing_plan_id: 4).group_by_month(:end_date) },
+ { name: "Tri-monthly", data: cancelled_scope.where(billing_plan_id: 5).group_by_month(:end_date) },
+ { name: "Yearly", data: cancelled_scope.where(billing_plan_id: 6).group_by_month(:end_date) },
+ ]
+ %>
+
+
+
+
+
+
+
Per Plan Breakdown
+
+
+
+
+
+
Early Adopters
+ <%=
+ line_chart [
+ { name: "Started", data: base_scope.where(billing_plan_id: 3).group_by_month(:start_date) },
+ { name: "Cancelled", data: cancelled_scope.where(billing_plan_id: 3).group_by_month(:end_date) }
+ ]
+ %>
+
+
+
+
+
+
+
Monthly
+ <%=
+ line_chart [
+ { name: "Started", data: base_scope.where(billing_plan_id: 4).group_by_month(:start_date) },
+ { name: "Cancelled", data: cancelled_scope.where(billing_plan_id: 4).group_by_month(:end_date) }
+ ]
+ %>
+
+
+
+
+
+
+
Tri-monthly
+ <%=
+ line_chart [
+ { name: "Started", data: base_scope.where(billing_plan_id: 5).group_by_month(:start_date) },
+ { name: "Cancelled", data: cancelled_scope.where(billing_plan_id: 5).group_by_month(:end_date) }
+ ]
+ %>
+
+
+
+
+
+
+
Yearly
+ <%=
+ line_chart [
+ { name: "Started", data: base_scope.where(billing_plan_id: 6).group_by_month(:start_date) },
+ { name: "Cancelled", data: cancelled_scope.where(billing_plan_id: 6).group_by_month(:end_date) }
+ ]
+ %>
+
+
+
+
+
-
-
-
-
- 90-day signups
-
+
+
+
+
Analytics Dashboard
+
+ <% [1, 7, 30, 90].each do |days| %>
+ <%= link_to admin_dashboard_path(days: days),
+ class: "px-4 py-2 rounded-lg text-sm font-medium #{@days == days ? 'bg-blue-600 text-white' : 'bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-gray-600'}" do %>
+ <%= days %>d
+ <% end %>
+ <% end %>
+
+
+
+
+
+
+
+
+
+
<%= @days %>-day signups
+
<%= number_with_delimiter User.last.id %> total users
- <%= area_chart @reports.limit(90).pluck(:day, :user_signups), colors: ['#2196F3'] %>
+ <%= area_chart @reports.limit(@days).pluck(:day, :user_signups), colors: ['#2196F3'] %>
-
-
-
-
-
- 90-day monthly subscriptions
-
+
+
+
+
+
+
<%= @days %>-day monthly subscriptions
+
<%= number_with_delimiter User.where(selected_billing_plan_id: 4).count %> current total
- <%=
+ <%=
area_chart [
- { name: 'Started subscriptions', data: @reports.limit(90).pluck(:day, :new_monthly_subscriptions) },
- { name: 'Ended subscriptions', data: @reports.limit(90).pluck(:day, :ended_monthly_subscriptions) }
+ { name: 'Started subscriptions', data: @reports.limit(@days).pluck(:day, :new_monthly_subscriptions) },
+ { name: 'Ended subscriptions', data: @reports.limit(@days).pluck(:day, :ended_monthly_subscriptions) }
],
colors: ['#2196F3']
%>
-
- 90-day net:
- <%= sprintf "%+d", @reports.limit(90).sum(:new_monthly_subscriptions) - @reports.limit(90).sum(:ended_monthly_subscriptions) %>
+
+ <%= @days %>-day net:
+ <%= sprintf "%+d", @reports.limit(@days).sum(:new_monthly_subscriptions) - @reports.limit(@days).sum(:ended_monthly_subscriptions) %>
subscriptions
-
+
-
-
-
-
- 90-day trimonthly subscriptons
-
+
+
+
+
+
+
<%= @days %>-day trimonthly subscriptions
+
<%= number_with_delimiter User.where(selected_billing_plan_id: 5).count %> current total
<%=
area_chart [
- { name: 'Started subscriptions', data: @reports.limit(90).pluck(:day, :new_trimonthly_subscriptions) },
- { name: 'Ended subscriptions', data: @reports.limit(90).pluck(:day, :ended_trimonthly_subscriptions) }
+ { name: 'Started subscriptions', data: @reports.limit(@days).pluck(:day, :new_trimonthly_subscriptions) },
+ { name: 'Ended subscriptions', data: @reports.limit(@days).pluck(:day, :ended_trimonthly_subscriptions) }
],
colors: ['#2196F3']
%>
-
- 90-day net:
- <%= sprintf "%+d", @reports.limit(90).sum(:new_trimonthly_subscriptions) - @reports.limit(90).sum(:ended_trimonthly_subscriptions) %>
+
+ <%= @days %>-day net:
+ <%= sprintf "%+d", @reports.limit(@days).sum(:new_trimonthly_subscriptions) - @reports.limit(@days).sum(:ended_trimonthly_subscriptions) %>
subscriptions
-
+
-
-
-
-
- 90-day annual subscriptions
-
+
+
+
+
+
+
<%= @days %>-day annual subscriptions
+
<%= number_with_delimiter User.where(selected_billing_plan_id: 6).count %> current total
<%=
area_chart [
- { name: 'Started subscriptions', data: @reports.limit(90).pluck(:day, :new_annual_subscriptions) },
- { name: 'Ended subscriptions', data: @reports.limit(90).pluck(:day, :ended_annual_subscriptions) }
+ { name: 'Started subscriptions', data: @reports.limit(@days).pluck(:day, :new_annual_subscriptions) },
+ { name: 'Ended subscriptions', data: @reports.limit(@days).pluck(:day, :ended_annual_subscriptions) }
],
colors: ['#2196F3']
%>
-
- 90-day net:
- <%= sprintf "%+d", @reports.limit(90).sum(:new_annual_subscriptions) - @reports.limit(90).sum(:ended_annual_subscriptions) %>
+
+ <%= @days %>-day net:
+ <%= sprintf "%+d", @reports.limit(@days).sum(:new_annual_subscriptions) - @reports.limit(@days).sum(:ended_annual_subscriptions) %>
subscriptions
-
+
- <% Rails.application.config.content_types[:all].each do |content_type| %>
-
-
-
-
- New <%= content_type.name.pluralize %> each day
-
<%= number_with_delimiter content_type.last.id %> total
+
+
+ <% Rails.application.config.content_types[:all].each do |content_type| %>
+
+
+
+
New <%= content_type.name.pluralize %>
+ <%= number_with_delimiter content_type.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, "#{content_type.name.downcase.pluralize}_created")
@@ -101,7 +117,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -109,14 +125,14 @@
%>
-
- <% end %>
-
-
-
-
- New timelines
-
<%= number_with_delimiter Timeline.last.id %> total
+ <% end %>
+
+
+
+
+
+
New timelines
+ <%= number_with_delimiter Timeline.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :timelines_created)
@@ -126,7 +142,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -136,12 +152,14 @@
-
-
-
-
- New stream shares
-
<%= number_with_delimiter ContentPageShare.last.id %> total
+
+
+
+
+
+
+
New stream shares
+ <%= number_with_delimiter ContentPageShare.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :stream_shares_created)
@@ -151,7 +169,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -159,12 +177,12 @@
%>
-
-
-
-
-
- New stream comments
+
+
+
+
+
+
New stream comments
<%=
area_chart @reports.pluck(:day, :stream_comments)
@@ -174,7 +192,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -184,12 +202,14 @@
-
-
-
-
- New collections
-
<%= number_with_delimiter PageCollection.last.id %> total
+
+
+
+
+
+
+
New collections
+ <%= number_with_delimiter PageCollection.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :collections_created)
@@ -199,7 +219,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -207,13 +227,13 @@
%>
-
-
-
-
-
- New collection submissions
-
<%= number_with_delimiter PageCollectionSubmission.last.id %> total
+
+
+
+
+
+
New collection submissions
+ <%= number_with_delimiter PageCollectionSubmission.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :collection_submissions_created)
@@ -223,7 +243,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -233,12 +253,14 @@
-
-
-
-
- New discussion threads
-
<%= number_with_delimiter Thredded::Topic.last.id %> total
+
+
+
+
+
+
+
New discussion threads
+ <%= number_with_delimiter Thredded::Topic.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :thredded_threads_created)
@@ -248,7 +270,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -256,13 +278,13 @@
%>
-
-
-
-
-
- New discussion replies
-
<%= number_with_delimiter Thredded::Post.last.id %> total
+
+
+
+
+
+
New discussion replies
+ <%= number_with_delimiter Thredded::Post.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :thredded_replies_created)
@@ -272,7 +294,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -282,12 +304,14 @@
-
-
-
-
- New private discussions
-
<%= number_with_delimiter Thredded::PrivateTopic.last.id %> total
+
+
+
+
+
+
+
New private discussions
+ <%= number_with_delimiter Thredded::PrivateTopic.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :thredded_private_messages_created)
@@ -297,7 +321,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -305,13 +329,13 @@
%>
-
-
-
-
-
- New private replies
-
<%= number_with_delimiter Thredded::PrivatePost.last.id %> total
+
+
+
+
+
+
New private replies
+ <%= number_with_delimiter Thredded::PrivatePost.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :thredded_private_replies_created)
@@ -321,7 +345,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -331,12 +355,14 @@
-
-
-
-
- New documents
-
<%= number_with_delimiter Document.last.id %> total
+
+
+
+
+
+
+
New documents
+ <%= number_with_delimiter Document.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :documents_created)
@@ -346,7 +372,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -354,12 +380,12 @@
%>
-
-
-
-
-
- Updated documents
+
+
+
+
+
+
Updated documents
<%=
area_chart @reports.pluck(:day, :documents_edited)
@@ -369,7 +395,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -377,13 +403,13 @@
%>
-
-
-
-
-
- Document revisions
-
<%= number_with_delimiter DocumentRevision.last.id %> total
+
+
+
+
+
+
Document revisions
+ <%= number_with_delimiter DocumentRevision.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :document_revisions_created)
@@ -393,7 +419,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
@@ -401,13 +427,13 @@
%>
-
-
-
-
-
- New document analyses
-
<%= number_with_delimiter DocumentAnalysis.last.id %> total
+
+
+
+
+
+
New document analyses
+ <%= number_with_delimiter DocumentAnalysis.last&.id || 0 %> total
<%=
area_chart @reports.pluck(:day, :document_analyses_created)
@@ -417,7 +443,7 @@
data.each { |date, count| totals_per_month[date.strftime("%b")] += (count || 0) }
{
- name: year,
+ name: year,
data: Date::ABBR_MONTHNAMES.reject(&:nil?).map { |month| [month, totals_per_month[month]] }
}
},
diff --git a/app/views/admin/hate.html.erb b/app/views/admin/hate.html.erb
index 1530a27a9..7cbcf749c 100644
--- a/app/views/admin/hate.html.erb
+++ b/app/views/admin/hate.html.erb
@@ -1,35 +1,137 @@
-
-
- Thread
- Trigger words
- Full text
-
-
-
- <% @posts.each do |post| %>
-
- <% triggers = Documents::Analysis::ContentService.adult_content?(@list, post.content) %>
- <% next unless triggers.any? %>
-
- <%= post.postable.title %>
-
- <% triggers.each do |trigger| %>
- <%= trigger %>
- <% end %>
-
-
- <%
- content = post.content
- triggers.each do |trigger|
- content.gsub!(trigger, "#{trigger} ")
- end
- %>
-
- <%= content.html_safe %>
-
-
+
+
+
+
Content Moderation
+
+ Scanning private messages for flagged content
+ <% if @list.present? %>
+ using <%= @list %> filter
+ <% end %>
+
+
+
+ <%
+ # Pre-filter posts to only those with triggers
+ flagged_posts = @posts.filter_map do |post|
+ triggers = Documents::Analysis::ContentService.adult_content?(@list, post.content)
+ next unless triggers.any?
+ { post: post, triggers: triggers }
+ end
+ %>
+
+
+
+
+
+
+
+
Posts Scanned
+
<%= number_with_delimiter @posts.count %>
+
+
+
+
+
+
+
+
+
Flagged Posts
+
<%= number_with_delimiter flagged_posts.count %>
+
+
+
+
+
+
+
+
+
Clean Rate
+
+ <%= @posts.count > 0 ? (100 - (flagged_posts.count / @posts.count.to_f * 100)).round(1) : 100 %>%
+
+
+
+
+
+
+
+ <% if flagged_posts.any? %>
+
+
+
Flagged Messages
+
+
+
+ <% flagged_posts.each do |item| %>
+ <% post = item[:post] %>
+ <% triggers = item[:triggers] %>
+
+
+
+
+
+ <%= post.postable.title %>
+
+ <%= link_to '/forum/private-topics/' + post.postable.slug, class: "text-sm text-blue-600 dark:text-blue-400 hover:underline" do %>
+ View thread
+ <% end %>
+
+ <%= post.postable.created_at.strftime("%b %d, %Y") %>
+ ·
+ <%= time_ago_in_words post.postable.created_at %> ago
+
+
+
+
+
+
Triggers
+
+ <% triggers.each do |trigger| %>
+
+ <%= trigger %>
+
+ <% end %>
+
+
+
+
+
+
Content
+
+ <%
+ content = post.content.dup
+ triggers.each do |trigger|
+ content.gsub!(trigger, "#{trigger} ")
+ end
+ %>
+ <%= content.html_safe %>
+
+
+
+
+ <% end %>
+
+
+ <% else %>
+
+
+
+
+
All clear!
+
No flagged content found in the last <%= number_with_delimiter @posts.count %> posts.
+
<% end %>
-
\ No newline at end of file
+
diff --git a/app/views/admin/hub.html.erb b/app/views/admin/hub.html.erb
new file mode 100644
index 000000000..c5d34e011
--- /dev/null
+++ b/app/views/admin/hub.html.erb
@@ -0,0 +1,133 @@
+
+
Admin Hub
+
+
+
+
+
+
Background Jobs
+
+
+
+
<%= number_with_delimiter(@sidekiq_stats.enqueued) %>
+
Enqueued
+
+
+
<%= number_with_delimiter(@sidekiq_stats.processed) %>
+
Processed
+
+
+
<%= number_with_delimiter(@sidekiq_stats.failed) %>
+
Failed
+
+
+
+
+ <%= link_to "Sidekiq Dashboard", "/sidekiq", class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+
+
+
+
AI / Basil
+
+
+
+
<%= number_with_delimiter(@basil_queue_count) %>
+
In Queue
+
+
+
<%= number_with_delimiter(@basil_today_count) %>
+
Done Today
+
+
+
+
+ <%= link_to "Basil Review", "/ai/basil/review", class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+
+
+
+
+
+
Words Written
+
+
+
<%= number_with_delimiter(@words_written_today) %>
+
Today
+
+
+
<%= number_with_delimiter(@words_written_this_week) %>
+
This Week
+
+
+
+
+
+
+
+
+
Analytics & Insights
+
+
+ <%= link_to "Dashboard", admin_dashboard_path, class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Churn Analysis", "/admin/churn", class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Notifications", "/admin/notifications", class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+
+
+
+
+
Moderation
+
+
+ <%= link_to "Reported Shares", admin_reported_shares_path, class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Forum Moderation", "/forum/admin/moderation", class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Spam Watch", "/admin/spamwatch", class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Hate Watch", "/admin/hatewatch/default", class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Image Audit", image_audit_path, class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+
+
+
+
+
User Management
+
+
+ <%= link_to "Bulk Unsubscribe", mass_unsubscribe_path, class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+
+
+
+
+
Configuration
+
+
+ <%= link_to "Attributes", admin_attributes_path, class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Promo Codes", admin_promos_path, class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+ <%= link_to "Rails Admin", rails_admin_path, class: "text-blue-600 dark:text-blue-400 hover:underline" %>
+
+
+
+
+
diff --git a/app/views/admin/images.html.erb b/app/views/admin/images.html.erb
index 7c1ce408f..a540c9b57 100644
--- a/app/views/admin/images.html.erb
+++ b/app/views/admin/images.html.erb
@@ -1,17 +1,98 @@
-<% @images.each do |image| %>
-
-
- <%= link_to image.src(:original) do %>
- <%= image_tag image.src(:medium), alt: image.id %>
+
+
+
+
Image Uploads
+
+ Browse uploaded images across all content
+ <% if params[:content_type].present? %>
+
+ <%= params[:content_type] %>
+
<% end %>
-
+
-<% end %>
-
-
- <%= link_to 'Previous page', params.permit(:page, :content_type).merge({page: params[:page].to_i - 1}) %> |
- <%= link_to 'Next page', params.permit(:page, :content_type).merge({page: params[:page].to_i + 1}) %>
-
\ No newline at end of file
+
+ <% if @images.any? %>
+
+ <% @images.each do |image| %>
+
+
+
+ <%= link_to image.src(:original), target: '_blank', rel: 'noopener noreferrer' do %>
+ <%= image_tag image.src(:medium),
+ alt: "Image #{image.id}",
+ class: 'w-full h-full object-cover group-hover:opacity-75 transition-opacity',
+ loading: 'lazy' %>
+ <% end %>
+
+
+
+ <% if image.content.present? %>
+ <%= link_to image.content, class: 'text-sm text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 hover:underline truncate block' do %>
+ <%= image.content.try(:name).presence || 'Untitled' %>
+ <% end %>
+
+ <%= image.content.class.name.demodulize %>
+
+ <%= image.content.try(:privacy) || 'unknown' %>
+
+
+ <% else %>
+
No linked content
+ <% end %>
+
+
+ <% end %>
+
+ <% else %>
+
+
+
+
No images found
+
+ <% end %>
+
+
+
+
+ <% if params[:page].to_i > 0 %>
+ <%= link_to 'Previous',
+ params.permit(:page, :content_type).merge(page: params[:page].to_i - 1),
+ class: 'inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600' %>
+ <% else %>
+
+ Previous
+
+ <% end %>
+
+ <% if @images.size == 500 %>
+ <%= link_to 'Next',
+ params.permit(:page, :content_type).merge(page: params[:page].to_i + 1),
+ class: 'inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600' %>
+ <% else %>
+
+ Next
+
+ <% end %>
+
+
+
+ Page <%= params[:page].to_i + 1 %>
+ <% if @images.any? %>
+ · Showing <%= @images.size %> images
+ <% end %>
+
+
+
+
diff --git a/app/views/admin/notification_reference.html.erb b/app/views/admin/notification_reference.html.erb
new file mode 100644
index 000000000..0d6ed103c
--- /dev/null
+++ b/app/views/admin/notification_reference.html.erb
@@ -0,0 +1,322 @@
+
+
+
+
+ <%= link_to '/admin/notifications', class: 'text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300' do %>
+
+
+ <% end %>
+
<%= @reference_code %>
+
+
+ Analytics for notifications with this reference code
+
+
+
+ <%
+ # Helper to format seconds into human-readable time
+ def format_duration(seconds)
+ return "N/A" if seconds.nil?
+ if seconds < 60
+ "#{seconds} seconds"
+ elsif seconds < 3600
+ "#{(seconds / 60.0).round(1)} minutes"
+ elsif seconds < 86400
+ "#{(seconds / 3600.0).round(1)} hours"
+ else
+ "#{(seconds / 86400.0).round(1)} days"
+ end
+ end
+ %>
+
+
+
+
+
+
+
+
+
Total Sent
+
<%= number_with_delimiter @total_sent %>
+
+
+
+
+
+
+
+
+
+
Total Clicked
+
<%= number_with_delimiter @total_clicked %>
+
+
+
+
+
+ <%
+ rate_bg = @click_rate >= 20 ? 'bg-green-100 dark:bg-green-900' : @click_rate >= 10 ? 'bg-yellow-100 dark:bg-yellow-900' : 'bg-red-100 dark:bg-red-900'
+ rate_icon = @click_rate >= 20 ? 'text-green-600 dark:text-green-400' : @click_rate >= 10 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400'
+ rate_text = @click_rate >= 20 ? 'text-green-600 dark:text-green-400' : @click_rate >= 10 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400'
+ %>
+
+
+
+
+
Click Rate
+
<%= @click_rate %>%
+
+
+
+
+
+
+
+
+
+
Unique Users
+
<%= number_with_delimiter @unique_users %>
+
+
+
+
+
+
+ <% if @has_time_stats %>
+
+
+
+
+
+
+
Avg Time to Click
+
<%= format_duration(@avg_seconds) %>
+
+
+
+
+
+
+
+
+
+
Median Time to Click
+
<%= format_duration(@median_seconds) %>
+
+
+
+
+
+
+
+
+
+
Fastest Click
+
<%= format_duration(@fastest_seconds) %>
+
+
+
+
+
+
+
+
+
+
Slowest Click
+
<%= format_duration(@slowest_seconds) %>
+
+
+
+
+ <% end %>
+
+
+ <% if @first_notification && @last_notification %>
+
+
+
Campaign Timeline
+
+
+
First Notification
+
<%= @first_notification.created_at.strftime('%B %d, %Y') %>
+
<%= time_ago_in_words(@first_notification.created_at) %> ago
+
+
+
Last Notification
+
<%= @last_notification.created_at.strftime('%B %d, %Y') %>
+
<%= time_ago_in_words(@last_notification.created_at) %> ago
+
+
+
Active Period
+ <%
+ duration_days = ((@last_notification.created_at - @first_notification.created_at) / 1.day).round
+ if duration_days == 0
+ duration_text = "Same day"
+ elsif duration_days == 1
+ duration_text = "1 day"
+ elsif duration_days < 30
+ duration_text = "#{duration_days} days"
+ elsif duration_days < 365
+ duration_text = "#{(duration_days / 30.0).round(1)} months"
+ else
+ duration_text = "#{(duration_days / 365.0).round(1)} years"
+ end
+ %>
+
<%= duration_text %>
+
+
+
+
+ <% end %>
+
+
+
+
+
Notification Trend
+ <%=
+ line_chart [
+ { name: "Sent", data: @sent_by_month },
+ { name: "Clicked", data: @clicked_by_month }
+ ], colors: ['#3B82F6', '#10B981']
+ %>
+
+
+
+
+ <% if @link_stats.any? %>
+
+
Link Performance (Top 50 by Volume)
+
+
+
+
+
+ Destination Link
+
+
+
+
+
+
+ <% @link_stats.each do |stats| %>
+ <%
+ total = stats.total_count.to_i
+ clicked = stats.clicked_count.to_i
+ link_rate = total > 0 ? (clicked / total.to_f * 100).round(1) : 0
+ link_text_color = link_rate >= 20 ? 'text-green-600 dark:text-green-400' : link_rate >= 10 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400'
+ %>
+
+
+ <%= stats.passthrough_link.truncate(60) %>
+
+ <%= number_with_delimiter total %>
+ <%= number_with_delimiter clicked %>
+ <%= link_rate %>%
+
+ <% end %>
+
+
+
+
+ <% end %>
+
+
+ <% if @sample_notification %>
+
+
Sample Message
+
+
+
+ <%= @sample_notification.icon %>
+
+
+
<%= raw @sample_notification.message_html %>
+ <% if @sample_notification.passthrough_link.present? %>
+
+ Links to: <%= @sample_notification.passthrough_link %>
+
+ <% end %>
+
+
+
+
+ <% end %>
+
+
+
diff --git a/app/views/admin/notifications.html.erb b/app/views/admin/notifications.html.erb
index 7f91e1b18..f00aa4b8b 100644
--- a/app/views/admin/notifications.html.erb
+++ b/app/views/admin/notifications.html.erb
@@ -1,28 +1,425 @@
-
- Notification open rates
-
-
-
- <%= number_with_delimiter @clicked_notifications.count %> clicked
- /
- <%= number_with_delimiter @notifications.count %> total
- (<%= @clicked_notifications.count / @notifications.count.to_f * 100 %>%)
-
+
+
+
+
Notification Analytics
+
+ Track open rates and engagement across notification campaigns
+
+
+
+
+
+ <%= form_tag(nil, method: :get, id: 'reference-code-search', class: 'flex gap-4') do %>
+
+
Search reference code
+
+
+
+
+ <% @codes.compact.each do |code| %>
+
+ <% end %>
+
+
+
+
+ View Analytics
+
+ <% end %>
+
+
+
+
+ <%
+ total_count = @total_count
+ clicked_count = @clicked_count
+ overall_rate = total_count > 0 ? (clicked_count / total_count.to_f * 100).round(1) : 0
-<% @codes.each do |code| %>
-
-
-
Reference code: <%= code.inspect %>
- <%
- clicked_notifs = Notification.where(reference_code: code).where.not(viewed_at: nil).count
- total_notifs = Notification.where(reference_code: code).count
+ # Use pre-calculated average from controller (calculated in SQL)
+ avg_seconds = @avg_seconds
+ if avg_seconds.present? && avg_seconds > 0
+ if avg_seconds < 60
+ avg_time_display = "#{avg_seconds} seconds"
+ elsif avg_seconds < 3600
+ avg_time_display = "#{(avg_seconds / 60.0).round(1)} minutes"
+ elsif avg_seconds < 86400
+ avg_time_display = "#{(avg_seconds / 3600.0).round(1)} hours"
+ else
+ avg_time_display = "#{(avg_seconds / 86400.0).round(1)} days"
+ end
+ else
+ avg_time_display = "N/A"
+ end
+ %>
+
+
+
+
+
+
+
+
+
Total Sent
+
<%= number_with_delimiter total_count %>
+
+
+
+
+
+
+
+
+
+
Total Clicked
+
<%= number_with_delimiter clicked_count %>
+
+
+
+
+
+
+
+
+
+
Click Rate
+
<%= overall_rate %>%
+
+
+
+
+
+
+
+
+
+
Avg Time to Click
+
<%= avg_time_display %>
+
+
+
+
+
+
+
+
+
Notification Trend (Last 12 Months)
+ <%=
+ line_chart [
+ { name: "Sent", data: @sent_by_month },
+ { name: "Clicked", data: @clicked_by_month }
+ ], colors: ['#3B82F6', '#10B981']
%>
+
+
-
- <%= number_with_delimiter clicked_notifs %> clicked
- <%= number_with_delimiter total_notifs %> total
- <%= clicked_notifs / total_notifs.to_f * 100 %>% clicked
-
+
+
+
+
By Reference Code (Top 50 by Volume)
+
+
+
+
Sort by:
+
+
+ Volume ↓
+
+
+ Rate ↓
+
+
+ Rate ↑
+
+
+ Clicked ↓
+
+
+
+
+ <% if @code_stats.any? %>
+
+ <% @code_stats.each do |stats| %>
+ <%
+ total = stats.total_count.to_i
+ clicked = stats.clicked_count.to_i
+ rate = total > 0 ? (clicked / total.to_f * 100).round(1) : 0
+ bar_color = rate >= 20 ? 'bg-green-500' : rate >= 10 ? 'bg-yellow-500' : 'bg-red-500'
+ text_color = rate >= 20 ? 'text-green-600 dark:text-green-400' : rate >= 10 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400'
+ %>
+ <% if stats.reference_code.present? %>
+ <%= link_to admin_notification_reference_path(stats.reference_code),
+ class: "reference-code-card block bg-white dark:bg-gray-800 rounded-lg shadow hover:shadow-lg transition-shadow cursor-pointer",
+ data: { volume: total, rate: rate, clicked: clicked } do %>
+
+
+
+
+ <%= stats.reference_code %>
+
+ <%= rate %>%
+
+
+
+
+
+
+
+ <%= number_with_delimiter clicked %> clicked
+ <%= number_with_delimiter total %> sent
+
+
+ <% end %>
+ <% else %>
+
+
+
+
+
+ (no code)
+
+ <%= rate %>%
+
+
+
+
+
+
+
+ <%= number_with_delimiter clicked %> clicked
+ <%= number_with_delimiter total %> sent
+
+
+
+ <% end %>
+ <% end %>
+
+ <% else %>
+
+
No reference codes found.
+
+ <% end %>
-<% end %>
\ No newline at end of file
+
+
+ <% if @link_stats.any? %>
+
+
Link Performance (Top 50 by Volume)
+
+
+
+
+
+ Destination Link
+
+
+
+
+
+
+ <% @link_stats.each do |stats| %>
+ <%
+ total = stats.total_count.to_i
+ clicked = stats.clicked_count.to_i
+ rate = total > 0 ? (clicked / total.to_f * 100).round(1) : 0
+ text_color = rate >= 20 ? 'text-green-600 dark:text-green-400' : rate >= 10 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400'
+ %>
+
+
+ <%= stats.passthrough_link.truncate(60) %>
+
+ <%= number_with_delimiter total %>
+ <%= number_with_delimiter clicked %>
+ <%= rate %>%
+
+ <% end %>
+
+
+
+
+ <% end %>
+
+
+
+
Recent Activity
+
+ <% recent_notifications = Notification.order(created_at: :desc).limit(20) %>
+
+ <% if recent_notifications.any? %>
+
+
+ <% recent_notifications.each do |notification| %>
+
+
+
+
+ <% if notification.viewed_at.present? %>
+
+ <% else %>
+
+ <% end %>
+
+
+
+
+ <%= strip_tags(notification.message_html).truncate(80) if notification.message_html.present? %>
+
+
+ <% if notification.reference_code.present? %>
+
+ <%= notification.reference_code %>
+
+ <% end %>
+
+ <%= time_ago_in_words(notification.created_at) %> ago
+
+
+
+
+
+
+
+ <% if notification.viewed_at.present? %>
+
+ Clicked
+
+ <% else %>
+
+ Pending
+
+ <% end %>
+
+
+ <% end %>
+
+
+ <% else %>
+
+
No recent notifications.
+
+ <% end %>
+
+
+
+
diff --git a/app/views/admin/perform_unsubscribe.html.erb b/app/views/admin/perform_unsubscribe.html.erb
index 048b45371..db870cdfd 100644
--- a/app/views/admin/perform_unsubscribe.html.erb
+++ b/app/views/admin/perform_unsubscribe.html.erb
@@ -1,31 +1,76 @@
-
-
- The following users have been unsubscribed:
-
-
+
+
+
+
Unsubscribe Complete
+
+ The following users have been moved to the Starter plan
+
+
+
+
+
+
+
+
+
+
+ Successfully unsubscribed <%= @users.count %> user<%= @users.count == 1 ? '' : 's' %>.
+
+
+
+
+
+
+
+
+
- User ID
- Email
- Name
- Last login time
+
+ Status
+
+
+ User ID
+
+
+ Email
+
+
+ Name
+
+
+ Last Login
+
-
-
+
<% @users.each do |user| %>
-
- check <%= user.id %>
- <%= user.email %>
- <%= user.name %>
- <%= user.last_sign_in_at %>
+
+
+
+
+
+
+ <%= user.id %>
+
+
+ <%= user.email %>
+
+
+ <%= user.name %>
+
+
+ <%= user.last_sign_in_at&.strftime('%b %d, %Y at %l:%M %p') || 'Never' %>
+
<% end %>
+
+
+
+ <%= link_to 'Unsubscribe more users', mass_unsubscribe_path, class: 'inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 text-sm font-medium rounded-lg shadow-sm text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500' %>
-
- ID
- Code
- Internal description
- Public description
- Availability
- Active now
- Pages unlocked
- Days active
-
- <% @codes.each do |code| %>
-
- <%= code.id %>
- <%= code.code %>
- <%= code.internal_description %>
- <%= code.description %>
-
- <% used = code.promotions.pluck(:user_id).uniq.count %>
- <% ratio = (code.uses_remaining * 100.0) / (code.uses_remaining + used) %>
-
-
+
+
+
+
Promo Codes
+
+ Manage page unlock promotional codes and track their usage
+
+
+
+ <%
+ total_codes = @codes.count
+ total_used = @codes.sum { |c| c.promotions.pluck(:user_id).uniq.count }
+ total_active = @codes.sum { |c| c.promotions.active.pluck(:user_id).uniq.count }
+ %>
+
+
+
+
+
+
-
- <%= used %> used<%= code.uses_remaining %> remaining<%= used + code.uses_remaining %> originally available
-
- <%= code.promotions.active.pluck(:user_id).uniq.count %>
- <% code.page_types.each do |page_type| %>
- <% klass = content_class_from_name(page_type) %>
- <%= klass.icon %>
- <% end %>
-
- <%= code.days_active %> days
-
+
+
Total Codes
+
<%= number_with_delimiter total_codes %>
+
+
+
+
+
Total Redeemed
+
<%= number_with_delimiter total_used %>
+
+
+
+
+
+
+
Currently Active
+
<%= number_with_delimiter total_active %>
+
+
+
+
+
All Promo Codes
+
+
+
+
+
+
+ ID
+ Code
+ Description
+ Availability
+ Active Now
+ Page Types
+ Duration
+
+
+
+ <% @codes.each do |code| %>
+ <%
+ used = code.promotions.pluck(:user_id).uniq.count
+ total = used + code.uses_remaining
+ ratio = total > 0 ? (code.uses_remaining * 100.0) / total : 0
+ active_count = code.promotions.active.pluck(:user_id).uniq.count
+ %>
+
+
+ <%= code.id %>
+
+
+
+ <%= code.code %>
+
+
+
+ <%= code.internal_description %>
+ <% if code.description.present? %>
+ <%= code.description %>
+ <% end %>
+
+
+
+
+
+
+
<%= used %> used
+
<%= code.uses_remaining %> remaining
+
<%= total %> original
+
+
+
+ <% if active_count > 0 %>
+
+ <%= active_count %>
+
+ <% else %>
+ 0
+ <% end %>
+
+
+
+ <% code.page_types.each do |page_type| %>
+ <% klass = content_class_from_name(page_type) %>
+
+ <%= page_type %>
+
+ <% end %>
+
+
+
+ <%= code.days_active %>
+ days
+
+
+ <% end %>
+
+
+
+
+
+
+
No promo codes
+
No promotional codes have been created yet.
+
\ No newline at end of file
+
diff --git a/app/views/admin/reported_shares.html.erb b/app/views/admin/reported_shares.html.erb
index c4167f6e2..1cfb18000 100644
--- a/app/views/admin/reported_shares.html.erb
+++ b/app/views/admin/reported_shares.html.erb
@@ -1,10 +1,150 @@
-<% @feed.each do |share| %>
- <%= render partial: 'stream/share', locals: { share: share } %>
-
- ID: <%= share.id %>
-
-<% end %>
-
-<% if @feed.empty? %>
- We're all caught up!
-<% end %>
\ No newline at end of file
+
+
+
+
Reported Shares
+
+ <%= pluralize(@feed.total_entries, 'share') %> pending review
+
+
+
+
+ <% if notice.present? %>
+
+ <% end %>
+
+ <% if @feed.any? %>
+
+ <%= will_paginate @feed, class: 'mb-6' %>
+ <% @feed.each do |share| %>
+
+
+
+
+
+
+
+
+ Reported <%= pluralize(share.content_page_share_reports.count, 'time') %>
+
+
+
+ by
+ <% share.content_page_share_reports.each_with_index do |report, index| %>
+ <%= link_to report.user.display_name, report.user, class: "font-medium hover:underline" %><%= ', ' unless index == share.content_page_share_reports.count - 1 %>
+ <% end %>
+
+
+
+
+
+
+
+ <%= image_tag share.user.image_url(size: 48), class: "h-12 w-12 rounded-full flex-shrink-0" %>
+
+
+ <%= link_to share.user, class: "font-semibold text-gray-900 dark:text-white hover:text-blue-600 dark:hover:text-blue-400" do %>
+ <%= share.user.display_name %>
+ <% end %>
+ @<%= share.user.username %>
+
+
+ Shared <%= time_ago_in_words(share.created_at) %> ago
+ |
+ User since <%= share.user.created_at.strftime('%b %Y') %>
+ |
+ <%= pluralize(share.user.content_page_shares.count, 'share') %> total
+
+
+
+ Share #<%= share.id %>
+
+
+
+ <% if share.message.present? %>
+
+ <% end %>
+
+
+ <% if share.content_page %>
+
+ <% if share.content_page.class.respond_to?(:hex_color) %>
+
+ <%= share.content_page.class.icon %>
+
+ <% end %>
+
+
<%= share.content_page.name %>
+
<%= share.content_page.class.name %>
+
+ <%= link_to share.content_page, class: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium" do %>
+ View content
+
+
+ <% end %>
+
+ <% else %>
+
+ Linked content has been deleted
+
+ <% end %>
+
+
+
+ <%= link_to user_content_page_share_path(share.user, share), class: "inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors" do %>
+
+
+ View Share
+ <% end %>
+
+ <%= link_to admin_dismiss_share_reports_path(share), method: :post, class: "inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors" do %>
+
+
+ Dismiss Reports
+ <% end %>
+
+ <%= link_to admin_destroy_share_path(share), method: :delete, data: { confirm: "Are you sure you want to delete this share? This cannot be undone." }, class: "inline-flex items-center px-4 py-2 border border-transparent rounded-lg text-sm font-medium text-white bg-red-600 hover:bg-red-700 transition-colors" do %>
+
+
+ Delete Share
+ <% end %>
+
+ <%= link_to admin_destroy_user_path(share.user), method: :delete, data: { confirm: "Are you sure you want to permanently delete user '#{share.user.display_name}' and ALL their content? This cannot be undone." }, class: "inline-flex items-center px-4 py-2 border border-red-300 dark:border-red-700 rounded-lg text-sm font-medium text-red-600 dark:text-red-400 bg-white dark:bg-gray-700 hover:bg-red-50 dark:hover:bg-red-900 transition-colors" do %>
+
+
+ Delete User
+ <% end %>
+
+
+
+ <% end %>
+ <%= will_paginate @feed, class: 'mt-6' %>
+
+ <% else %>
+
+
+
+
+
All caught up!
+
No reported shares to review.
+
+ <% end %>
+
-
- Thread
- Links
- Images
- Full text
-
-
+
+
+
+
Spam Watch
+
+ Private posts containing links that may be spam
+
+
- <% @posts.each do |post| %>
- <% links = post.content.scan(/([htp]+?s?:?\/\/[^\s\)"']*)/i) %>
- <% next unless links.any? %>
-
-
- <%= post.postable.title %> (<%= post.postable.slug %>)
-
-
-
- <% links.each do |url| %>
- <%= link_to url.first, url.first %>
- <% end %>
-
-
-
- <% links.each do |url| %>
- <%= link_to url.first do %>
- <%= image_tag url.first, class: 'left', style: "height: 200px; width: 200px" %>
+
+
+
+
+
+
+
+ Thread
+
+
+ Links
+
+
+ Images
+
+
+ Full Text
+
+
+
+
+ <% posts_with_links = @posts.select { |post| post.content.scan(/([htp]+?s?:?\/\/[^\s\)"']*)/i).any? } %>
+ <% if posts_with_links.empty? %>
+
+
+ No posts with links found
+
+
+ <% else %>
+ <% posts_with_links.each do |post| %>
+ <% links = post.content.scan(/([htp]+?s?:?\/\/[^\s\)"']*)/i) %>
+
+
+ <%= post.postable.title %>
+ <%= post.postable.slug %>
+
+
+
+ <% links.each do |url| %>
+
+ <%= link_to url.first, url.first, class: 'text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 hover:underline', target: '_blank', rel: 'noopener noreferrer' %>
+
+ <% end %>
+
+
+
+
+ <% links.each do |url| %>
+ <%= link_to url.first, target: '_blank', rel: 'noopener noreferrer' do %>
+ <%= image_tag url.first, class: 'h-24 w-24 object-cover rounded-lg border border-gray-200 dark:border-gray-600 hover:opacity-75 transition-opacity', onerror: "this.style.display='none'" %>
+ <% end %>
+ <% end %>
+
+
+
+
+
+
<% end %>
<% end %>
-
-
- <%= post.content %>
-
-
- <% end %>
-
\ No newline at end of file
+
+
+
+
+
+
+
+ Showing <%= posts_with_links.count %> post<%= posts_with_links.count == 1 ? '' : 's' %> with links
+
+
diff --git a/app/views/admin/unsubscribe.html.erb b/app/views/admin/unsubscribe.html.erb
index 815913428..3149ae492 100644
--- a/app/views/admin/unsubscribe.html.erb
+++ b/app/views/admin/unsubscribe.html.erb
@@ -1,14 +1,53 @@
-<%= form_tag(perform_unsubscribe_path, method: :POST) do %>
-
-
-
-
- Emails:
- One email per line
-
-
+
+
+
+
Mass Unsubscribe
+
+ Move users to the Starter plan in bulk
+
- <%= submit_tag 'Move the above users to the Starter plan', class: 'btn red' %>
-
This will NOT remove the user from their current plan on Stripe, but WILL send a "You have been unsubscribed" email.
-<% end %>
+
+
+
+ <%= form_tag(perform_unsubscribe_path, method: :POST) do %>
+
+
+
+ Email Addresses
+
+
+
+ Enter one email address per line
+
+
+
+
+
+
+
+
+
+
+ This will NOT remove the user from their current plan on Stripe, but WILL send a "You have been unsubscribed" email.
+
+
+
+
+
+
+
+ <%= submit_tag 'Move users to Starter plan', class: 'inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-lg shadow-sm text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 cursor-pointer' %>
+
+
+ <% end %>
+
+
+
diff --git a/app/views/basil/_header.html.erb b/app/views/basil/_header.html.erb
new file mode 100644
index 000000000..dd3aadb3c
--- /dev/null
+++ b/app/views/basil/_header.html.erb
@@ -0,0 +1,37 @@
+<%#
+ Basil header partial
+ Local variables:
+ - subtitle: (optional) Custom subtitle text, defaults to standard intro
+ - show_rating_link: (optional) Show link to rating queue, defaults to true
+%>
+<% subtitle ||= "I can help you visualize your characters and world." %>
+<% show_rating_link = true if local_assigns[:show_rating_link].nil? %>
+
+
+
+
+
+
+
+
+
+
+ <%= image_tag 'basil/portrait.png', class: 'relative w-32 h-32 md:w-40 md:h-40 rounded-full border-4 border-white border-opacity-20 shadow-2xl ring-4 ring-purple-500 ring-opacity-20 object-cover' %>
+
+
+
+
+
+ <%= subtitle %>
+
+ <% if show_rating_link %>
+
+ You can also
+ <%= link_to 'help me improve by rating images', basil_rating_queue_path, class: 'text-white underline decoration-blue-400 hover:decoration-blue-300 underline-offset-2 transition-all hover:text-blue-100' %>.
+
+ <% end %>
+
+
+
diff --git a/app/views/basil/content.html.erb b/app/views/basil/content.html.erb
index c6ecfed0f..38efa9d46 100644
--- a/app/views/basil/content.html.erb
+++ b/app/views/basil/content.html.erb
@@ -1,447 +1,790 @@
-
-
-
- <%= form_for BasilCommission.new, url: basil_commission_path(@content_type, @content.id) do |f| %>
- <%= f.hidden_field :style, value: 'realistic' %>
- <%= f.hidden_field :entity_type, value: @content.page_type %>
- <%= f.hidden_field :entity_id, value: @content.id %>
-
-
-
- <%= link_to basil_path, class: 'grey-text text-darken-2' do %>
- Basil
+
+
+
+
+
+
+
+ <%= link_to basil_path, class: 'inline-flex items-center text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors' do %>
+ auto_awesome
+ Basil
<% end %>
- chevron_right
- <%= link_to basil_content_index_path(content_type: @content.page_type), class: 'grey-text text-darken-2' do %>
- <%= @content.page_type.pluralize %>
+ chevron_right
+ <%= link_to basil_content_index_path(content_type: @content.page_type), class: 'text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors' do %>
+ <%= @content.page_type.pluralize %>
+ <%= @content.page_type.pluralize.truncate(10) %>
<% end %>
-
-
- <%= image_tag @content.random_image_including_private(format: :medium), style: 'width: 100%' %>
-
- <%= link_to @content.name, @content.view_path, class: @content.text_color %>
-
- <%= link_to @content.edit_path, class: 'grey-text text-darken-2', style: 'margin-bottom: 1rem; display: inline-block;' do %>
- Edit this <%= @content.page_type.downcase %>
+
chevron_right
+
<%= @content.name %>
+
+
+
+ <%= link_to @content.view_path, class: 'inline-flex items-center px-2 sm:px-3 py-1.5 text-xs sm:text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors' do %>
+ visibility
+ View Page
+ View
+ <% end %>
+ <%= link_to @content.edit_path, class: 'inline-flex items-center px-2 sm:px-3 py-1.5 text-xs sm:text-sm font-medium text-purple-700 bg-purple-50 rounded-lg hover:bg-purple-100 transition-colors' do %>
+ edit
+ Edit
<% end %>
+
+
+
-
- <% @relevant_fields.each do |field, value| %>
- <%= f.hidden_field "field[#{field.id}][label]", value: field.label %>
- <%= f.hidden_field "field[#{field.id}][value]", value: value %>
+ <%= form_for BasilCommission.new, url: basil_commission_path(@content_type, @content.id), html: { id: 'basil-commission-form' } do |f| %>
+ <%= f.hidden_field :style, value: 'realistic', id: 'basil_commission_style' %>
+ <%= f.hidden_field :entity_type, value: @content.page_type %>
+ <%= f.hidden_field :entity_id, value: @content.id %>
+
+
+
+
+
+
+
+
+ <% if @content.random_image_including_private(format: :medium) %>
+ <%= image_tag @content.random_image_including_private(format: :medium),
+ class: 'w-full h-32 sm:h-40 lg:h-48 object-cover bg-gray-100 dark:bg-gray-700' %>
+ <% end %>
-
-
-
-
-
<%= field.label %>
- <%= range_field_tag "basil_commission[field][#{field.id}][importance]", @guidance.fetch(field.id.to_s, 1), { min: 0, max: 1.3, step: 0.1, style: 'width: 60%;', class: 'js-importance-slider hide' } %>
+
+
+
+
+ <%= @content.icon %>
+ <%= @content.page_type %>
-
-
- <%= value %>
+
<%= @content.name %>
-
- <% end %>
-
-
- <% if @additional_fields.any? %>
- <% has_previously_used_fields = @additional_fields.any? { |field, _| @guidance.key?(field.id.to_s) } %>
- <% if @relevant_fields.any? %>
- <%# Show collapsed when there ARE primary fields (unless user has previously selected additional fields) %>
-
}[https://codeclimate.com/github/indentlabs/notebook]
-{
}[https://codeclimate.com/github/indentlabs/notebook/coverage]
{
}[http://inch-ci.org/github/indentlabs/notebook]
== What is Notebook.ai?
diff --git a/STREAM_REDESIGN_SUMMARY.md b/STREAM_REDESIGN_SUMMARY.md
new file mode 100644
index 000000000..544d3eb0b
--- /dev/null
+++ b/STREAM_REDESIGN_SUMMARY.md
@@ -0,0 +1,78 @@
+# Stream Redesign Summary
+
+## 🎨 Professional, Minimalist, and Fun Redesign Complete!
+
+The social activity stream has been completely redesigned with a modern, professional aesthetic that maintains fun and engaging elements.
+
+### ✅ Key Improvements Made
+
+#### **Visual Design**
+- **Glass morphism effects** - Frosted glass header with backdrop blur
+- **Gradient backgrounds** - Subtle gradients from indigo to purple throughout
+- **Professional color palette** - Indigo, purple, and pink accents with clean grays
+- **Enhanced typography** - Better font weights, sizing, and spacing hierarchy
+- **Rounded corners** - Modern 2xl border radius for cards and components
+
+#### **Interactive Elements**
+- **Smooth animations** - Hover effects, scale transforms, and smooth transitions
+- **Gradient buttons** - Eye-catching CTAs with shadow effects and hover states
+- **Interactive cards** - Subtle glow effects on hover, professional shadows
+- **Status indicators** - Online status dots, content type badges
+- **Micro-interactions** - Button hover states, form focus effects
+
+#### **Layout & UX**
+- **Sticky glass header** - Professional navigation that stays visible
+- **Card-based design** - Clean, organized content in beautiful cards
+- **Better spacing** - Generous whitespace and consistent padding
+- **Visual hierarchy** - Clear content organization with dividers and sections
+- **Mobile responsive** - Works beautifully across all device sizes
+
+#### **Technical Fixes**
+- **MaterializeCSS conflicts resolved** - No more double dropdowns
+- **Form styling** - Tailwind-styled selects work properly
+- **JavaScript protection** - Prevents MaterializeCSS initialization on Tailwind components
+
+### 🚀 New Features
+
+#### **Enhanced Share Creation**
+- Beautiful gradient-bordered creation card
+- Better placeholder text and instructions
+- Visual feedback for public sharing
+- Professional form styling
+
+#### **Modern Feed Items**
+- Glass morphism card design
+- Content type badges with brand colors
+- Interactive hover effects
+- Better comment threading
+- Professional interaction buttons (Like, Comment, Share)
+
+#### **Improved Navigation**
+- Icon-enhanced navigation buttons
+- Search with keyboard shortcut indicators
+- Professional toggle states
+- Smooth transitions between views
+
+#### **Professional Empty States**
+- Beautiful empty state illustrations
+- Encouraging call-to-action buttons
+- Context-appropriate messaging
+
+### 🎯 Design Principles Applied
+
+1. **Professional** - Clean lines, consistent spacing, professional typography
+2. **Minimalist** - Removed visual clutter, focused on content
+3. **Fun** - Gradients, animations, playful hover effects
+4. **Modern** - Glass morphism, subtle shadows, rounded corners
+5. **Accessible** - Good contrast, clear hierarchy, readable fonts
+
+### 💫 Visual Effects Used
+
+- **Backdrop blur filters** for glass effects
+- **CSS gradients** for backgrounds and buttons
+- **Box shadows** with color tinting
+- **Transform animations** for hover states
+- **Opacity transitions** for smooth interactions
+- **Border radius** for modern appearance
+
+The stream now feels like a premium, professional social platform while maintaining the creative and fun nature that makes Notebook.ai special!
\ No newline at end of file
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
index b16e53d6d..7bd6f1111 100644
--- a/app/assets/config/manifest.js
+++ b/app/assets/config/manifest.js
@@ -1,3 +1,6 @@
//= link_tree ../images
//= link_directory ../javascripts .js
//= link_directory ../stylesheets .css
+//= link preload/jquery-3.1.1.min.js
+//= link Chart.bundle.js
+//= link chartkick.js
diff --git a/app/assets/images/landing/digital-notebook-active.mp4 b/app/assets/images/landing/digital-notebook-active.mp4
new file mode 100644
index 000000000..48e25252a
Binary files /dev/null and b/app/assets/images/landing/digital-notebook-active.mp4 differ
diff --git a/app/assets/images/landing/notebook-hero-1-1440.webp b/app/assets/images/landing/notebook-hero-1-1440.webp
new file mode 100644
index 000000000..b810dea08
Binary files /dev/null and b/app/assets/images/landing/notebook-hero-1-1440.webp differ
diff --git a/app/assets/images/landing/notebook-hero-1-1920.webp b/app/assets/images/landing/notebook-hero-1-1920.webp
new file mode 100644
index 000000000..14ffb204f
Binary files /dev/null and b/app/assets/images/landing/notebook-hero-1-1920.webp differ
diff --git a/app/assets/images/landing/notebook-hero-1-828.webp b/app/assets/images/landing/notebook-hero-1-828.webp
new file mode 100644
index 000000000..e94718c9a
Binary files /dev/null and b/app/assets/images/landing/notebook-hero-1-828.webp differ
diff --git a/app/assets/images/landing/notebook-hero-1.png b/app/assets/images/landing/notebook-hero-1.png
new file mode 100644
index 000000000..8e574bb6f
Binary files /dev/null and b/app/assets/images/landing/notebook-hero-1.png differ
diff --git a/app/assets/images/landing/notebook-hero-2.png b/app/assets/images/landing/notebook-hero-2.png
new file mode 100644
index 000000000..a6d1fcb25
Binary files /dev/null and b/app/assets/images/landing/notebook-hero-2.png differ
diff --git a/app/assets/images/tristan/face.png b/app/assets/images/tristan/face.png
new file mode 100644
index 000000000..8e1285b24
Binary files /dev/null and b/app/assets/images/tristan/face.png differ
diff --git a/app/assets/images/tristan/portrait.png b/app/assets/images/tristan/portrait.png
new file mode 100644
index 000000000..fc24d7d93
Binary files /dev/null and b/app/assets/images/tristan/portrait.png differ
diff --git a/app/assets/javascripts/_initialization.js b/app/assets/javascripts/_initialization.js
deleted file mode 100644
index 0c340f552..000000000
--- a/app/assets/javascripts/_initialization.js
+++ /dev/null
@@ -1,28 +0,0 @@
-//# This file is prepended with an underscore to ensure it comes alphabetically-first
-//# when application.js includes all JS files in the directory with require_tree.
-//# Here be dragons.
-
-if (!window.Notebook) { window.Notebook = {}; }
-Notebook.init = function() {
- // Initialize MaterializeCSS stuff
- M.AutoInit();
- $('.sidenav').sidenav();
- $('.quick-reference-sidenav').sidenav({
- closeOnClick: true,
- edge: 'right',
- draggable: false
- });
- $('#recent-edits-sidenav').sidenav({
- closeOnClick: true,
- edge: 'right',
- draggable: false
- });
- $('.slider').slider({ height: 200, indicators: false });
- $('.dropdown-trigger').dropdown({ coverTrigger: false });
- $('.dropdown-trigger-on-hover').dropdown({ coverTrigger: false, hover: true });
- $('.tooltipped').tooltip({ enterDelay: 50 });
- $('.with-character-counter').characterCounter();
- $('.materialboxed').materialbox();
-};
-
-$(() => Notebook.init());
diff --git a/app/assets/javascripts/alpine.js b/app/assets/javascripts/alpine.js
new file mode 100644
index 000000000..c20690a80
--- /dev/null
+++ b/app/assets/javascripts/alpine.js
@@ -0,0 +1,129 @@
+function alpineMultiSelectController() {
+ return {
+ optgroups: [],
+ options: [],
+ selected: [],
+ show: false,
+ sourceFieldId: '',
+ searchQuery: '',
+ open() {
+ this.show = true;
+ // Focus search input after dropdown opens
+ this.$nextTick(() => {
+ if (this.$refs.searchInput) {
+ this.$refs.searchInput.focus();
+ }
+ });
+ },
+ close() { this.show = false },
+ isOpen() { return this.show === true },
+ filterOptions() {
+ // Update filteredOptions for each optgroup based on search query
+ this.optgroups.forEach(optgroup => {
+ if (!this.searchQuery || this.searchQuery.trim() === '') {
+ optgroup.filteredOptions = optgroup.options;
+ } else {
+ const query = this.searchQuery.toLowerCase();
+ optgroup.filteredOptions = optgroup.options.filter(option =>
+ option.text.toLowerCase().includes(query)
+ );
+ }
+ });
+ },
+ select(index, event) {
+ if (!this.options[index].selected) {
+ this.options[index].selected = true;
+ this.options[index].element = event.target;
+ this.selected.push(index);
+
+ } else {
+ this.selected.splice(this.selected.lastIndexOf(index), 1);
+ this.options[index].selected = false;
+ }
+
+ // Update the original select element's selected options
+ const originalSelect = document.getElementById(this.sourceFieldId);
+ for (let i = 0; i < originalSelect.options.length; i++) {
+ originalSelect.options[i].selected = this.options[i].selected;
+ }
+
+ // Trigger autosave via jQuery (required for delegated event handlers)
+ $(originalSelect).trigger('change');
+ },
+ remove(index, option) {
+ this.options[option].selected = false;
+ this.selected.splice(index, 1);
+
+ // We also want to manually remove the `selected` attribute from the
+ // original select element's option.
+ const originalSelect = document.getElementById(this.sourceFieldId);
+ originalSelect.options[option].selected = false;
+
+ // Trigger autosave via jQuery (required for delegated event handlers)
+ $(originalSelect).trigger('change');
+ },
+ loadOptions(fieldId) {
+ this.sourceFieldId = fieldId;
+ const select = document.getElementById(fieldId);
+ const optgroups = select.getElementsByTagName('optgroup');
+
+ // Since we're effectively resetting indices per optgroup, we need to track
+ // a single running index throughout all optgroups to use as an index for
+ // each option for events, etc.
+ let runningOptionIndex = 0;
+
+ // For each optgroup (page type)...
+ for (let i = 0; i < optgroups.length; i++) {
+ const groupOptions = optgroups[i].getElementsByTagName('option');
+
+ // Prepare the `options` array for this optgroup
+ const optionsForThisOptGroup = [];
+ for (let j = 0; j < groupOptions.length; j++) {
+ const option = groupOptions[j];
+ const imageUrl = option.getAttribute('data-image-url');
+
+ optionsForThisOptGroup.push({
+ index: runningOptionIndex++,
+ value: option.value,
+ text: option.textContent.trim(),
+ imageUrl: imageUrl,
+ icon: option.getAttribute('data-icon'),
+ icon_color: option.getAttribute('data-icon-color'),
+ selected: !!option.selected
+ });
+
+ if (!!option.selected) {
+ this.selected.push(runningOptionIndex - 1);
+ }
+ }
+
+ // Finally, add it as a valid optgroup with options
+ if (optionsForThisOptGroup.length > 0) {
+ const optgroupData = {
+ label: optgroups[i].label,
+ icon: window.ContentTypeData[optgroups[i].label].icon,
+ color: window.ContentTypeData[optgroups[i].label].color,
+ textColor: window.ContentTypeData[optgroups[i].label].text_color || 'text-gray-600',
+ iconColor: window.ContentTypeData[optgroups[i].label].text_color || 'text-gray-600',
+ plural: window.ContentTypeData[optgroups[i].label].plural,
+ options: optionsForThisOptGroup,
+ filteredOptions: optionsForThisOptGroup // Initialize with all options
+ };
+ this.optgroups.push(optgroupData);
+
+ // And also track all the options in a flat array so we can reference them with a single index
+ for (let j = 0; j < optionsForThisOptGroup.length; j++) {
+ this.options.push(optionsForThisOptGroup[j]);
+ }
+ }
+ }
+ },
+ selectedValues(){
+ // Return all this.options where selected=true
+ return this.options.filter(op => op.selected === true); // .map(el => el.text)
+ // return this.selected.map((option)=>{
+ // return this.options[option].value;
+ // });
+ }
+ }
+}
\ No newline at end of file
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 056245db4..125064395 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -13,10 +13,10 @@
//= require_tree ./preload
//= require cocoon
//= require Chart.bundle
+//= require chartjs-plugin-annotation.min
//= require chartkick
//= require autocomplete-rails
-//= require tribute
+// require tribute - Replaced with Alpine.js implementation
//= require d3
+//= require tailwind_initialization
//= require_tree .
-
-
diff --git a/app/assets/javascripts/attribute_editor.js.erb b/app/assets/javascripts/attribute_editor.js.erb
index 0d249b8e4..2d7e2057f 100644
--- a/app/assets/javascripts/attribute_editor.js.erb
+++ b/app/assets/javascripts/attribute_editor.js.erb
@@ -1,4 +1,10 @@
$(document).ready(function() {
+ // Check if iconpicker plugin is available
+ if (typeof $.fn.iconpicker === 'undefined') {
+ console.warn('iconpicker plugin not loaded, skipping iconpicker initialization');
+ return;
+ }
+
$('.iconpicker-input').iconpicker({
icons: [
<% MATERIAL_ICONS.each do |icon_name| %>
diff --git a/app/assets/javascripts/attributes_editor.js b/app/assets/javascripts/attributes_editor.js
index d04f98c3c..85cbfc4b7 100644
--- a/app/assets/javascripts/attributes_editor.js
+++ b/app/assets/javascripts/attributes_editor.js
@@ -5,8 +5,23 @@ $(document).ready(function () {
$.ajax({
dataType: "json",
- url: "/api/v1/categories/suggest/" + content_type,
+ url: "/plan/attribute_categories/suggest?content_type=" + content_type,
success: function (data) {
+ console.log('Categories suggestion data received:', data);
+ console.log('Data type:', typeof data);
+ console.log('Is array:', Array.isArray(data));
+
+ // If data is a string, try to parse it as JSON
+ if (typeof data === 'string') {
+ try {
+ data = JSON.parse(data);
+ console.log('Parsed data:', data);
+ } catch (e) {
+ console.error('Failed to parse JSON:', e);
+ return;
+ }
+ }
+
var existing_categories = $('.js-category-label').map(function(){
return $.trim($(this).text());
}).get();
@@ -45,7 +60,7 @@ $(document).ready(function () {
$.ajax({
dataType: "json",
- url: "/api/v1/fields/suggest/" + content_type + "/" + category_label,
+ url: "/plan/attribute_fields/suggest?content_type=" + content_type + "&category=" + category_label,
success: function (data) {
// console.log("new fields");
// console.log(data);
diff --git a/app/assets/javascripts/autosave.js b/app/assets/javascripts/autosave.js
deleted file mode 100644
index 24a86364d..000000000
--- a/app/assets/javascripts/autosave.js
+++ /dev/null
@@ -1,36 +0,0 @@
-$(document).ready(function() {
- $('.autosave-closest-form-on-change').change(function () {
- var content_form = $(this).closest('form');
-
- if (content_form) {
- M.toast({ html: 'Saving your changes...' });
-
- var form_data = content_form.serialize();
- form_data += "&authenticity_token=" + $('meta[name="csrf-token"]').attr('content');
-
- $.ajax({
- url: content_form.attr('action') + '.json',
- type: content_form.attr('method').toUpperCase(),
- data: form_data,
- success: function(response) {
- M.toast({ html: 'Saved successfully!' });
- },
- error: function(response) {
- M.toast({ html: "There was an error saving your changes. Please back up any changes and refresh the page." });
- }
- });
- } else {
- M.toast({ html: "There was an error saving your changes. Please back up any changes and refresh the page." });
- }
- });
-
- $('.submit-closest-form-on-click').on('click', function() {
- $(this).closest('form').submit();
- })
-
- // To ensure all fields get unblurred (and therefore autosaved) upon navigation,
- // we use this little ditty:
- window.onbeforeunload = function(e){
- $(document.activeElement).blur();
- }
-});
diff --git a/app/assets/javascripts/autosize-textareas.js b/app/assets/javascripts/autosize-textareas.js
new file mode 100644
index 000000000..10646f334
--- /dev/null
+++ b/app/assets/javascripts/autosize-textareas.js
@@ -0,0 +1,22 @@
+$(document).ready(function() {
+ const yPadding = 16;
+ const lineHeight = 20; // 36
+ const minLines = 3; // Minimum number of lines to display
+ const minHeight = yPadding + (minLines * lineHeight); // Minimum height for 3 lines
+
+ const elements = document.getElementsByClassName('js-autosize-textarea');
+ for (let i = 0; i < elements.length; i++) {
+ // Set the initial height of the textarea
+ const linesCount = Math.max(elements[i].value.split("\n").length, minLines);
+ const contentHeight = yPadding + (linesCount * lineHeight);
+ elements[i].setAttribute("style", "height:" + Math.max(contentHeight, minHeight) + "px;overflow-y:hidden;");
+
+ // Resize the textarea whenever the value changes
+ elements[i].addEventListener("input", OnInput, false);
+ }
+
+ function OnInput() {
+ this.style.height = minHeight + "px";
+ this.style.height = Math.max(this.scrollHeight, minHeight) + "px";
+ }
+});
\ No newline at end of file
diff --git a/app/assets/javascripts/basil.coffee b/app/assets/javascripts/basil.coffee
deleted file mode 100644
index 24f83d18b..000000000
--- a/app/assets/javascripts/basil.coffee
+++ /dev/null
@@ -1,3 +0,0 @@
-# Place all the behaviors and hooks related to the matching controller here.
-# All this logic will automatically be available in application.js.
-# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/javascripts/collection_wizard.js b/app/assets/javascripts/collection_wizard.js
new file mode 100644
index 000000000..420fa70bc
--- /dev/null
+++ b/app/assets/javascripts/collection_wizard.js
@@ -0,0 +1,391 @@
+// Collection Creation Wizard Controller
+document.addEventListener('DOMContentLoaded', function() {
+ // Only initialize if we're on the collection form page
+ const collectionForm = document.getElementById('collection-form');
+ if (!collectionForm) return;
+
+ let currentStep = 1;
+ const totalSteps = 4;
+
+ // Initialize wizard
+ initializeWizard();
+
+ function initializeWizard() {
+ // Set up step navigation
+ setupStepNavigation();
+
+ // Set up form interactions
+ setupFormInteractions();
+
+
+ // Set up content type selection
+ setupContentTypeSelection();
+
+ // Set up theme selection
+ setupThemeSelection();
+
+ // Initialize preview
+ updatePreview();
+
+ // Update progress
+ updateProgress();
+ }
+
+ function setupStepNavigation() {
+ // Step navigation buttons - allow free navigation between steps
+ document.querySelectorAll('.step-nav').forEach(button => {
+ if (button) {
+ button.addEventListener('click', function() {
+ const targetStep = parseInt(this.dataset.step);
+ goToStep(targetStep);
+ });
+ }
+ });
+
+ // Next/Previous buttons
+ document.querySelectorAll('.next-step').forEach(button => {
+ if (button) {
+ button.addEventListener('click', function() {
+ if (validateCurrentStep()) {
+ nextStep();
+ }
+ });
+ }
+ });
+
+ document.querySelectorAll('.prev-step').forEach(button => {
+ if (button) {
+ button.addEventListener('click', function() {
+ previousStep();
+ });
+ }
+ });
+ }
+
+ function setupFormInteractions() {
+ // Real-time form validation and preview updates
+ const formInputs = document.querySelectorAll('#collection-form input, #collection-form textarea, #collection-form select');
+
+ formInputs.forEach(input => {
+ if (input) {
+ input.addEventListener('input', function() {
+ updatePreview();
+ validateCurrentStep();
+ });
+
+ input.addEventListener('change', function() {
+ updatePreview();
+ validateCurrentStep();
+ });
+ }
+ });
+
+ // Character counter for description
+ const descriptionField = document.querySelector('textarea[name="page_collection[description]"]');
+ const charCounter = document.getElementById('char-count');
+
+ if (descriptionField && charCounter) {
+ descriptionField.addEventListener('input', function() {
+ updateCharCount();
+ });
+ updateCharCount();
+ }
+
+ function updateCharCount() {
+ const count = descriptionField.value.length;
+ charCounter.textContent = `${count} / 500`;
+
+ if (count > 450) {
+ charCounter.classList.add('text-red-600');
+ charCounter.classList.remove('text-amber-600');
+ } else if (count > 400) {
+ charCounter.classList.add('text-amber-600');
+ charCounter.classList.remove('text-red-600');
+ } else {
+ charCounter.classList.remove('text-amber-600', 'text-red-600');
+ }
+ }
+ }
+
+
+ function setupContentTypeSelection() {
+ const selectAllBtn = document.getElementById('select-all-types');
+ const selectNoneBtn = document.getElementById('select-none-types');
+ const selectCommonBtn = document.getElementById('select-common-types');
+ const checkboxes = document.querySelectorAll('.content-type-checkbox');
+
+ if (selectAllBtn) {
+ selectAllBtn.addEventListener('click', function(e) {
+ e.preventDefault();
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = true;
+ updateCheckboxUI(checkbox);
+ });
+ updatePreview();
+ });
+ }
+
+ if (selectNoneBtn) {
+ selectNoneBtn.addEventListener('click', function(e) {
+ e.preventDefault();
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = false;
+ updateCheckboxUI(checkbox);
+ });
+ updatePreview();
+ });
+ }
+
+ if (selectCommonBtn) {
+ selectCommonBtn.addEventListener('click', function(e) {
+ e.preventDefault();
+ checkboxes.forEach(checkbox => {
+ checkbox.checked = checkbox.dataset.common === 'true';
+ updateCheckboxUI(checkbox);
+ });
+ updatePreview();
+ });
+ }
+
+ // Update checkbox UI when changed
+ checkboxes.forEach(checkbox => {
+ checkbox.addEventListener('change', function() {
+ updateCheckboxUI(this);
+ updatePreview();
+ });
+ // Initialize UI
+ updateCheckboxUI(checkbox);
+ });
+ }
+
+ function updateCheckboxUI(checkbox) {
+ const label = checkbox.closest('label');
+ const customCheckbox = label.querySelector('.checkbox-custom');
+ const checkIcon = label.querySelector('.check-icon');
+
+ if (checkbox.checked) {
+ customCheckbox.classList.add('bg-blue-500', 'border-blue-500');
+ customCheckbox.classList.remove('border-gray-300');
+ checkIcon.classList.remove('opacity-0');
+ checkIcon.classList.add('opacity-100');
+ label.classList.add('ring-2', 'ring-blue-500', 'ring-opacity-20');
+ } else {
+ customCheckbox.classList.remove('bg-blue-500', 'border-blue-500');
+ customCheckbox.classList.add('border-gray-300');
+ checkIcon.classList.add('opacity-0');
+ checkIcon.classList.remove('opacity-100');
+ label.classList.remove('ring-2', 'ring-blue-500', 'ring-opacity-20');
+ }
+ }
+
+ function setupThemeSelection() {
+ const themeOptions = document.querySelectorAll('.theme-option');
+
+ themeOptions.forEach(option => {
+ option.addEventListener('click', function() {
+ // Remove active class from all options
+ themeOptions.forEach(opt => opt.classList.remove('active'));
+
+ // Add active class to clicked option
+ this.classList.add('active');
+
+ // Update preview theme
+ updatePreviewTheme(this.dataset.theme);
+ });
+ });
+ }
+
+ function updatePreviewTheme(theme) {
+ const previewHeader = document.getElementById('preview-header');
+ if (!previewHeader) return;
+
+ // Remove existing theme classes
+ previewHeader.className = previewHeader.className.replace(/from-\w+-\d+|to-\w+-\d+/g, '');
+
+ // Apply new theme
+ switch(theme) {
+ case 'warm':
+ previewHeader.classList.add('from-orange-500', 'to-red-600');
+ break;
+ case 'nature':
+ previewHeader.classList.add('from-green-500', 'to-emerald-600');
+ break;
+ case 'monochrome':
+ previewHeader.classList.add('from-gray-500', 'to-gray-800');
+ break;
+ default:
+ previewHeader.classList.add('from-blue-500', 'to-purple-600');
+ }
+ }
+
+ function goToStep(stepNumber) {
+ if (stepNumber < 1 || stepNumber > totalSteps) return;
+
+ // Hide all steps
+ document.querySelectorAll('.form-step').forEach(step => {
+ step.classList.remove('active');
+ });
+
+ // Show target step
+ const targetStep = document.getElementById(`step-${stepNumber}`);
+ if (targetStep) {
+ targetStep.classList.add('active');
+ }
+
+ // Update step navigation appearance
+ document.querySelectorAll('.step-nav').forEach(nav => {
+ nav.classList.remove('active', 'completed');
+ });
+
+ // Mark current step as active
+ const currentNav = document.querySelector(`[data-step="${stepNumber}"]`);
+ if (currentNav) {
+ currentNav.classList.add('active');
+ }
+
+ // Mark completed steps (steps that have valid data)
+ updateStepCompletionStatus();
+
+ currentStep = stepNumber;
+ updateProgress();
+ }
+
+ function updateStepCompletionStatus() {
+ // Step 1: Basic info
+ if (validateBasicInfo()) {
+ const step1Nav = document.querySelector('[data-step="1"]');
+ if (step1Nav && !step1Nav.classList.contains('active')) {
+ step1Nav.classList.add('completed');
+ }
+ }
+
+ // Step 3: Content types
+ if (validateContentTypes()) {
+ const step3Nav = document.querySelector('[data-step="3"]');
+ if (step3Nav && !step3Nav.classList.contains('active')) {
+ step3Nav.classList.add('completed');
+ }
+ }
+
+ // Step 4: Settings
+ if (validateSettings()) {
+ const step4Nav = document.querySelector('[data-step="4"]');
+ if (step4Nav && !step4Nav.classList.contains('active')) {
+ step4Nav.classList.add('completed');
+ }
+ }
+ }
+
+ function nextStep() {
+ if (currentStep < totalSteps) {
+ goToStep(currentStep + 1);
+ }
+ }
+
+ function previousStep() {
+ if (currentStep > 1) {
+ goToStep(currentStep - 1);
+ }
+ }
+
+ function validateCurrentStep() {
+ switch(currentStep) {
+ case 1:
+ return validateBasicInfo();
+ case 2:
+ return true; // Visual design is optional
+ case 3:
+ return validateContentTypes();
+ case 4:
+ return validateSettings();
+ default:
+ return true;
+ }
+ }
+
+ function validateBasicInfo() {
+ const titleInput = document.querySelector('input[name="page_collection[title]"]');
+ return titleInput && titleInput.value.trim().length > 0;
+ }
+
+ function validateContentTypes() {
+ const checkboxes = document.querySelectorAll('.content-type-checkbox');
+ return Array.from(checkboxes).some(checkbox => checkbox.checked);
+ }
+
+ function validateSettings() {
+ const privacyRadios = document.querySelectorAll('input[name="page_collection[privacy]"]');
+ return Array.from(privacyRadios).some(radio => radio.checked);
+ }
+
+ function getCompletedSteps() {
+ let completed = 0;
+ if (validateBasicInfo()) completed = Math.max(completed, 1);
+ if (validateContentTypes()) completed = Math.max(completed, 3);
+ if (validateSettings()) completed = Math.max(completed, 4);
+ return completed;
+ }
+
+ function updateProgress() {
+ const progressBar = document.getElementById('progress-bar');
+ const progressText = document.getElementById('progress-text');
+
+ if (progressBar && progressText) {
+ const progress = (currentStep / totalSteps) * 100;
+ progressBar.style.width = `${progress}%`;
+ progressText.textContent = `Step ${currentStep} of ${totalSteps}`;
+ }
+ }
+
+ function updatePreview() {
+ if (window.updateCollectionPreview) {
+ window.updateCollectionPreview();
+ }
+ }
+
+ // Initialize toggle functionality
+ initializeToggles();
+
+ function initializeToggles() {
+ const submissionToggle = document.querySelector('.submission-toggle');
+ const autoAcceptToggle = document.querySelector('.auto-accept-toggle');
+ const autoAcceptSetting = document.getElementById('auto-accept-setting');
+
+ // Set up submission toggle
+ if (submissionToggle) {
+ submissionToggle.addEventListener('change', function() {
+ if (autoAcceptSetting) {
+ if (this.checked) {
+ autoAcceptSetting.classList.remove('hidden');
+ } else {
+ autoAcceptSetting.classList.add('hidden');
+ // Also uncheck auto-accept when submissions are disabled
+ if (autoAcceptToggle) {
+ autoAcceptToggle.checked = false;
+ }
+ }
+ }
+ updatePreview();
+ });
+ }
+
+ // Set up auto-accept toggle
+ if (autoAcceptToggle) {
+ autoAcceptToggle.addEventListener('change', function() {
+ updatePreview();
+ });
+ }
+ }
+
+ // Keyboard navigation
+ document.addEventListener('keydown', function(e) {
+ if (e.key === 'ArrowRight' && e.ctrlKey) {
+ e.preventDefault();
+ if (validateCurrentStep()) nextStep();
+ } else if (e.key === 'ArrowLeft' && e.ctrlKey) {
+ e.preventDefault();
+ previousStep();
+ }
+ });
+
+});
\ No newline at end of file
diff --git a/app/assets/javascripts/content.js b/app/assets/javascripts/content.js
index 18978fc58..de5260f14 100644
--- a/app/assets/javascripts/content.js
+++ b/app/assets/javascripts/content.js
@@ -34,10 +34,19 @@ $(document).ready(function () {
return false;
});
- $('.modal').modal();
+ // Check if modal plugin is available
+ if (typeof $.fn.modal !== 'undefined') {
+ $('.modal').modal();
+ } else {
+ console.warn('modal plugin not loaded, skipping modal initialization');
+ }
$('.share').click(function () {
- $('#share-modal').modal('open');
+ if (typeof $.fn.modal !== 'undefined') {
+ $('#share-modal').modal('open');
+ } else {
+ console.warn('modal plugin not loaded, cannot open share modal');
+ }
});
$('.expand').click(function () {
diff --git a/app/assets/javascripts/content_type_data.js.erb b/app/assets/javascripts/content_type_data.js.erb
index 6a4ebc7a0..697646957 100644
--- a/app/assets/javascripts/content_type_data.js.erb
+++ b/app/assets/javascripts/content_type_data.js.erb
@@ -1,9 +1,10 @@
window.ContentTypeData = {
<% (Rails.application.config.content_types[:all] + [Document, Timeline]).each do |content_type| %>
'<%= content_type.name %>': {
- color: '<%= content_type.color %>',
- hex: '<%= content_type.hex_color %>',
- icon: '<%= content_type.icon %>'
+ color: '<%= content_type.color %>', // comment to bust cache :) -- should be safe to remove after release but double check the link dropdown optgroup bg colors when you do
+ hex: '<%= content_type.hex_color %>',
+ icon: '<%= content_type.icon %>',
+ plural: '<%= content_type.name.pluralize %>'
},
<% end %>
};
\ No newline at end of file
diff --git a/app/assets/javascripts/content_types.js b/app/assets/javascripts/content_types.js
index 83fd6f2bc..25e17f656 100644
--- a/app/assets/javascripts/content_types.js
+++ b/app/assets/javascripts/content_types.js
@@ -1,24 +1,23 @@
-$(document).ready(function() {
- $('.js-enable-content-type').click(function () {
- var content_type = $(this).data('content-type');
- var related_card = $(this).children('.card').first();
- var is_currently_active = related_card.hasClass('active');
- var ie_badge = $(this).find('.enabled-badge');
-
- $.post('/customization/toggle_content_type', {
+// x-on:click="enabled = !enabled; togglePageType('Character', enabled)"
+function togglePageType(content_type, active) {
+ const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+ fetch('/customization/toggle_content_type', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'X-CSRF-Token': csrfToken
+ },
+ body: JSON.stringify({
content_type: content_type,
- active: is_currently_active ? 'off' : 'on'
- });
-
- if (is_currently_active) {
- related_card.removeClass('active');
- ie_badge.attr('data-badge-caption', 'hidden');
- } else {
- related_card.addClass('active');
- ie_badge.attr('data-badge-caption', 'active');
- }
-
- // Return false so we don't jump to the top of the page on link click
- return false;
+ active: active ? 'on' : 'off'
+ })
+ })
+ .then(response => {
+ // Handle the response
+ console.log('toggled successfully');
+ })
+ .catch(error => {
+ // Handle the error
+ console.log('couldnt toggle');
});
-});
+}
diff --git a/app/assets/javascripts/dark-mode.js b/app/assets/javascripts/dark-mode.js
index d64190be9..92150deca 100644
--- a/app/assets/javascripts/dark-mode.js
+++ b/app/assets/javascripts/dark-mode.js
@@ -1,8 +1,8 @@
-$(document).ready(function(){
- $('.dark-toggle').on('click', function() {
+$(document).ready(function () {
+ $('.dark-toggle').on('click', function () {
var toggle_icon = $(this).find('i');
var light_mode_icon = 'brightness_high',
- dark_mode_icon = 'brightness_4';
+ dark_mode_icon = 'brightness_4';
var dark_mode_enabled = $('body').hasClass('dark');
window.localStorage.setItem('dark_mode_enabled', !dark_mode_enabled);
@@ -10,16 +10,18 @@ $(document).ready(function(){
if (dark_mode_enabled) {
$('body').removeClass('dark');
+ $('html').removeClass('dark');
} else {
$('body').addClass('dark');
+ $('html').addClass('dark');
}
// Update dark mode preferences server-side so we can enable it at page load
// and avoid any light-to-dark blinding flashes
$.ajax({
- type: "PUT",
+ type: "PUT",
dataType: "json",
- url: '/users',
+ url: '/users',
data: {
'user': {
'dark_mode_enabled': !dark_mode_enabled
diff --git a/app/assets/javascripts/document_editor.js b/app/assets/javascripts/document_editor.js
deleted file mode 100644
index 8e4e2a2bc..000000000
--- a/app/assets/javascripts/document_editor.js
+++ /dev/null
@@ -1,128 +0,0 @@
-Notebook.DocumentEditor = class DocumentEditor {
- constructor(el) {
- this.el = el;
- if (!(this.el.length > 0)) { return; }
-
- window.editor = new MediumEditor('#editor', {
- targetBlank: true,
- autoLink: false,
- buttonLabels: 'fontawesome',
- toolbar: { buttons: [
- 'bold',
- 'italic',
- 'underline',
- 'strikethrough',
- {
- name: 'h1',
- action: 'append-h2',
- aria: 'header type 1',
- tagNames: [ 'h2' ],
- contentDefault: 'H1',
- classList: [ 'custom-class-h1' ],
- attrs: { 'data-custom-attr': 'attr-value-h1'
- }
- },
- {
- name: 'h2',
- action: 'append-h3',
- aria: 'header type 2',
- tagNames: [ 'h3' ],
- contentDefault: 'H2',
- classList: [ 'custom-class-h2' ],
- attrs: { 'data-custom-attr': 'attr-value-h2'
- }
- },
- {
- name: 'h3',
- action: 'append-h4',
- aria: 'header type 3',
- tagNames: [ 'h4' ],
- contentDefault: 'H3',
- classList: [ 'custom-class-h3' ],
- attrs: { 'data-custom-attr': 'attr-value-h3'
- }
- },
- 'justifyLeft',
- 'justifyCenter',
- 'justifyRight',
- 'justifyFull',
- 'orderedlist',
- 'unorderedlist',
- 'quote',
- 'anchor',
- 'removeFormat'
- ]
- },
- anchorPreview: { hideDelay: 0
- },
- placeholder: { text: 'Write as little or as much as you want!'
- },
- paste: { forcePlainText: false
- }
- });
-
- // Autosave
- let autosave_event = null;
- let last_autosave = null;
-
- const autosave = function() {
- if (autosave_event === null) {
-
- console.log('Queueing autosave');
- $('.js-autosave-icon').addClass('grey-text');
- $('.js-autosave-icon').removeClass('black-text');
- $('.js-autosave-icon').removeClass('red-text');
- $('.js-autosave-status').text('Saving changes...');
-
- autosave_event = setTimeout((function() {
- console.log('Autosaving...');
- $('.js-autosave-status').text('Saving...');
- autosave_event = null;
-
- // Do the autosave
- last_autosave = $.ajax({
- type: 'PATCH',
- url: $('#editor').data('save-url'),
- data: { document: {
- title: $('#document_title').val(),
- body: $('#editor').html()
- }
- }
- });
-
- last_autosave.fail(function(jqXHR, textStatus) {
- $('.js-autosave-status').text('There was a problem saving! We will try to save again, but please make sure you back up any changes.');
- $('.js-autosave-status').addClass('red-text');
- $('.js-autosave-status').removeClass('grey-text');
- $('.js-autosave-status').removeClass('black-text');
- });
-
- // Done!
- $('.js-autosave-icon').addClass('black-text');
- $('.js-autosave-icon').removeClass('grey-text');
- $('.js-autosave-icon').removeClass('red-text');
- $('.js-autosave-status').text('Saved!');
-
- }), 2500);
-
- } else {
- console.log('Waiting for existing autosave');
- }
- };
-
- editor.subscribe('editableInput', autosave);
- $('#document_title').on('change', autosave);
- $('#document_title').on('keydown', autosave);
- $('.js-autosave-status').on('click', autosave);
-
- // Allow entering `tab` into the editor
- $(document).delegate('#editor', 'keydown', function(e) {
- const keyCode = e.keyCode || e.which;
- if (keyCode === 9) {
- e.preventDefault();
- }
- });
- }
-};
-
-$(() => new Notebook.DocumentEditor($("body.documents.edit")));
diff --git a/app/assets/javascripts/document_editor_tailwind.js b/app/assets/javascripts/document_editor_tailwind.js
new file mode 100644
index 000000000..bb028e984
--- /dev/null
+++ b/app/assets/javascripts/document_editor_tailwind.js
@@ -0,0 +1,398 @@
+// Document Editor JavaScript
+// Medium Editor initialization, autosave, and metadata modal handling.
+// For use with the Tailwind CSS-based document editor.
+
+document.addEventListener('DOMContentLoaded', function() {
+ // Only initialize if we're on the document edit page
+ const editorElement = document.getElementById('editor');
+ if (!editorElement) return;
+
+ // Initialize Medium Editor
+ window.editor = new MediumEditor('#editor', {
+ targetBlank: true,
+ autoLink: false,
+ buttonLabels: 'fontawesome',
+ placeholder: {
+ text: 'Write as little or as much as you want!',
+ hideOnClick: false
+ },
+ toolbar: {
+ buttons: [
+ 'bold',
+ 'italic',
+ 'underline',
+ 'strikethrough',
+ {
+ name: 'h1',
+ action: 'append-h2',
+ aria: 'header type 1',
+ tagNames: ['h2'],
+ contentDefault: 'H1',
+ classList: ['custom-class-h1'],
+ attrs: {'data-custom-attr': 'attr-value-h1'}
+ },
+ {
+ name: 'h2',
+ action: 'append-h3',
+ aria: 'header type 2',
+ tagNames: ['h3'],
+ contentDefault: 'H2',
+ classList: ['custom-class-h2'],
+ attrs: {'data-custom-attr': 'attr-value-h2'}
+ },
+ {
+ name: 'h3',
+ action: 'append-h4',
+ aria: 'header type 3',
+ tagNames: ['h4'],
+ contentDefault: 'H3',
+ classList: ['custom-class-h3'],
+ attrs: {'data-custom-attr': 'attr-value-h3'}
+ },
+ 'justifyLeft',
+ 'justifyCenter',
+ 'justifyRight',
+ 'justifyFull',
+ 'orderedlist',
+ 'unorderedlist',
+ 'quote',
+ 'anchor',
+ 'removeFormat'
+ ]
+ },
+ anchorPreview: {
+ hideDelay: 0
+ },
+ paste: {
+ forcePlainText: false
+ }
+ });
+
+ // Strip background colors when copying to prevent dark mode backgrounds in clipboard
+ editorElement.addEventListener('copy', function(e) {
+ const selection = window.getSelection();
+ if (!selection.rangeCount) return;
+
+ // Get the selected HTML
+ const range = selection.getRangeAt(0);
+ const div = document.createElement('div');
+ div.appendChild(range.cloneContents());
+
+ // Remove background colors from all elements
+ div.querySelectorAll('*').forEach(function(el) {
+ el.style.removeProperty('background-color');
+ el.style.removeProperty('background');
+ });
+
+ // Also clean inline style attributes that may contain background
+ const html = div.innerHTML.replace(/background(-color)?:\s*[^;]+;?/gi, '');
+
+ // Set the cleaned content on the clipboard
+ e.clipboardData.setData('text/html', html);
+ e.clipboardData.setData('text/plain', selection.toString());
+ e.preventDefault();
+ });
+
+ // Add tooltips to toolbar buttons
+ setTimeout(function() {
+ const tooltips = {
+ 'bold': 'Bold (Ctrl+B)',
+ 'italic': 'Italic (Ctrl+I)',
+ 'underline': 'Underline (Ctrl+U)',
+ 'strikethrough': 'Strikethrough',
+ 'append-h2': 'Heading 1',
+ 'append-h3': 'Heading 2',
+ 'append-h4': 'Heading 3',
+ 'justifyLeft': 'Align Left',
+ 'justifyCenter': 'Align Center',
+ 'justifyRight': 'Align Right',
+ 'justifyFull': 'Justify',
+ 'insertorderedlist': 'Numbered List',
+ 'insertunorderedlist': 'Bullet List',
+ 'append-blockquote': 'Block Quote',
+ 'createLink': 'Insert Link (Ctrl+K)',
+ 'removeFormat': 'Clear Formatting'
+ };
+
+ document.querySelectorAll('.medium-editor-action').forEach(function(btn) {
+ const action = btn.getAttribute('data-action');
+ if (tooltips[action]) {
+ btn.setAttribute('title', tooltips[action]);
+ }
+ });
+ }, 100);
+
+ // Set up CSRF token for AJAX requests
+ $.ajaxSetup({
+ headers: {
+ 'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
+ }
+ });
+
+ // Autosave variables
+ let short_timer = null; // Timer that resets on each change (2 seconds)
+ let long_timer = null; // Timer that forces save after 30 seconds
+ let last_autosave = null; // Last AJAX request
+ let first_change_time = null; // When the first unsaved change was made
+ let has_unsaved_changes = false; // Whether we have unsaved changes
+ let autosave_hide_timeout = null; // Timeout for hiding success indicator
+
+ // Function to perform the actual save
+ const performSave = function() {
+ console.log('Performing save');
+
+ // Update save indicator to saving state (subtle)
+ $('.js-autosave-status').text('Saving...');
+ $('.js-autosave-icon').text('cloud_upload').addClass('text-gray-400').removeClass('text-gray-500 text-red-400');
+ $('#save-indicator').removeClass('bg-red-500 bg-opacity-80').addClass('bg-gray-100 bg-opacity-80 dark:bg-gray-800 dark:bg-opacity-80 pulse-animation');
+ $('.js-autosave-status').removeClass('text-white').addClass('text-gray-500 dark:text-gray-400');
+
+ // Update mini save indicator
+ $('#mini-save-indicator i').addClass('pulse-animation');
+
+ // Clear both timers
+ clearTimeout(short_timer);
+ clearTimeout(long_timer);
+ short_timer = null;
+ long_timer = null;
+
+ // Reset change tracking
+ first_change_time = null;
+ has_unsaved_changes = false;
+
+ // Do the autosave
+ last_autosave = $.ajax({
+ type: 'PATCH',
+ url: $('#editor').data('save-url'),
+ data: {
+ document: {
+ title: $('#document_title').val(),
+ body: $('#editor').html(),
+ cached_word_count: countWords()
+ }
+ }
+ });
+
+ last_autosave.fail(function(jqXHR, textStatus) {
+ // Update indicator to error state (subtle red)
+ $('.js-autosave-status').text('Error!');
+ $('.js-autosave-icon').text('cloud_off').addClass('text-white').removeClass('text-gray-400 text-gray-500');
+ $('#save-indicator').removeClass('bg-gray-100 bg-opacity-80 dark:bg-gray-800 dark:bg-opacity-80 bg-green-100 bg-opacity-80').addClass('bg-red-500 bg-opacity-90');
+ $('.js-autosave-status').removeClass('text-gray-500 dark:text-gray-400').addClass('text-white');
+
+ // Mark that we still have unsaved changes
+ has_unsaved_changes = true;
+ });
+
+ last_autosave.done(function() {
+ // Update indicator to saved state (subtle)
+ $('.js-autosave-status').text('Saved');
+ $('.js-autosave-icon').text('cloud_done').addClass('text-gray-400 dark:text-gray-500').removeClass('text-white text-red-400');
+ $('#save-indicator').removeClass('bg-red-500 bg-opacity-90 pulse-animation').addClass('bg-gray-100 bg-opacity-80 dark:bg-gray-800 dark:bg-opacity-80');
+ $('.js-autosave-status').removeClass('text-white').addClass('text-gray-500 dark:text-gray-400');
+
+ // Update mini save indicator
+ $('#mini-save-indicator i').removeClass('pulse-animation');
+
+ // Brief subtle green flash for success
+ $('#save-indicator').addClass('bg-green-100 bg-opacity-80 dark:bg-green-900 dark:bg-opacity-30');
+ clearTimeout(autosave_hide_timeout);
+ autosave_hide_timeout = setTimeout(function() {
+ $('#save-indicator').removeClass('bg-green-100 bg-opacity-80 dark:bg-green-900 dark:bg-opacity-30');
+ }, 800);
+ });
+ };
+
+ // Function to queue an autosave after a change
+ const queueAutosave = function() {
+ // If this is the first unsaved change, record the time
+ if (!has_unsaved_changes) {
+ first_change_time = new Date();
+ has_unsaved_changes = true;
+
+ // Set long timer for 30 seconds (won't be reset by further changes)
+ if (!long_timer) {
+ long_timer = setTimeout(function() {
+ console.log('Long timer triggered - 30 seconds since first change');
+ performSave();
+ }, 30000); // 30 seconds
+ }
+ }
+
+ // Update indicator to show pending changes (subtle)
+ $('.js-autosave-status').text('Unsaved');
+ $('.js-autosave-icon').text('edit');
+
+ // Clear and reset the short timer (500ms)
+ clearTimeout(short_timer);
+ short_timer = setTimeout(function() {
+ console.log('Short timer triggered - 500ms since last change');
+ performSave();
+ }, 500); // 500ms
+ };
+
+ // Function to count words - simple whitespace split
+ // Note: Server-side WordCountService is authoritative; this is an approximation for real-time display
+ const countWords = function() {
+ const text = document.getElementById('editor').textContent || '';
+ if (text.length === 0) return 0;
+ return text.trim().split(/\s+/).filter(function(w) { return w.length > 0; }).length;
+ };
+
+ // Function to count characters (uses textContent for efficiency)
+ const countCharacters = function() {
+ const text = document.getElementById('editor').textContent || '';
+ return text.length;
+ };
+
+ // Function to calculate reading time (avg 200 words per minute)
+ const calculateReadingTime = function(wordCount) {
+ const minutes = Math.ceil(wordCount / 200);
+ return minutes < 1 ? '<1' : minutes.toString();
+ };
+
+ // Update word count display
+ const updateWordCount = function() {
+ // Use optimized functions that read textContent directly
+ const wordCount = countWords();
+ const charCount = countCharacters();
+ const readingTime = calculateReadingTime(wordCount);
+
+ // Update navbar word count
+ $('#word-count').text(wordCount);
+ $('#mini-word-count').text(wordCount);
+
+ // Update sidebar stats (use attribute selectors to update both desktop and mobile sidebars)
+ $('[id="sidebar-word-count"]').text(wordCount.toLocaleString());
+ $('[id="sidebar-char-count"]').text(charCount.toLocaleString());
+ $('[id="sidebar-reading-time"]').text(readingTime);
+
+ // Restore "fresh" state on word count circle - change back to teal gradient
+ $('[id="word-count-circle"]')
+ .removeClass('from-gray-400 to-gray-500')
+ .addClass('from-teal-400 to-teal-600');
+ };
+
+ // Initial word count
+ updateWordCount();
+
+ // Debounced word count to prevent performance issues on large documents
+ let wordCountTimeout = null;
+ const debouncedWordCount = function() {
+ clearTimeout(wordCountTimeout);
+ wordCountTimeout = setTimeout(updateWordCount, 500); // Max 2x/sec instead of 60x/sec
+ };
+
+ // Trigger autosave and update word count on content changes
+ window.editor.subscribe('editableInput', function() {
+ // Queue an autosave
+ queueAutosave();
+ // Show "stale" state on word count circle - change to gray gradient
+ $('[id="word-count-circle"]')
+ .removeClass('from-teal-400 to-teal-600')
+ .addClass('from-gray-400 to-gray-500');
+ // Update word count (debounced for performance on large docs)
+ debouncedWordCount();
+ });
+
+ // Trigger autosave on title changes
+ $('#document_title').on('change', function() {
+ queueAutosave();
+ });
+
+ $('#document_title').on('keyup', function() {
+ if ($(this).val().length > 0) {
+ queueAutosave();
+ }
+ });
+
+ // Prevent Enter from submitting the form, focus editor instead
+ $('#document_title').on('keydown', function(e) {
+ if (e.key === 'Enter') {
+ e.preventDefault();
+ $('#editor').focus();
+ }
+ });
+
+ // Manual save on click - immediate save, not queued
+ $('.js-autosave-status').on('click', performSave);
+
+ // Set up beforeunload handler to warn about unsaved changes
+ window.addEventListener('beforeunload', function(e) {
+ // Only show warning if we have unsaved changes
+ if (has_unsaved_changes) {
+ // Modern browsers
+ e.preventDefault();
+ e.returnValue = ''; // Chrome requires this
+
+ // Legacy browsers (return value is ignored in modern browsers)
+ return 'You have unsaved changes. Are you sure you want to leave?';
+ }
+ });
+
+ // Alternative legacy approach for older browsers
+ window.onbeforeunload = function() {
+ if (has_unsaved_changes) {
+ return 'You have unsaved changes. Are you sure you want to leave?';
+ }
+ };
+
+ // Allow entering `tab` into the editor
+ $(document).delegate('#editor', 'keydown', function(e) {
+ const keyCode = e.keyCode || e.which;
+ if (keyCode === 9) {
+ e.preventDefault();
+ }
+ });
+
+ // Keyboard shortcuts
+ $(document).on('keydown', function(e) {
+ // Save (Ctrl+S)
+ if (e.ctrlKey && e.key === 's') {
+ e.preventDefault();
+ performSave();
+ }
+ });
+
+ // Handle Save & Close button click for all metadata modals
+ $('.save-metadata-button').on('click', function() {
+ // Get the form closest to this button
+ const form = $(this).closest('form.metadata-form');
+
+ // Show saving state
+ const button = $(this);
+ const originalText = button.text();
+ button.html('hourglass_top Saving...');
+ button.prop('disabled', true);
+
+ // Submit the form via AJAX
+ $.ajax({
+ type: 'PATCH',
+ url: form.attr('action'),
+ data: form.serialize(),
+ success: function() {
+ // Show success state
+ button.html('check Saved!');
+
+ // Close the modal after a short delay
+ setTimeout(function() {
+ // Reset button
+ button.html(originalText);
+ button.prop('disabled', false);
+
+ // The modal should already be closed by the @click="open = false" on the button
+ }, 1000);
+ },
+ error: function() {
+ // Show error state
+ button.html('error Error!');
+
+ // Reset button after delay
+ setTimeout(function() {
+ button.html(originalText);
+ button.prop('disabled', false);
+ }, 2000);
+ }
+ });
+ });
+});
diff --git a/app/assets/javascripts/enhanced_autosave.js b/app/assets/javascripts/enhanced_autosave.js
new file mode 100644
index 000000000..5d4102368
--- /dev/null
+++ b/app/assets/javascripts/enhanced_autosave.js
@@ -0,0 +1,243 @@
+/**
+ * Unified Autosave System
+ *
+ * This is the single autosave system for all field types. It handles:
+ * - Text inputs/textareas: 300ms input debouncing, save on blur
+ * - Selects/checkboxes/radios/hidden fields: Immediate save on change
+ *
+ * How to use: Add the class 'js-autosave' to any input element.
+ * Optionally add a status indicator element nearby:
+ *