web-mojo 2.1.46 → 2.1.70

package/dist/docit.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/WebApp-DqDowtkl.js"),e=require("./chunks/TopNav-MDjL4kV0.js"),o=require("./chunks/Page-BFgj0pAA.js"),i=require("./chunks/ContextMenu-gEcpSz56.js"),s=require("./chunks/User-BalfYTEF.js"),a=require("./chunks/TokenManager-Bzn4guFm.js");class DocNavSidebar extends t.View{constructor(t={}){super({className:"docit-sidebar-nav",tagName:"nav",...t}),this.singleBookMode=t.singleBookMode||!1,this.books=t.books,this.docPages=t.docPages,this.activeUser=t.activeUser,this.currentBook=null,this.currentDocPage=null}async onInit(){await super.onInit(),this.getApp().events.on("page:show",this._onPageShow.bind(this))}async _onPageShow({query:t}){const e=t.doc_book,o=t.doc_page,i=this.getApp();if(e){const t=this.books.findWhere({slug:e});!t||this.currentBook&&this.currentBook.id===t.id||(await i.setActiveBook(t),this.currentBook=i.currentBook)}else this.currentBook&&(await i.setActiveBook(null),this.currentBook=null);this.currentDocPage=o?this.docPages.findWhere({slug:o}):null,this.render()}getTemplate(){return'\n            <div class="docit-nav-body pt-3">\n                {{#currentBook}}\n                    {{#docPages.models}}\n                    <a href="#" class="docit-page-link {{#isActive}}active{{/isActive}}"\n                       data-action="select-page" data-page-slug="{{slug}}">\n                        <i class="{{#metadata.icon}}{{metadata.icon}}{{/metadata.icon}}{{^metadata.icon}}bi bi-file-earmark-text{{/metadata.icon}} me-2"></i>\n                        <span>{{title|capitalize}}</span>\n                    </a>\n                    {{/docPages.models}}\n                    {{^docPages.models}}\n                    <div class="docit-nav-empty"><p>No pages in this book.</p></div>\n                    {{/docPages.models}}\n                {{/currentBook}}\n                {{^currentBook}}\n                    {{#books.models}}\n                    <a href="#" class="docit-book-item" data-action="select-book" data-book-slug="{{slug}}">\n                        <i class="bi bi-book me-2"></i>\n                        <span class="book-title">{{title}}</span>\n                        <span class="badge bg-secondary ms-auto">{{page_count}}</span>\n                    </a>\n                    {{/books.models}}\n                {{/currentBook}}\n            </div>\n            {{#currentBook}}\n            <div class="docit-nav-footer">\n                {{#canEdit}}\n                <button class="btn btn-link w-100 mb-2" data-action="create-page">\n                    <i class="bi bi-plus-circle me-2"></i>\n                    Create New Page\n                </button>\n                {{/canEdit}}\n                <button class="btn btn-link w-100" data-action="back-to-books">\n                    <i class="bi bi-arrow-left me-2"></i>\n                    Back to Books\n                </button>\n            </div>\n            {{/currentBook}}\n            {{^currentBook}}\n                {{#canEdit}}\n                <div class="docit-nav-footer">\n                    <button class="btn btn-link w-100" data-action="create-book">\n                        <i class="bi bi-plus-circle me-2"></i>\n                        Create New Book\n                    </button>\n                </div>\n                {{/canEdit}}\n            {{/currentBook}}\n        '}async onBeforeRender(){await super.onBeforeRender(),this.canEdit=this.getApp().canEdit(),this.docPages&&this.currentDocPage&&this.docPages.forEach(t=>{t.isActive=t.id===this.currentDocPage.id})}async onActionSelectBook(t,e){t.preventDefault();const o=e.dataset.bookSlug,i=this.books.findWhere({slug:o});if(i){await this.getApp().setActiveBook(i);const t=this.docPages.at(0),e={doc_book:i.get("slug")};t&&(e.doc_page=t.get("slug")),this.getApp().showPage("docs",e,{})}}onActionSelectPage(t,e){t.preventDefault();const o=e.dataset.pageSlug;this.currentBook&&o&&this.getApp().showPage("docs",{doc_book:this.currentBook.get("slug"),doc_page:o},{})}async onActionBackToBooks(t,e){t.preventDefault(),await this.getApp().setActiveBook(null),this.getApp().showPage("home")}async onActionCreateBook(){await this.getApp().createNewBook()}async onActionCreatePage(){this.currentBook&&await this.getApp().createNewPage(this.currentBook)}setBooks(t){this.books=t,this.render()}setDocPages(t){this.docPages=t,this.render()}setCurrentBook(t){this.currentBook=t,this.render(),this.getApp().topnav&&(t?this.getApp().topnav.setBrand(t.get("title")):this.getApp().topnav.setBrand("Documentation"))}setUser(t){this.activeUser=t,this.render()}}class DocHomePage extends o.Page{constructor(t={}){super({pageName:"home",title:"Documentation",className:"docit-home-page",...t})}async getTemplate(){return'\n            <div class="docit-empty-state vh-100 d-flex flex-column align-items-center justify-content-center">\n                <i class="bi bi-collection" style="font-size: 4rem;"></i>\n                <h3 class="mt-4">Welcome to the Documentation Portal</h3>\n                <p class="text-muted">Please select a book from the sidebar to get started.</p>\n            </div>\n        '}}class DocitBook extends s.Model{static endpoint="/api/docit/book";buildUrl(t=null){return this.get("slug")&&!this.id?`/api/docit/book/slug/${this.get("slug")}`:this.id?`/api/docit/book/${this.id}`:this.endpoint}}class DocitBookList extends s.Collection{constructor(t={}){super({ModelClass:DocitBook,endpoint:"/api/docit/book",...t})}parse(t){return t.data&&t.data.status?(this.meta={...this.meta,total:t.data.count||0,graph:t.data.graph},t.data.data||[]):super.parse(t)}}class DocitPage extends s.Model{static endpoint="/api/docit/page";buildUrl(t=null){return this.get("slug")&&!this.id?`/api/docit/page/slug/${this.get("slug")}`:this.id?`/api/docit/page/${this.id}`:this.endpoint}}class DocitPageList extends s.Collection{constructor(t={}){super({ModelClass:DocitPage,endpoint:"/api/docit/page",...t})}parse(t){return t.data&&t.data.status?(this.meta={...this.meta,total:t.data.count||0,graph:t.data.graph,book:t.data.book},t.data.data||[]):super.parse(t)}}class DocPage extends o.Page{constructor(t={}){super({pageName:"docs",title:"Documentation",className:"docit-page",...t}),this.bookModel=null,this.model=null}async onInit(){await super.onInit(),this.pageContextMenu=new i.ContextMenu({config:this.getPageContextMenuConfig(),containerId:"page-context-menu"}),this.addChild(this.pageContextMenu)}getPageContextMenuConfig(){return{icon:"bi-three-dots",buttonClass:"btn btn-outline-secondary btn-sm",items:[{label:"View History",action:"view-history",icon:"bi-clock-history"},{type:"divider"},{label:"Edit Page Content",action:"edit-page",icon:"bi-pencil"},{label:"Edit Page Info",action:"edit-page-info",icon:"bi-list-ol"},{type:"divider"},{label:"Edit Book Info",action:"edit-book",icon:"bi-book"},{type:"divider"},{label:"Delete Page",action:"delete-page",icon:"bi-trash",danger:!0}]}}async getTemplate(){return'\n            <div class="docit-page-container position-relative">\n                {{#loading}}\n                <div class="docit-loading">\n                    <div class="spinner-border" role="status">\n                        <span class="visually-hidden">Loading...</span>\n                    </div>\n                </div>\n                {{/loading}}\n\n                {{^loading}}\n                {{#model|bool}}\n                <div class="docit-page-toolbar">\n                <div class="row">\n                    <div class="col d-flex justify-content-end">\n                        <div data-container="page-context-menu"></div>\n                    </div>\n                </div>\n                </div>\n                <article class="docit-page-content">\n                    {{{model.html}}}\n                </article>\n\n                <nav class="docit-page-nav">\n                    {{#prevPage}}\n                    <a href="#" class="docit-nav-prev" data-action="navigate-to-page" data-page-slug="{{slug}}">\n                        <i class="bi bi-arrow-left"></i>\n                        <div>\n                            <small>Previous</small>\n                            <span>{{title}}</span>\n                        </div>\n                    </a>\n                    {{/prevPage}}\n                    {{^prevPage}}\n                    <div></div>\n                    {{/prevPage}}\n\n                    {{#nextPage}}\n                    <a href="#" class="docit-nav-next" data-action="navigate-to-page" data-page-slug="{{slug}}">\n                        <div>\n                            <small>Next</small>\n                            <span>{{title}}</span>\n                        </div>\n                        <i class="bi bi-arrow-right"></i>\n                    </a>\n                    {{/nextPage}}\n\n                    <div class="my-3">\n                        <span class="text-muted">Last updated: {{model.modified|datetime}}</span>\n                    </div>\n                </nav>\n                {{/model|bool}}\n\n                {{^model|bool}}\n                <div class="docit-empty-state">\n                    <i class="bi bi-file-earmark-text"></i>\n                    <h3>Select a page</h3>\n                    <p>Choose a page from the sidebar to view its content.</p>\n                </div>\n                {{/model|bool}}\n                {{/loading}}\n            </div>\n        '}async onParams(t={},e={}){await super.onParams(t,e),this.loading=!0,await this.render();const o=this.getApp(),i=o.bookSlug||e.doc_book,s=e.doc_page;if(i)try{if(i){if(!o.currentBook||o.currentBook.get("slug")!==i){const t=new DocitBook({slug:i});await t.fetch(),await o.setActiveBook(t)}if(this.bookModel=o.currentBook,s)this.model=new DocitPage({slug:s}),await this.model.fetch({graph:"html"});else{const t=o.docPages.at(0);t?(this.model=new DocitPage({id:t.id}),await this.model.fetch({graph:"html"})):this.model=null}}else this.bookModel=null,this.model=null;this.canEdit=o.canEdit(),this.setupNavigation()}catch(a){console.error("Failed to load page:",a),this.showError("Failed to load documentation page"),this.model=null}finally{this.loading=!1,await this.render(),o.events.emit("docit:page-rendered",{book:this.bookModel,page:this.model})}else setTimeout(()=>{o.showPage("home")},100)}setupNavigation(){if(!this.model)return this.prevPage=null,void(this.nextPage=null);const t=this.getApp().docPages.models,e=t.findIndex(t=>t.id===this.model.id);this.prevPage=e>0?{slug:t[e-1].get("slug"),title:t[e-1].get("title")}:null,this.nextPage=e<t.length-1?{slug:t[e+1].get("slug"),title:t[e+1].get("title")}:null}async onActionNavigateToPage(t,e){t.preventDefault();const o=e.dataset.pageSlug;o&&this.getApp().showPage("docs",{},{doc_book:this.bookModel.get("slug"),doc_page:o})}async onActionEditPage(t,e){t.preventDefault(),this.model&&this.getApp().showPage("edit",{id:this.model.id,doc_book:this.bookModel.get("slug"),doc_page:this.model.get("slug")},{})}async onActionViewHistory(t,e){this.showInfo("Revision history coming soon.")}async onActionEditPageInfo(t,e){this.model&&this.getApp().showModelForm({model:this.model,fields:[{label:"Title",name:"title",type:"text"},{label:"Order Priority",name:"order_priority"},{label:"Slug",name:"slug"}]})}async onActionEditBook(t,e){if(this.model){const t=this.getApp().sidebar.currentBook;if(!t)return;this.getApp().showModelForm({model:t,fields:[{label:"Title",name:"title",type:"text"},{label:"Order Priority",name:"order_priority"},{label:"Slug",name:"slug"},{label:"Is Active",name:"is_active",type:"switch"}]})}}async onActionDeletePage(t,e){if(this.model&&await this.getApp().showConfirm({title:"Delete Page",body:`Are you sure you want to delete "${this.model.get("title")}"?`,confirmText:"Delete",confirmClass:"btn-danger"})){await this.model.destroy(),this.showSuccess("Page deleted."),await this.getApp().setActiveBook(this.bookModel);const t=this.getApp().docPages.at(0);t?this.getApp().showPage("docs",{},{doc_book:this.bookModel.get("slug"),doc_page:t.get("slug")}):this.getApp().showPage("docs",{},{doc_book:this.bookModel.get("slug")})}}async onAfterRender(){await super.onAfterRender(),"undefined"!=typeof Prism&&this.model&&Prism.highlightAll()}}class DocEditPage extends o.Page{constructor(t={}){super({pageName:"edit",title:"Edit Page",className:"docit-edit-page",...t}),this.model=null,this.editor=null,this.isDirty=!1}async getTemplate(){return'\n            <div class="docit-edit-container vh-100">\n                {{#loading}}\n                <div class="docit-loading"><div class="spinner-border"></div></div>\n                {{/loading}}\n\n                {{^loading}}{{#model}}\n                <header class="docit-edit-header">\n                    <div class="docit-edit-title-row">\n                        <h2>Editing: {{model.title}}</h2>\n                        <div class="docit-edit-actions">\n                            <button class="btn btn-outline-secondary" data-action="cancel-edit">Cancel</button>\n                            <button class="btn btn-success" data-action="save-page">\n                                <i class="bi bi-check-lg"></i> Save Changes\n                            </button>\n                        </div>\n                    </div>\n                </header>\n                <div class="docit-edit-body flex-grow-1">\n                    <div id="editor"></div>\n                </div>\n                {{/model}}\n                {{^model}}\n                <div class="docit-error-state">\n                    <h3>Page Not Found</h3>\n                    <p>The page you\'re trying to edit could not be found.</p>\n                    <button class="btn btn-primary" data-action="go-back">Go Back</button>\n                </div>\n                {{/model}}{{/loading}}\n            </div>\n        '}async onParams(t={},e={}){await super.onParams(t,e);let o=null;e.id?o=new DocitPage({id:e.id}):e.doc_page&&(o=new DocitPage({slug:e.doc_page})),this.model=o,this.model&&await this.model.fetch({graph:"detail"})}initEditor(){!this.editor&&this.element.querySelector("#editor")&&(this.editor=new toastui.Editor({el:this.element.querySelector("#editor"),height:"100%",initialEditType:"markdown",previewStyle:"tab",initialValue:this.model.get("content")||""}),this.editor.on("change",()=>{this.isDirty=!0}))}async onActionSavePage(){if(this.model&&this.editor){this.saving=!0,this.getApp().showLoading("saving...");try{const t=this.editor.getMarkdown();await this.model.save({content:t}),this.isDirty=!1,this.getApp().toast.success("Page saved successfully."),this.getApp().showPage("docs",this.query)}catch(t){console.error("Failed to save page:",t),this.getApp().toast.error("Failed to save page.")}finally{this.saving=!1,this.getApp().hideLoading()}}}async onActionCancelEdit(){this.getApp().showPage("docs",this.query)}onActionGoBack(){this.getApp().showPage("docs")}async onBeforeRender(){await super.onBeforeRender(),this.editor&&(this.editor.destroy(),this.editor=null)}async onAfterRender(){await super.onAfterRender(),this.model&&this.initEditor()}async onBeforeDestroy(){this.editor?.destroy(),await super.onBeforeDestroy()}}class DocItApp extends t.WebApp{constructor(t={}){super({name:t.title||"DocIt Portal",version:t.version||"1.0.0",debug:t.debug||!1,container:t.container||"#app",defaultRoute:"home",basePath:t.basePath||"",...t}),this.bookSlug=t.bookSlug||null,this.showBookNav=void 0!==t.showBookNav?t.showBookNav:!this.bookSlug,this.theme=t.theme||"light",this.editPermissions=t.permissions?.edit||["manage_docit"],this.sidebarConfig={showSearch:!0,defaultCollapsed:!1,...t.sidebar},this.books=new DocitBookList,this.books.params.sort="-order_priority",this.docPages=new DocitPageList,this.docPages.params.sort="-order_priority",this.toast=new s.ToastService,this.currentBook=null,this.sidebar=null,this.isDocItReady=!1,this.tokenManager=new a.TokenManager,this.activeUser=null}async start(){try{console.log("Starting DocIt Portal..."),this.setupDocItLayout(),await this.setupTopNav(),await this.setupSidebar(),await this.checkAuthStatus(),this.registerDocItPages(),await super.start(),await this.loadInitialData(),this.isDocItReady=!0,this.events.emit("docit:ready",{app:this}),console.log("✅ DocIt Portal ready")}catch(t){throw console.error("Failed to start DocIt:",t),this.showError("Failed to initialize documentation portal"),t}}setupDocItLayout(){const t="string"==typeof this.container?document.querySelector(this.container):this.container;if(!t)throw new Error(`Container not found: ${this.container}`);t.classList.add("docit-app",`docit-theme-${this.theme}`),t.innerHTML='\n            <div class="docit-app-layout">\n                <div id="topnav-container"></div>\n                <div class="docit-body-layout">\n                    <div class="docit-sidebar" id="docit-sidebar"></div>\n                    <div class="docit-main">\n                        <div class="docit-content" id="page-container"></div>\n                    </div>\n                </div>\n            </div>\n        ',this.pageContainer="#page-container"}async setupTopNav(){this.topnav=new e.TopNav({containerId:"topnav-container",brand:this.name,theme:"navbar navbar-expand-lg bg-dark navbar-dark",showSidebarToggle:!1,displayMode:"brand",rightItems:[{id:"login",icon:"bi-box-arrow-in-right",href:"/examples/auth/",label:"Login"}],userMenu:{label:"User",icon:"bi-person-circle",items:[{label:"Profile",icon:"bi-person",action:"profile"},{divider:!0},{label:"Logout",icon:"bi-box-arrow-right",action:"logout"}]}}),await this.topnav.render()}onActionToggleSidebar(){document.querySelector(".docit-layout").classList.toggle("sidebar-collapsed")}async setupSidebar(){this.sidebar=new DocNavSidebar({containerId:"docit-sidebar",app:this,singleBookMode:!!this.bookSlug,showBookNav:this.showBookNav,books:this.books,docPages:this.docPages,activeUser:this.activeUser,...this.sidebarConfig}),await this.sidebar.render()}registerDocItPages(){this.registerPage("home",DocHomePage,{route:"/",permissions:null}),this.registerPage("docs",DocPage,{route:"/docs",permissions:null}),this.registerPage("edit",DocEditPage,{route:"/edit",permissions:this.editPermissions})}async loadInitialData(){try{if(this.bookSlug){const t=new DocitBook({slug:this.bookSlug});if(await t.fetch(),!t.id)throw new Error(`Book with slug '${this.bookSlug}' not found.`);this.books.add(t),await this.setActiveBook(t)}else await this.books.fetch({graph:"list"}),this.sidebar.render()}catch(t){console.error("Failed to load initial data:",t),this.showError("Failed to load documentation")}}async setActiveBook(t){this.currentBook&&t&&this.currentBook.id===t.id||(this.currentBook=t,this.docPages.reset(),t&&await this.docPages.fetch({book:t.get("id"),graph:"list"}),this.sidebar.setCurrentBook(t),this.sidebar.setDocPages(this.docPages),this.events.emit("docit:book-changed",{book:t}))}async saveDocPageContent(t,e){const o=this.docPages.get(t)||new DocitPage({id:t});o.set("content",e);const i=await o.save();if(!i.success||!i.data.status)throw new Error("Failed to save doc page");return o}canEdit(){const t=this.activeUser;return!!t&&this.editPermissions.some(e=>!!t.hasPermission&&t.hasPermission(e))}async checkAuthStatus(){try{const t=this.tokenManager.getTokenInstance();if(!t||!t.isValid())return void this.events.emit("auth:unauthorized",{app:this});if(t.isExpired())return void this.events.emit("auth:expired",{app:this});this.tokenManager.startAutoRefresh(this),this.rest.setAuthToken(t.token);const e=new s.User({id:t.getUserId()});await e.fetch(),this.setActiveUser(e)}catch(t){console.error("Failed to check auth status:",t),this.events.emit("auth:error",{error:t,app:this})}}setActiveUser(t){return this.activeUser=t,this.sidebar&&this.sidebar.setUser(t),this.topnav&&(this.topnav.setUser(t),this.tonnav.render()),this.events.emit("user:changed",{user:t,app:this}),this}clearActiveUser(){return this.activeUser=null,this.tokenManager.clearTokens(),this.rest.clearAuth(),this.sidebar&&this.sidebar.setUser(null),this.events.emit("user:cleared",{app:this}),this}async logout(){this.clearActiveUser(),this.books.reset(),this.docPages.reset(),this.currentBook=null,this.events.emit("auth:logout",{app:this}),window.location.reload()}async createNewBook(){const t=await this.showModelForm({title:"Create New Book",model:new DocitBook,fields:[{name:"title",label:"Title",required:!0},{name:"slug",label:"Slug",required:!0,helpText:"A URL-friendly identifier."}]});t&&t.success&&(this.books.add(t.data),this.sidebar.render(),this.showSuccess("Book created successfully."))}async createNewPage(t){if(!t)return;const e=await this.showForm({title:"Create New Page",fields:[{name:"title",label:"Title",required:!0},{name:"slug",label:"Slug",required:!0,helpText:"A URL-friendly identifier."}]});e&&e.slug&&(e.book=t.id);const o=new DocitPage,i=await o.save(e);i&&i.success&&(this.docPages.add(o),this.sidebar.render(),this.showPage("edit",{id:o.id,doc_book:t.get("slug"),doc_page:o.get("slug")},{}))}static create(t={}){return new DocItApp(t)}static createForBook(t,e={}){return new DocItApp({...e,bookSlug:t,showBookNav:!1})}}exports.BUILD_TIME=t.BUILD_TIME,exports.VERSION=t.VERSION,exports.VERSION_INFO=t.VERSION_INFO,exports.VERSION_MAJOR=t.VERSION_MAJOR,exports.VERSION_MINOR=t.VERSION_MINOR,exports.VERSION_REVISION=t.VERSION_REVISION,exports.WebApp=t.WebApp,exports.DocEditPage=DocEditPage,exports.DocHomePage=DocHomePage,exports.DocItApp=DocItApp,exports.DocNavSidebar=DocNavSidebar,exports.DocPage=DocPage,exports.DocitBook=DocitBook,exports.DocitBookList=DocitBookList,exports.DocitPage=DocitPage,exports.DocitPageList=DocitPageList;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/WebApp-Bci5ZTRS.js"),e=require("./chunks/TopNav-DAB4M5C6.js"),o=require("./chunks/Page-KLwFxSBF.js"),i=require("./chunks/ContextMenu-CD5yoYTS.js"),s=require("./chunks/User-lVECCjCu.js"),a=require("./chunks/TokenManager-Bzn4guFm.js");class DocNavSidebar extends t.View{constructor(t={}){super({className:"docit-sidebar-nav",tagName:"nav",...t}),this.singleBookMode=t.singleBookMode||!1,this.books=t.books,this.docPages=t.docPages,this.activeUser=t.activeUser,this.currentBook=null,this.currentDocPage=null}async onInit(){await super.onInit(),this.getApp().events.on("page:show",this._onPageShow.bind(this))}async _onPageShow({query:t}){const e=t.doc_book,o=t.doc_page,i=this.getApp();if(e){const t=this.books.findWhere({slug:e});!t||this.currentBook&&this.currentBook.id===t.id||(await i.setActiveBook(t),this.currentBook=i.currentBook)}else this.currentBook&&(await i.setActiveBook(null),this.currentBook=null);this.currentDocPage=o?this.docPages.findWhere({slug:o}):null,this.render()}getTemplate(){return'\n            <div class="docit-nav-body pt-3">\n                {{#currentBook}}\n                    {{#docPages.models}}\n                    <a href="#" class="docit-page-link {{#isActive}}active{{/isActive}}"\n                       data-action="select-page" data-page-slug="{{slug}}">\n                        <i class="{{#metadata.icon}}{{metadata.icon}}{{/metadata.icon}}{{^metadata.icon}}bi bi-file-earmark-text{{/metadata.icon}} me-2"></i>\n                        <span>{{title|capitalize}}</span>\n                    </a>\n                    {{/docPages.models}}\n                    {{^docPages.models}}\n                    <div class="docit-nav-empty"><p>No pages in this book.</p></div>\n                    {{/docPages.models}}\n                {{/currentBook}}\n                {{^currentBook}}\n                    {{#books.models}}\n                    <a href="#" class="docit-book-item" data-action="select-book" data-book-slug="{{slug}}">\n                        <i class="bi bi-book me-2"></i>\n                        <span class="book-title">{{title}}</span>\n                        <span class="badge bg-secondary ms-auto">{{page_count}}</span>\n                    </a>\n                    {{/books.models}}\n                {{/currentBook}}\n            </div>\n            {{#currentBook}}\n            <div class="docit-nav-footer">\n                {{#canEdit}}\n                <button class="btn btn-link w-100 mb-2" data-action="create-page">\n                    <i class="bi bi-plus-circle me-2"></i>\n                    Create New Page\n                </button>\n                {{/canEdit}}\n                <button class="btn btn-link w-100" data-action="back-to-books">\n                    <i class="bi bi-arrow-left me-2"></i>\n                    Back to Books\n                </button>\n            </div>\n            {{/currentBook}}\n            {{^currentBook}}\n                {{#canEdit}}\n                <div class="docit-nav-footer">\n                    <button class="btn btn-link w-100" data-action="create-book">\n                        <i class="bi bi-plus-circle me-2"></i>\n                        Create New Book\n                    </button>\n                </div>\n                {{/canEdit}}\n            {{/currentBook}}\n        '}async onBeforeRender(){await super.onBeforeRender(),this.canEdit=this.getApp().canEdit(),this.docPages&&this.currentDocPage&&this.docPages.forEach(t=>{t.isActive=t.id===this.currentDocPage.id})}async onActionSelectBook(t,e){t.preventDefault();const o=e.dataset.bookSlug,i=this.books.findWhere({slug:o});if(i){await this.getApp().setActiveBook(i);const t=this.docPages.at(0),e={doc_book:i.get("slug")};t&&(e.doc_page=t.get("slug")),this.getApp().showPage("docs",e,{})}}onActionSelectPage(t,e){t.preventDefault();const o=e.dataset.pageSlug;this.currentBook&&o&&this.getApp().showPage("docs",{doc_book:this.currentBook.get("slug"),doc_page:o},{})}async onActionBackToBooks(t,e){t.preventDefault(),await this.getApp().setActiveBook(null),this.getApp().showPage("home")}async onActionCreateBook(){await this.getApp().createNewBook()}async onActionCreatePage(){this.currentBook&&await this.getApp().createNewPage(this.currentBook)}setBooks(t){this.books=t,this.render()}setDocPages(t){this.docPages=t,this.render()}setCurrentBook(t){this.currentBook=t,this.render(),this.getApp().topnav&&(t?this.getApp().topnav.setBrand(t.get("title")):this.getApp().topnav.setBrand("Documentation"))}setUser(t){this.activeUser=t,this.render()}}class DocHomePage extends o.Page{constructor(t={}){super({pageName:"home",title:"Documentation",className:"docit-home-page",...t})}async getTemplate(){return'\n            <div class="docit-empty-state vh-100 d-flex flex-column align-items-center justify-content-center">\n                <i class="bi bi-collection" style="font-size: 4rem;"></i>\n                <h3 class="mt-4">Welcome to the Documentation Portal</h3>\n                <p class="text-muted">Please select a book from the sidebar to get started.</p>\n            </div>\n        '}}class DocitBook extends s.Model{static endpoint="/api/docit/book";buildUrl(t=null){return this.get("slug")&&!this.id?`/api/docit/book/slug/${this.get("slug")}`:this.id?`/api/docit/book/${this.id}`:this.endpoint}}class DocitBookList extends s.Collection{constructor(t={}){super({ModelClass:DocitBook,endpoint:"/api/docit/book",...t})}parse(t){return t.data&&t.data.status?(this.meta={...this.meta,total:t.data.count||0,graph:t.data.graph},t.data.data||[]):super.parse(t)}}class DocitPage extends s.Model{static endpoint="/api/docit/page";buildUrl(t=null){return this.get("slug")&&!this.id?`/api/docit/page/slug/${this.get("slug")}`:this.id?`/api/docit/page/${this.id}`:this.endpoint}}class DocitPageList extends s.Collection{constructor(t={}){super({ModelClass:DocitPage,endpoint:"/api/docit/page",...t})}parse(t){return t.data&&t.data.status?(this.meta={...this.meta,total:t.data.count||0,graph:t.data.graph,book:t.data.book},t.data.data||[]):super.parse(t)}}class DocPage extends o.Page{constructor(t={}){super({pageName:"docs",title:"Documentation",className:"docit-page",...t}),this.bookModel=null,this.model=null}async onInit(){await super.onInit(),this.pageContextMenu=new i.ContextMenu({config:this.getPageContextMenuConfig(),containerId:"page-context-menu"}),this.addChild(this.pageContextMenu)}getPageContextMenuConfig(){return{icon:"bi-three-dots",buttonClass:"btn btn-outline-secondary btn-sm",items:[{label:"View History",action:"view-history",icon:"bi-clock-history"},{type:"divider"},{label:"Edit Page Content",action:"edit-page",icon:"bi-pencil"},{label:"Edit Page Info",action:"edit-page-info",icon:"bi-list-ol"},{type:"divider"},{label:"Edit Book Info",action:"edit-book",icon:"bi-book"},{type:"divider"},{label:"Delete Page",action:"delete-page",icon:"bi-trash",danger:!0}]}}async getTemplate(){return'\n            <div class="docit-page-container position-relative">\n                {{#loading}}\n                <div class="docit-loading">\n                    <div class="spinner-border" role="status">\n                        <span class="visually-hidden">Loading...</span>\n                    </div>\n                </div>\n                {{/loading}}\n\n                {{^loading}}\n                {{#model|bool}}\n                <div class="docit-page-toolbar">\n                <div class="row">\n                    <div class="col d-flex justify-content-end">\n                        <div data-container="page-context-menu"></div>\n                    </div>\n                </div>\n                </div>\n                <article class="docit-page-content">\n                    {{{model.html}}}\n                </article>\n\n                <nav class="docit-page-nav">\n                    {{#prevPage}}\n                    <a href="#" class="docit-nav-prev" data-action="navigate-to-page" data-page-slug="{{slug}}">\n                        <i class="bi bi-arrow-left"></i>\n                        <div>\n                            <small>Previous</small>\n                            <span>{{title}}</span>\n                        </div>\n                    </a>\n                    {{/prevPage}}\n                    {{^prevPage}}\n                    <div></div>\n                    {{/prevPage}}\n\n                    {{#nextPage}}\n                    <a href="#" class="docit-nav-next" data-action="navigate-to-page" data-page-slug="{{slug}}">\n                        <div>\n                            <small>Next</small>\n                            <span>{{title}}</span>\n                        </div>\n                        <i class="bi bi-arrow-right"></i>\n                    </a>\n                    {{/nextPage}}\n\n                    <div class="my-3">\n                        <span class="text-muted">Last updated: {{model.modified|datetime}}</span>\n                    </div>\n                </nav>\n                {{/model|bool}}\n\n                {{^model|bool}}\n                <div class="docit-empty-state">\n                    <i class="bi bi-file-earmark-text"></i>\n                    <h3>Select a page</h3>\n                    <p>Choose a page from the sidebar to view its content.</p>\n                </div>\n                {{/model|bool}}\n                {{/loading}}\n            </div>\n        '}async onParams(t={},e={}){await super.onParams(t,e),this.loading=!0,await this.render();const o=this.getApp(),i=o.bookSlug||e.doc_book,s=e.doc_page;if(i)try{if(i){if(!o.currentBook||o.currentBook.get("slug")!==i){const t=new DocitBook({slug:i});await t.fetch(),await o.setActiveBook(t)}if(this.bookModel=o.currentBook,s)this.model=new DocitPage({slug:s}),await this.model.fetch({graph:"html"});else{const t=o.docPages.at(0);t?(this.model=new DocitPage({id:t.id}),await this.model.fetch({graph:"html"})):this.model=null}}else this.bookModel=null,this.model=null;this.canEdit=o.canEdit(),this.setupNavigation()}catch(a){console.error("Failed to load page:",a),this.showError("Failed to load documentation page"),this.model=null}finally{this.loading=!1,await this.render(),o.events.emit("docit:page-rendered",{book:this.bookModel,page:this.model})}else setTimeout(()=>{o.showPage("home")},100)}setupNavigation(){if(!this.model)return this.prevPage=null,void(this.nextPage=null);const t=this.getApp().docPages.models,e=t.findIndex(t=>t.id===this.model.id);this.prevPage=e>0?{slug:t[e-1].get("slug"),title:t[e-1].get("title")}:null,this.nextPage=e<t.length-1?{slug:t[e+1].get("slug"),title:t[e+1].get("title")}:null}async onActionNavigateToPage(t,e){t.preventDefault();const o=e.dataset.pageSlug;o&&this.getApp().showPage("docs",{},{doc_book:this.bookModel.get("slug"),doc_page:o})}async onActionEditPage(t,e){t.preventDefault(),this.model&&this.getApp().showPage("edit",{id:this.model.id,doc_book:this.bookModel.get("slug"),doc_page:this.model.get("slug")},{})}async onActionViewHistory(t,e){this.showInfo("Revision history coming soon.")}async onActionEditPageInfo(t,e){this.model&&this.getApp().showModelForm({model:this.model,fields:[{label:"Title",name:"title",type:"text"},{label:"Order Priority",name:"order_priority"},{label:"Slug",name:"slug"}]})}async onActionEditBook(t,e){if(this.model){const t=this.getApp().sidebar.currentBook;if(!t)return;this.getApp().showModelForm({model:t,fields:[{label:"Title",name:"title",type:"text"},{label:"Order Priority",name:"order_priority"},{label:"Slug",name:"slug"},{label:"Is Active",name:"is_active",type:"switch"}]})}}async onActionDeletePage(t,e){if(this.model&&await this.getApp().showConfirm({title:"Delete Page",body:`Are you sure you want to delete "${this.model.get("title")}"?`,confirmText:"Delete",confirmClass:"btn-danger"})){await this.model.destroy(),this.showSuccess("Page deleted."),await this.getApp().setActiveBook(this.bookModel);const t=this.getApp().docPages.at(0);t?this.getApp().showPage("docs",{},{doc_book:this.bookModel.get("slug"),doc_page:t.get("slug")}):this.getApp().showPage("docs",{},{doc_book:this.bookModel.get("slug")})}}async onAfterRender(){await super.onAfterRender(),"undefined"!=typeof Prism&&this.model&&Prism.highlightAll()}}class DocEditPage extends o.Page{constructor(t={}){super({pageName:"edit",title:"Edit Page",className:"docit-edit-page",...t}),this.model=null,this.editor=null,this.isDirty=!1}async getTemplate(){return'\n            <div class="docit-edit-container vh-100">\n                {{#loading}}\n                <div class="docit-loading"><div class="spinner-border"></div></div>\n                {{/loading}}\n\n                {{^loading}}{{#model}}\n                <header class="docit-edit-header">\n                    <div class="docit-edit-title-row">\n                        <h2>Editing: {{model.title}}</h2>\n                        <div class="docit-edit-actions">\n                            <button class="btn btn-outline-secondary" data-action="cancel-edit">Cancel</button>\n                            <button class="btn btn-success" data-action="save-page">\n                                <i class="bi bi-check-lg"></i> Save Changes\n                            </button>\n                        </div>\n                    </div>\n                </header>\n                <div class="docit-edit-body flex-grow-1">\n                    <div id="editor"></div>\n                </div>\n                {{/model}}\n                {{^model}}\n                <div class="docit-error-state">\n                    <h3>Page Not Found</h3>\n                    <p>The page you\'re trying to edit could not be found.</p>\n                    <button class="btn btn-primary" data-action="go-back">Go Back</button>\n                </div>\n                {{/model}}{{/loading}}\n            </div>\n        '}async onParams(t={},e={}){await super.onParams(t,e);let o=null;e.id?o=new DocitPage({id:e.id}):e.doc_page&&(o=new DocitPage({slug:e.doc_page})),this.model=o,this.model&&await this.model.fetch({graph:"detail"})}initEditor(){!this.editor&&this.element.querySelector("#editor")&&(this.editor=new toastui.Editor({el:this.element.querySelector("#editor"),height:"100%",initialEditType:"markdown",previewStyle:"tab",initialValue:this.model.get("content")||""}),this.editor.on("change",()=>{this.isDirty=!0}))}async onActionSavePage(){if(this.model&&this.editor){this.saving=!0,this.getApp().showLoading("saving...");try{const t=this.editor.getMarkdown();await this.model.save({content:t}),this.isDirty=!1,this.getApp().toast.success("Page saved successfully."),this.getApp().showPage("docs",this.query)}catch(t){console.error("Failed to save page:",t),this.getApp().toast.error("Failed to save page.")}finally{this.saving=!1,this.getApp().hideLoading()}}}async onActionCancelEdit(){this.getApp().showPage("docs",this.query)}onActionGoBack(){this.getApp().showPage("docs")}async onBeforeRender(){await super.onBeforeRender(),this.editor&&(this.editor.destroy(),this.editor=null)}async onAfterRender(){await super.onAfterRender(),this.model&&this.initEditor()}async onBeforeDestroy(){this.editor?.destroy(),await super.onBeforeDestroy()}}class DocItApp extends t.WebApp{constructor(t={}){super({name:t.title||"DocIt Portal",version:t.version||"1.0.0",debug:t.debug||!1,container:t.container||"#app",defaultRoute:"home",basePath:t.basePath||"",...t}),this.bookSlug=t.bookSlug||null,this.showBookNav=void 0!==t.showBookNav?t.showBookNav:!this.bookSlug,this.theme=t.theme||"light",this.editPermissions=t.permissions?.edit||["manage_docit"],this.sidebarConfig={showSearch:!0,defaultCollapsed:!1,...t.sidebar},this.books=new DocitBookList,this.books.params.sort="-order_priority",this.docPages=new DocitPageList,this.docPages.params.sort="-order_priority",this.toast=new s.ToastService,this.currentBook=null,this.sidebar=null,this.isDocItReady=!1,this.tokenManager=new a.TokenManager,this.activeUser=null}async start(){try{console.log("Starting DocIt Portal..."),this.setupDocItLayout(),await this.setupTopNav(),await this.setupSidebar(),await this.checkAuthStatus(),this.registerDocItPages(),await super.start(),await this.loadInitialData(),this.isDocItReady=!0,this.events.emit("docit:ready",{app:this}),console.log("✅ DocIt Portal ready")}catch(t){throw console.error("Failed to start DocIt:",t),this.showError("Failed to initialize documentation portal"),t}}setupDocItLayout(){const t="string"==typeof this.container?document.querySelector(this.container):this.container;if(!t)throw new Error(`Container not found: ${this.container}`);t.classList.add("docit-app",`docit-theme-${this.theme}`),t.innerHTML='\n            <div class="docit-app-layout">\n                <div id="topnav-container"></div>\n                <div class="docit-body-layout">\n                    <div class="docit-sidebar" id="docit-sidebar"></div>\n                    <div class="docit-main">\n                        <div class="docit-content" id="page-container"></div>\n                    </div>\n                </div>\n            </div>\n        ',this.pageContainer="#page-container"}async setupTopNav(){this.topnav=new e.TopNav({containerId:"topnav-container",brand:this.name,theme:"navbar navbar-expand-lg bg-dark navbar-dark",showSidebarToggle:!1,displayMode:"brand",rightItems:[{id:"login",icon:"bi-box-arrow-in-right",href:"/examples/auth/",label:"Login"}],userMenu:{label:"User",icon:"bi-person-circle",items:[{label:"Profile",icon:"bi-person",action:"profile"},{divider:!0},{label:"Logout",icon:"bi-box-arrow-right",action:"logout"}]}}),await this.topnav.render()}onActionToggleSidebar(){document.querySelector(".docit-layout").classList.toggle("sidebar-collapsed")}async setupSidebar(){this.sidebar=new DocNavSidebar({containerId:"docit-sidebar",app:this,singleBookMode:!!this.bookSlug,showBookNav:this.showBookNav,books:this.books,docPages:this.docPages,activeUser:this.activeUser,...this.sidebarConfig}),await this.sidebar.render()}registerDocItPages(){this.registerPage("home",DocHomePage,{route:"/",permissions:null}),this.registerPage("docs",DocPage,{route:"/docs",permissions:null}),this.registerPage("edit",DocEditPage,{route:"/edit",permissions:this.editPermissions})}async loadInitialData(){try{if(this.bookSlug){const t=new DocitBook({slug:this.bookSlug});if(await t.fetch(),!t.id)throw new Error(`Book with slug '${this.bookSlug}' not found.`);this.books.add(t),await this.setActiveBook(t)}else await this.books.fetch({graph:"list"}),this.sidebar.render()}catch(t){console.error("Failed to load initial data:",t),this.showError("Failed to load documentation")}}async setActiveBook(t){this.currentBook&&t&&this.currentBook.id===t.id||(this.currentBook=t,this.docPages.reset(),t&&await this.docPages.fetch({book:t.get("id"),graph:"list"}),this.sidebar.setCurrentBook(t),this.sidebar.setDocPages(this.docPages),this.events.emit("docit:book-changed",{book:t}))}async saveDocPageContent(t,e){const o=this.docPages.get(t)||new DocitPage({id:t});o.set("content",e);const i=await o.save();if(!i.success||!i.data.status)throw new Error("Failed to save doc page");return o}canEdit(){const t=this.activeUser;return!!t&&this.editPermissions.some(e=>!!t.hasPermission&&t.hasPermission(e))}async checkAuthStatus(){try{const t=this.tokenManager.getTokenInstance();if(!t||!t.isValid())return void this.events.emit("auth:unauthorized",{app:this});if(t.isExpired())return void this.events.emit("auth:expired",{app:this});this.tokenManager.startAutoRefresh(this),this.rest.setAuthToken(t.token);const e=new s.User({id:t.getUserId()});await e.fetch(),this.setActiveUser(e)}catch(t){console.error("Failed to check auth status:",t),this.events.emit("auth:error",{error:t,app:this})}}setActiveUser(t){return this.activeUser=t,this.sidebar&&this.sidebar.setUser(t),this.topnav&&(this.topnav.setUser(t),this.tonnav.render()),this.events.emit("user:changed",{user:t,app:this}),this}clearActiveUser(){return this.activeUser=null,this.tokenManager.clearTokens(),this.rest.clearAuth(),this.sidebar&&this.sidebar.setUser(null),this.events.emit("user:cleared",{app:this}),this}async logout(){this.clearActiveUser(),this.books.reset(),this.docPages.reset(),this.currentBook=null,this.events.emit("auth:logout",{app:this}),window.location.reload()}async createNewBook(){const t=await this.showModelForm({title:"Create New Book",model:new DocitBook,fields:[{name:"title",label:"Title",required:!0},{name:"slug",label:"Slug",required:!0,helpText:"A URL-friendly identifier."}]});t&&t.success&&(this.books.add(t.data),this.sidebar.render(),this.showSuccess("Book created successfully."))}async createNewPage(t){if(!t)return;const e=await this.showForm({title:"Create New Page",fields:[{name:"title",label:"Title",required:!0},{name:"slug",label:"Slug",required:!0,helpText:"A URL-friendly identifier."}]});e&&e.slug&&(e.book=t.id);const o=new DocitPage,i=await o.save(e);i&&i.success&&(this.docPages.add(o),this.sidebar.render(),this.showPage("edit",{id:o.id,doc_book:t.get("slug"),doc_page:o.get("slug")},{}))}static create(t={}){return new DocItApp(t)}static createForBook(t,e={}){return new DocItApp({...e,bookSlug:t,showBookNav:!1})}}exports.BUILD_TIME=t.BUILD_TIME,exports.VERSION=t.VERSION,exports.VERSION_INFO=t.VERSION_INFO,exports.VERSION_MAJOR=t.VERSION_MAJOR,exports.VERSION_MINOR=t.VERSION_MINOR,exports.VERSION_REVISION=t.VERSION_REVISION,exports.WebApp=t.WebApp,exports.DocEditPage=DocEditPage,exports.DocHomePage=DocHomePage,exports.DocItApp=DocItApp,exports.DocNavSidebar=DocNavSidebar,exports.DocPage=DocPage,exports.DocitBook=DocitBook,exports.DocitBookList=DocitBookList,exports.DocitPage=DocitPage,exports.DocitPageList=DocitPageList;
 //# sourceMappingURL=docit.cjs.js.map

