markopress 0.0.20 → 0.0.22

package/dist/markdown/renderer.js

@@ -1 +1 @@
-import e from"gray-matter";import r from"markdown-it";import{getMarkdownIt as t,preloadLanguages as a}from"./loader.js";import{resolveImageTagsInHtml as l}from"../image/tag.js";let n,c=null,g=!1;export async function renderMarkdown(r,u){if(c)!g&&u?.languages?.length&&(await a(u.languages),g=!0);else{const e={...u,markoTags:{enabled:!0,...u?.markoTags}};e.languages?.length&&await a(e.languages),c=await t(e),n=e,g=!0}const{data:i,content:m,excerpt:$}=e(r,{excerpt:!0,excerpt_separator:"\x3c!-- more --\x3e"});return{frontmatter:i,content:m,html:await l(c.render(m),{base:u?.base??void 0}),excerpt:$,headers:p(function(e){const r=[],t=e.replace(/```[\s\S]*?```/g,"").replace(/~~~[\s\S]*?~~~/g,"").replace(/^(\t| {4}).+$/gm,""),a=/^(#{1,6})\s+(.+)$/gm;let l;for(;null!==(l=a.exec(t));){const e=l[1].length,t=l[2].trim(),a=o(t),n=s(t);r.push({level:e,title:a,slug:n})}return r}(m))}}export function resetRendererCache(){c=null,n=void 0}export function getRendererInstance(){return c}function o(e){return e.replace(/`([^`]+)`/g,"$1").replace(/\*\*\*\+([^*]+)\*\*\+/g,"$1").replace(/___+([^_]+)___+/g,"$1").replace(/\*\*([^*]+)\*\*/g,"$1").replace(/__([^_]+)__/g,"$1").replace(/\*([^*]+)\*/g,"$1").replace(/_([^_]+)_/g,"$1").replace(/\[([^\]]+)\]\([^)]+\)/g,"$1").replace(/\[([^\]]+)\]\[[^\]]+\]/g,"$1").trim()}function p(e){const r=[],t=[];for(const a of e){const e={level:a.level,title:a.title,slug:a.slug,children:[]};for(;t.length>0&&t[t.length-1].level>=a.level;)t.pop();0===t.length?r.push(e):t[t.length-1].children.push(e),t.push(e)}return r}function s(e){return e.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([0-9])([a-zA-Z])/g,"$1-$2").replace(/([a-zA-Z])([0-9])/g,"$1-$2").toLowerCase().replace(/\s+/g,"-").replace(/[^\w\u00A0-\uFFFF\-]+/g,"").replace(/^-+|-+$/g,"").replace(/-+/g,"-")}
+import e from"gray-matter";import r from"markdown-it";import{getMarkdownIt as t,preloadLanguages as a}from"./loader.js";import{resolveImageTagsInHtml as l}from"../image/tag.js";let n,c=null,g=!1;export async function renderMarkdown(r,u){if(c)!g&&u?.languages?.length&&(await a(u.languages),g=!0);else{const e={...u,markoTags:{enabled:!0,...u?.markoTags}};c=await t(e),e.languages?.length&&await a(e.languages),n=e,g=!0}const{data:i,content:m,excerpt:$}=e(r,{excerpt:!0,excerpt_separator:"\x3c!-- more --\x3e"});return{frontmatter:i,content:m,html:await l(c.render(m),{base:u?.base??void 0}),excerpt:$,headers:p(function(e){const r=[],t=e.replace(/```[\s\S]*?```/g,"").replace(/~~~[\s\S]*?~~~/g,"").replace(/^(\t| {4}).+$/gm,""),a=/^(#{1,6})\s+(.+)$/gm;let l;for(;null!==(l=a.exec(t));){const e=l[1].length,t=l[2].trim(),a=o(t),n=s(t);r.push({level:e,title:a,slug:n})}return r}(m))}}export function resetRendererCache(){c=null,n=void 0}export function getRendererInstance(){return c}function o(e){return e.replace(/`([^`]+)`/g,"$1").replace(/\*\*\*\+([^*]+)\*\*\+/g,"$1").replace(/___+([^_]+)___+/g,"$1").replace(/\*\*([^*]+)\*\*/g,"$1").replace(/__([^_]+)__/g,"$1").replace(/\*([^*]+)\*/g,"$1").replace(/_([^_]+)_/g,"$1").replace(/\[([^\]]+)\]\([^)]+\)/g,"$1").replace(/\[([^\]]+)\]\[[^\]]+\]/g,"$1").trim()}function p(e){const r=[],t=[];for(const a of e){const e={level:a.level,title:a.title,slug:a.slug,children:[]};for(;t.length>0&&t[t.length-1].level>=a.level;)t.pop();0===t.length?r.push(e):t[t.length-1].children.push(e),t.push(e)}return r}function s(e){return e.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([0-9])([a-zA-Z])/g,"$1-$2").replace(/([a-zA-Z])([0-9])/g,"$1-$2").toLowerCase().replace(/\s+/g,"-").replace(/[^\w\u00A0-\uFFFF\-]+/g,"").replace(/^-+|-+$/g,"").replace(/-+/g,"-")}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markopress",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "A fast, modern static site generator built on Marko.js v6 - drop-in alternative to VitePress and Docusaurus with full content compatibility",
   "keywords": [
     "static-site-generator",

package/src/theme/default/tags/blog-layout.marko

@@ -0,0 +1,32 @@
+<div class="content content-${$global.contentTypeClass}">
+  <theme-body-top/>
+  <div class="content-layout">
+    <div class="content-body">
+      <h1>${$global.title}</h1>
+      <if=$global.description>
+        <p class="description">${$global.description}</p>
+      </if>
+      <if=$global.date>
+        <p class="meta">Published: ${$global.date}</p>
+      </if>
+      <if=$global.author>
+        <p class="meta">By ${$global.author}</p>
+      </if>
+      <if=$global.tags>
+        <p class="meta">
+          <for|tag| of=$global.tags>
+            <span class="tag">${tag}</span>
+          </for>
+        </p>
+      </if>
+      <hr>
+      <${$global.contentComponent || {}}>
+        <div>No content</div>
+      </${$global.contentComponent || {}}>
+    </div>
+    <if=$global.toc>
+      <toc headers=$global.toc/>
+    </if>
+  </div>
+  <theme-body-bottom/>
+</div>

package/src/theme/default/tags/page-layout.marko

@@ -0,0 +1,19 @@
+<div class="content content-${$global.contentTypeClass}">
+  <theme-body-top/>
+  <div class="content-layout">
+    <div class="content-body">
+      <h1>${$global.title}</h1>
+      <if=$global.description>
+        <p class="description">${$global.description}</p>
+      </if>
+      <hr>
+      <${$global.contentComponent || {}}>
+        <div>No content</div>
+      </${$global.contentComponent || {}}>
+    </div>
+    <if=$global.toc>
+      <toc headers=$global.toc/>
+    </if>
+  </div>
+  <theme-body-bottom/>
+</div>

package/src/theme/default/tags/root-layout.marko

@@ -0,0 +1,23 @@
+<div class="content content-${$global.contentTypeClass}">
+  <theme-body-top/>
+  <${$global.contentComponent || {}}>
+    <div>No content</div>
+  </${$global.contentComponent || {}}>
+  <if=$global.registry?.root?.length>
+    <section class="recent-posts">
+      <h2>Recent Posts</h2>
+      <ul>
+        <for|post| of=$global.registry.root
+          .filter(post => post.metadata.date)
+          .sort((a, b) => new Date(b.metadata.date) - new Date(a.metadata.date))
+          .slice(0, 3)>
+          <li>
+            <a href=post.urlPath>${post.metadata.title || post.urlPath}</a>
+            <small>${new Date(post.metadata.date).toLocaleDateString()}</small>
+          </li>
+        </for>
+      </ul>
+    </section>
+  </if>
+  <theme-body-bottom/>
+</div>

package/templates/catch-all-handler.js.template

@@ -177,4 +177,8 @@ export async function GET(context, next) {
   if (frontmatter.tags) {
     context.tags = frontmatter.tags;
   }
+
+  // Layout resolution
+  context.layout = frontmatter.layout || contentType || 'page';
+  context.contentTypeClass = '{{CONTENT_TYPE_CLASS}}';
 }

package/templates/catch-all-page.marko.template

@@ -1,120 +1,9 @@
-<div class="content {{CONTENT_TYPE_CLASS}}">
-  <theme-body-top/>
-  <div class="content-layout">
-    <div class="content-body">
-      <h1>${$global.title}</h1>
-      <if=$global.description>
-        <p class="description">${$global.description}</p>
-      </if>
-      <if=$global.date>
-        <p class="meta">Published: ${$global.date}</p>
-      </if>
-      <if=$global.author>
-        <p class="meta">By ${$global.author}</p>
-      </if>
-      <if=$global.tags>
-        <p class="meta">
-          <for|tag| of=$global.tags>
-            <span class="tag">${tag}</span>
-          </for>
-        </p>
-      </if>
-      <hr>
-      <${$global.contentComponent || {}}>
-        <div>No content</div>
-      </${$global.contentComponent || {}}>
-      <if=$global.registry?.blog?.length>
-        <section class="recent-posts">
-          <h2>Recent Posts</h2>
-          <ul>
-            <for|post| of=$global.registry.blog>
-              <if=post.metadata.date>
-                <li>
-                  <a href=post.urlPath>${post.metadata.title || post.urlPath}</a>
-                  <small>${new Date(post.metadata.date).toLocaleDateString()}</small>
-                </li>
-              </if>
-            </for>
-          </ul>
-        </section>
-      </if>
-    </div>
-    <if=$global.toc>
-      <toc headers=$global.toc/>
-    </if>
-  </div>
-  <theme-body-bottom/>
-</div>
-
-<style>
-  .content-layout {
-    display: flex;
-    gap: 32px;
-    max-width: 1100px;
-    margin: 0 auto;
-    position: relative;
-  }
-
-  .content-body {
-    flex: 1;
-    min-width: 0;
-    max-width: 100%;
-  }
-
-  .toc {
-    position: sticky;
-    top: 1rem;
-    width: 200px;
-    flex-shrink: 0;
-  }
-
-  .meta {
-    font-size: 0.875rem;
-    color: #666;
-  }
-
-  .tag {
-    display: inline-block;
-    background: #e5e7eb;
-    padding: 0.125rem 0.5rem;
-    border-radius: 4px;
-    margin-right: 0.5rem;
-    font-size: 0.75rem;
-  }
-
-  .recent-posts {
-    margin-top: 2rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid #e5e7eb;
-  }
-
-  .recent-posts h2 {
-    margin-bottom: 0.75rem;
-  }
-
-  .recent-posts ul {
-    list-style: none;
-    padding: 0;
-  }
-
-  .recent-posts li {
-    padding: 0.5rem 0;
-    display: flex;
-    justify-content: space-between;
-    align-items: baseline;
-  }
-
-  .recent-posts li a {
-    color: var(--color-primary-2, #3b82f6);
-    text-decoration: none;
-  }
-
-  .recent-posts li a:hover {
-    text-decoration: underline;
-  }
-
-  .recent-posts small {
-    color: #6b7280;
-    font-size: 0.8rem;
-  }
-</style>
+<if=$global.layout === 'blog'>
+  <blog-layout/>
+</if>
+<else if=$global.layout === 'root'>
+  <root-layout/>
+</else>
+<else>
+  <page-layout/>
+</else>