@zvndev/darkmown 2.0.0 → 2.1.0

package/src/templates/landing/site/pages/index.skin

@@ -27,12 +27,12 @@ page
   line-height 1.6
   -webkit-font-smoothing antialiased
 
-main
+.main
   max-width 900px
   margin 0 auto
   padding 1rem 1.5rem 4rem
 
-nav
+.nav
   display flex
   align-items center
   justify-content space-between
@@ -40,10 +40,13 @@ nav
   margin 0 auto
   padding 1.25rem 1.5rem
 
-nav strong
+.nav p
+  margin 0
+
+.nav strong
   font-size 1.15rem
 
-nav a
+.nav a
   color $accent
   text-decoration none
 
@@ -60,6 +63,9 @@ nav a
   color $muted
   margin 0 0 1.5rem
 
+.lede p
+  margin 0
+
 .cta
   display inline-flex
   align-items center
@@ -186,6 +192,9 @@ input:focus-visible, textarea:focus-visible, select:focus-visible
   color $muted
   font-size .95rem
 
+.quote .who p
+  margin 0
+
 .wd-carousel-prev
   position absolute
   left -.5rem

package/src/templates/landing/site/pages/index.wd

@@ -1,5 +1,4 @@
 ---
-html: true
 title: Acme — ship faster
 description: A marketing one-pager built with Darkmown. Zero framework JS on the static parts, with a testimonials carousel.
 transitions: true
@@ -7,12 +6,16 @@ transitions: true
 
 @include /nav.wd
 
-<main>
+::: main
 
 ::: hero
 # Ship faster with *Acme*