package/dist/docit.css

@@ -0,0 +1,531 @@
+/**
+ * DocIt Documentation Portal Styles
+ * Clean, modern styling for documentation viewing and editing
+ */
+
+/* ============================================
+   CSS Variables / Theme
+   ============================================ */
+:root {
+    --docit-primary: #2563eb;
+    --docit-primary-hover: #1d4ed8;
+    --docit-primary-light: #dbeafe;
+    --docit-bg-primary: #ffffff;
+    --docit-bg-secondary: #f8fafc;
+    --docit-bg-tertiary: #f1f5f9;
+    --docit-text-primary: #1e293b;
+    --docit-text-secondary: #64748b;
+    --docit-text-muted: #94a3b8;
+    --docit-border: #e2e8f0;
+    --docit-sidebar-width: 280px;
+    --docit-sidebar-collapsed-width: 0px;
+    --docit-header-height: 56px;
+    --docit-content-max-width: 900px;
+    --docit-font-sans:
+        -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
+    --docit-font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;
+}
+
+/* ============================================
+   Base Layout
+   ============================================ */
+.docit-app-layout {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+#topnav-container .navbar {
+    height: var(--docit-header-height);
+}
+
+.docit-body-layout {
+    display: flex;
+    flex-grow: 1;
+    overflow: hidden;
+}
+
+.docit-sidebar {
+    width: var(--docit-sidebar-width);
+    background: var(--docit-bg-secondary);
+    border-right: 1px solid var(--docit-border);
+    overflow-y: auto;
+    transition:
+        width 0.3s ease,
+        transform 0.3s ease;
+    height: calc(100vh - var(--docit-header-height));
+    position: sticky;
+    top: var(--docit-header-height);
+}
+
+.docit-main {
+    flex-grow: 1;
+    overflow-y: auto;
+    height: calc(100vh - var(--docit-header-height));
+}
+
+.docit-content {
+    width: 100%;
+    max-width: var(--docit-content-max-width);
+    margin: 0 auto;
+    padding: 2rem;
+}
+
+/* Collapsed sidebar state */
+.sidebar-collapsed .docit-sidebar {
+    width: var(--docit-sidebar-collapsed-width);
+    transform: translateX(calc(-1 * var(--docit-sidebar-width)));
+}
+
+.sidebar-collapsed .toggle-chevron {
+    transform: rotate(0deg);
+}
+
+/* ============================================
+   Sidebar Navigation & TopNav
+   ============================================ */
+.topnav-sidebar-toggle {
+    background: none;
+    border: none;
+    color: white;
+    padding: 0 0.5rem;
+}
+
+.toggle-chevron {
+    transition: transform 0.3s ease;
+    transform: rotate(180deg);
+}
+
+.docit-sidebar-nav {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.docit-nav-header {
+    padding: 1.5rem 1.25rem 1rem;
+    border-bottom: 1px solid var(--docit-border);
+    background: var(--docit-bg-primary);
+    position: sticky;
+    top: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+}
+
+.docit-nav-title {
+    font-size: 1.125rem;
+    font-weight: 600;
+    margin: 0;
+}
+
+.docit-nav-body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 1rem 0;
+}
+
+.docit-page-toolbar {
+    margin-top: -20px;
+}
+
+.docit-nav-footer {
+    padding: 0.75rem;
+    border-top: 1px solid var(--docit-border);
+}
+
+.docit-book-item,
+.docit-page-link {
+    display: flex;
+    align-items: center;
+    padding: 0.625rem 1.25rem;
+    margin: 0 0.75rem 0.25rem;
+    border-radius: 0.375rem;
+    cursor: pointer;
+    transition:
+        background-color 0.15s ease,
+        color 0.15s ease;
+    color: var(--docit-text-secondary);
+    text-decoration: none;
+}
+
+.docit-book-item:hover,
+.docit-page-link:hover {
+    background: var(--docit-bg-tertiary);
+    color: var(--docit-text-primary);
+}
+
+.docit-book-item.active,
+.docit-page-link.active {
+    font-weight: bold;
+    color: var(--docit-text-primary);
+}
+
+.docit-book-item .book-title {
+    flex: 1;
+    font-weight: 500;
+}
+
+/* ============================================
+   Page Content
+   ============================================ */
+.docit-page-container {
+    animation: fadeIn 0.3s ease;
+}
+
+.docit-page-header {
+    margin-bottom: 2rem;
+    padding-bottom: 1.5rem;
+    border-bottom: 1px solid var(--docit-border);
+}
+
+.docit-page-title-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 1rem;
+}
+
+.docit-page-title {
+    font-size: 2.25rem;
+    font-weight: 700;
+    margin: 0;
+}
+
+.docit-page-meta {
+    margin-top: 0.75rem;
+    font-size: 0.875rem;
+    color: var(--docit-text-muted);
+}
+
+.docit-page-meta span {
+    margin-right: 1rem;
+}
+
+/* Content Styling */
+.docit-content h1,
+.docit-content h2,
+.docit-content h3,
+.docit-content h4 {
+    margin-bottom: 1rem;
+    font-weight: 600;
+}
+.docit-content p {
+    margin-bottom: 1.25rem;
+}
+.docit-content a {
+    color: var(--docit-primary);
+    text-decoration: none;
+}
+.docit-content a:hover {
+    text-decoration: underline;
+}
+/*.docit-content ul,
+.docit-content ol {
+    margin-bottom: 1.25rem;
+    padding-left: 2rem;
+}*/
+
+.docit-content code {
+    background: var(--docit-bg-tertiary);
+    padding: 0.125rem 0.375rem;
+    border-radius: 0.25rem;
+    font-family: var(--docit-font-mono);
+}
+.docit-content pre {
+    background: var(--docit-bg-secondary);
+    border: 1px solid var(--docit-border);
+    border-radius: 0.5rem;
+    padding: 1rem;
+    overflow-x: auto;
+}
+
+/* ============================================
+   Editor Styles
+   ============================================ */
+.docit-edit-container {
+    display: flex;
+    flex-direction: column;
+}
+.docit-edit-header {
+    background: var(--docit-bg-secondary);
+    border-bottom: 1px solid var(--docit-border);
+    padding: 1rem 1.5rem;
+}
+.docit-edit-title-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.docit-edit-body {
+    flex-grow: 1;
+}
+
+/* ============================================
+   Loading & Empty States
+   ============================================ */
+.docit-loading,
+.docit-empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 3rem 1rem;
+    text-align: center;
+    color: var(--docit-text-muted);
+}
+.docit-empty-state i {
+    font-size: 3rem;
+    opacity: 0.5;
+    margin-bottom: 1rem;
+}
+.docit-empty-state h3 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+    color: var(--docit-text-primary);
+}
+
+/* ============================================
+   Animations
+   ============================================ */
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.highlight .hll {
+    background-color: #ffffcc;
+}
+.highlight {
+    background: #f8f8f8;
+}
+.highlight .c {
+    color: #408080;
+    font-style: italic;
+} /* Comment */
+.highlight .err {
+    border: 1px solid #ff0000;
+} /* Error */
+.highlight .k {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword */
+.highlight .o {
+    color: #666666;
+} /* Operator */
+.highlight .ch {
+    color: #408080;
+    font-style: italic;
+} /* Comment.Hashbang */
+.highlight .cm {
+    color: #408080;
+    font-style: italic;
+} /* Comment.Multiline */
+.highlight .cp {
+    color: #bc7a00;
+} /* Comment.Preproc */
+.highlight .cpf {
+    color: #408080;
+    font-style: italic;
+} /* Comment.PreprocFile */
+.highlight .c1 {
+    color: #408080;
+    font-style: italic;
+} /* Comment.Single */
+.highlight .cs {
+    color: #408080;
+    font-style: italic;
+} /* Comment.Special */
+.highlight .gd {
+    color: #a00000;
+} /* Generic.Deleted */
+.highlight .ge {
+    font-style: italic;
+} /* Generic.Emph */
+.highlight .gr {
+    color: #ff0000;
+} /* Generic.Error */
+.highlight .gh {
+    color: #000080;
+    font-weight: bold;
+} /* Generic.Heading */
+.highlight .gi {
+    color: #00a000;
+} /* Generic.Inserted */
+.highlight .go {
+    color: #888888;
+} /* Generic.Output */
+.highlight .gp {
+    color: #000080;
+    font-weight: bold;
+} /* Generic.Prompt */
+.highlight .gs {
+    font-weight: bold;
+} /* Generic.Strong */
+.highlight .gu {
+    color: #800080;
+    font-weight: bold;
+} /* Generic.Subheading */
+.highlight .gt {
+    color: #0044dd;
+} /* Generic.Traceback */
+.highlight .kc {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Constant */
+.highlight .kd {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Declaration */
+.highlight .kn {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Namespace */
+.highlight .kp {
+    color: #008000;
+} /* Keyword.Pseudo */
+.highlight .kr {
+    color: #008000;
+    font-weight: bold;
+} /* Keyword.Reserved */
+.highlight .kt {
+    color: #b00040;
+} /* Keyword.Type */
+.highlight .m {
+    color: #666666;
+} /* Literal.Number */
+.highlight .s {
+    color: #ba2121;
+} /* Literal.String */
+.highlight .na {
+    color: #7d9029;
+} /* Name.Attribute */
+.highlight .nb {
+    color: #008000;
+} /* Name.Builtin */
+.highlight .nc {
+    color: #0000ff;
+    font-weight: bold;
+} /* Name.Class */
+.highlight .no {
+    color: #880000;
+} /* Name.Constant */
+.highlight .nd {
+    color: #aa22ff;
+} /* Name.Decorator */
+.highlight .ni {
+    color: #999999;
+    font-weight: bold;
+} /* Name.Entity */
+.highlight .ne {
+    color: #d2413a;
+    font-weight: bold;
+} /* Name.Exception */
+.highlight .nf {
+    color: #0000ff;
+} /* Name.Function */
+.highlight .nl {
+    color: #a0a000;
+} /* Name.Label */
+.highlight .nn {
+    color: #0000ff;
+    font-weight: bold;
+} /* Name.Namespace */
+.highlight .nt {
+    color: #008000;
+    font-weight: bold;
+} /* Name.Tag */
+.highlight .nv {
+    color: #19177c;
+} /* Name.Variable */
+.highlight .ow {
+    color: #aa22ff;
+    font-weight: bold;
+} /* Operator.Word */
+.highlight .w {
+    color: #bbbbbb;
+} /* Text.Whitespace */
+.highlight .mb {
+    color: #666666;
+} /* Literal.Number.Bin */
+.highlight .mf {
+    color: #666666;
+} /* Literal.Number.Float */
+.highlight .mh {
+    color: #666666;
+} /* Literal.Number.Hex */
+.highlight .mi {
+    color: #666666;
+} /* Literal.Number.Integer */
+.highlight .mo {
+    color: #666666;
+} /* Literal.Number.Oct */
+.highlight .sa {
+    color: #ba2121;
+} /* Literal.String.Affix */
+.highlight .sb {
+    color: #ba2121;
+} /* Literal.String.Backtick */
+.highlight .sc {
+    color: #ba2121;
+} /* Literal.String.Char */
+.highlight .dl {
+    color: #ba2121;
+} /* Literal.String.Delimiter */
+.highlight .sd {
+    color: #ba2121;
+    font-style: italic;
+} /* Literal.String.Doc */
+.highlight .s2 {
+    color: #ba2121;
+} /* Literal.String.Double */
+.highlight .se {
+    color: #bb6622;
+    font-weight: bold;
+} /* Literal.String.Escape */
+.highlight .sh {
+    color: #ba2121;
+} /* Literal.String.Heredoc */
+.highlight .si {
+    color: #bb6688;
+    font-weight: bold;
+} /* Literal.String.Interpol */
+.highlight .sx {
+    color: #008000;
+} /* Literal.String.Other */
+.highlight .sr {
+    color: #bb6688;
+} /* Literal.String.Regex */
+.highlight .s1 {
+    color: #ba2121;
+} /* Literal.String.Single */
+.highlight .ss {
+    color: #19177c;
+} /* Literal.String.Symbol */
+.highlight .bp {
+    color: #008000;
+} /* Name.Builtin.Pseudo */
+.highlight .fm {
+    color: #0000ff;
+} /* Name.Function.Magic */
+.highlight .vc {
+    color: #19177c;
+} /* Name.Variable.Class */
+.highlight .vg {
+    color: #19177c;
+} /* Name.Variable.Global */
+.highlight .vi {
+    color: #19177c;
+} /* Name.Variable.Instance */
+.highlight .vm {
+    color: #19177c;
+} /* Name.Variable.Magic */
+.highlight .il {
+    color: #666666;
+} /* Literal.Number.Integer.Long */

package/dist/docit.es.js

@@ -1,9 +1,9 @@
-import { V as View, W as WebApp } from "./chunks/WebApp-B6mgbNn2.js";
-import { B, b, a, c, e, f } from "./chunks/WebApp-B6mgbNn2.js";
-import { T as TopNav } from "./chunks/TopNav-D3I3_25f.js";
-import { P as Page } from "./chunks/Page-B524zSQs.js";
-import { C as ContextMenu } from "./chunks/ContextMenu-BrHqj0fn.js";
-import { M as Model, C as Collection, T as ToastService, U as User } from "./chunks/User-DwIT-CTQ.js";
+import { V as View, W as WebApp } from "./chunks/WebApp-No-qysKc.js";
+import { B, b, a, c, e, f } from "./chunks/WebApp-No-qysKc.js";
+import { T as TopNav } from "./chunks/TopNav-47rWUwBU.js";
+import { P as Page } from "./chunks/Page-Dg7X1BML.js";
+import { C as ContextMenu } from "./chunks/ContextMenu-Cds78Jny.js";
+import { M as Model, C as Collection, T as ToastService, U as User } from "./chunks/User-DNxU39NR.js";
 import { T as TokenManager } from "./chunks/TokenManager-BXNva8Jk.js";
 class DocNavSidebar extends View {
   constructor(options = {}) {