-<p class="lede">The all-in-one toolkit your team actually enjoys using.</p>
-<a class="cta" href="#start">Get started</a>
+
+::: lede
+The all-in-one toolkit your team actually enjoys using.
+:::
+
+[Get started](#start){.cta}
 :::
 
 ::: features
@@ -35,21 +38,31 @@ One command to Vercel or Cloudflare — your API comes along for free.
 :carousel
 ::: quote
 > "Acme cut our launch time in half."
-<p class="who">— Riley, Head of Product</p>
+
+::: who
+— Riley, Head of Product
+:::
 :::
 ::: quote
 > "The simplest stack we've ever shipped on."
-<p class="who">— Sam, CTO</p>
+
+::: who
+— Sam, CTO
+:::
 :::
 ::: quote
 > "Our marketing pages load instantly now."
-<p class="who">— Jordan, Growth</p>
+
+::: who
+— Jordan, Growth
+:::
 :::
 :endcarousel
 
 ::: cta-band #start
 ## Ready to build?
-<a class="cta" href="/">Start now</a>
+
+[Start now](/){.cta}
 :::
 
-</main>
+:::

package/src/templates/starter/site/_/nav.wd

@@ -1,11 +1,8 @@
----
-html: true
----
+::: nav
+**My site**
 
-<nav>
-  <strong>My site</strong>
-  <span class="links">
-    <a href="/">Home</a>
-    <a href="/about/">About</a>
-  </span>
-</nav>
+::: links
+[Home](/)
+[About](/about/)
+:::
+:::

package/src/templates/starter/site/pages/about.md

@@ -1,27 +1,16 @@
 ---
 title: About
-html: true
 ---
 
-<nav>
-  <strong>My site</strong>
-  <span class="links">
-    <a href="/">Home</a>
-    <a href="/about/">About</a>
-  </span>
-</nav>
-
-<main>
-
 # About
 
-This page is plain Markdown (`.md`) — strict CommonMark, zero framework JavaScript.
-Rename it to `.wd` when you want directives like state, loops, or forms — a `.wd`
-page can `@include /nav.wd` instead of repeating the markup above.
+This page is plain Markdown (`.md`) — strict CommonMark, zero framework
+JavaScript, and no raw HTML (Darkmown escapes it by default, so untrusted
+content can't inject markup). That's why there's no shared nav bar here: a
+`.md` page can't `@include` or use directives.
 
-The colocated `about.skin` styles this page; it attaches automatically by
-basename, `.md` or `.wd` alike.
+Rename it to `.wd` when you want that — state, loops, forms, and an
+`@include /nav.wd` for the shared nav. The colocated `about.skin` styles this
+page either way; it attaches automatically by basename, `.md` or `.wd` alike.
 
 [Back home](/)
-
-</main>

package/src/templates/starter/site/pages/about.skin

@@ -32,31 +32,6 @@ main
   margin 0 auto
   padding 3rem 1.5rem
 
-nav
-  display flex
-  align-items center
-  justify-content space-between
-  gap 1rem
-  max-width 760px
-  margin 0 auto
-  padding 1.25rem 1.5rem
-
-nav strong
-  font-size 1.1rem
-
-nav .links
-  display flex
-  gap 1.25rem
-
-nav a
-  color $ink
-  text-decoration none
-  opacity .8
-
-nav a:hover
-  opacity 1
-  color $accent
-
 a
   color $accent
 

package/src/templates/starter/site/pages/index.skin

@@ -27,12 +27,12 @@ page
   line-height 1.6
   -webkit-font-smoothing antialiased
 
-main
+.main
   max-width 760px
   margin 0 auto
   padding 3rem 1.5rem
 
-nav
+.nav
   display flex
   align-items center
   justify-content space-between
@@ -41,19 +41,23 @@ nav
   margin 0 auto
   padding 1.25rem 1.5rem
 
-nav strong
+.nav p
+  margin 0
+
+.nav strong
   font-size 1.1rem
 
-nav .links
+.nav .links p
   display flex
   gap 1.25rem
+  margin 0
 
-nav a
+.nav a
   color $ink
   text-decoration none
   opacity .8
 
-nav a:hover
+.nav a:hover
   opacity 1
   color $accent
 

package/src/templates/starter/site/pages/index.wd

@@ -1,11 +1,10 @@
 ---
-html: true
 title: My Darkmown site
 ---
 
 @include /nav.wd
 
-<main>
+::: main
 
 # My Darkmown site
 
@@ -25,4 +24,4 @@ Count: { count }
 
 :button "Add" -> todos += "Add a loop"
 
-</main>
+:::

package/src/templates/store/site/_/nav.wd

@@ -1,10 +1,7 @@
----
-html: true
----
+::: nav
+**Shop**
 
-<nav>
-  <strong>Shop</strong>
-  <span class="links">
-    <a href="/">Catalog</a>
-  </span>
-</nav>
+::: links
+[Catalog](/)
+:::
+:::

package/src/templates/store/site/pages/index.skin

@@ -27,12 +27,12 @@ page
   line-height 1.55
   -webkit-font-smoothing antialiased
 
-main
+.main
   max-width 860px
   margin 0 auto
   padding 2rem 1.5rem
 
-nav
+.nav
   display flex
   align-items center
   justify-content space-between
@@ -40,10 +40,13 @@ nav
   margin 0 auto
   padding 1.25rem 1.5rem
 
-nav strong
+.nav p
+  margin 0
+
+.nav strong
   font-size 1.1rem
 
-nav a
+.nav a
   color $accent
   text-decoration none
 

package/src/templates/store/site/pages/index.wd

@@ -1,5 +1,4 @@
 ---
-html: true
 title: Shop — built with Darkmown
 description: A storefront in Markdown — live search, a shared cart, and a checkout that posts to a serverless function.
 transitions: true
@@ -7,7 +6,7 @@ transitions: true
 
 @include /nav.wd
 
-<main>
+::: main
 
 ::: section #shop
 
@@ -81,4 +80,4 @@ to { receipt.received.email }. Order { receipt.orderId }.
 
 :::
 
-</main>
+:::

package/types/compiler.d.ts

@@ -14,6 +14,19 @@ export function compilePage(file: string, context: Paths): CompiledPage;
  * @returns {CompiledDocument}
  */
 export function compileDocument(file: string, context: Paths, stack?: string[], vars?: Record<string, unknown>): CompiledDocument;
+/**
+ * Compile a page from an in-memory map of project-relative path → source, with
+ * no filesystem access. `entryPath` is the project-relative path of the page to
+ * compile; includes and `@loop` data resolve against the same map.
+ * @param {Record<string, string> | Map<string, string>} files
+ * @param {string} entryPath
+ * @param {{ vars?: Record<string, unknown>, cwd?: string }} [options]
+ * @returns {CompiledPage}
+ */
+export function compileFromMemory(files: Record<string, string> | Map<string, string>, entryPath: string, options?: {
+    vars?: Record<string, unknown>;
+    cwd?: string;
+}): CompiledPage;
 /**
  * Split a raw file into its frontmatter `meta` and `body`.
  * @param {string} raw Full file contents.

package/types/index.d.ts

@@ -8,6 +8,7 @@ export type { RouteManifestEntry, Paths, Assets } from "./builder.js";
 export {
   compilePage,
   compileDocument,
+  compileFromMemory,
   parseFrontmatter,
   escapeHtml,
   loopKeyOf