@popcraft/kit 0.30.0 → 0.32.0

package/src/templates/themes/comic-indie.ts

@@ -1,5 +1,283 @@
-// Comic indie pack: one warm slice-of-life series (generated art, editable lettering). Registered empty so its pack PR never edits index.ts; every source in it, in gallery order.
+// Comic indie pack: "Last Summer on Alder Street", one warm slice-of-life story told across twelve comic formats
+// (generated art, editable lettering). Juno and Theo have shared a flat on Alder Street for four years; Theo is
+// moving away at the end of the summer. The boxes appear, the neighbour brings a tomato plant, they talk, Juno walks
+// it off, they remember moving in, throw a rooftop party that gets rained on, and say goodbye at sunset. The letters
+// page closes the issue. Every source in it, in gallery order.
 import type { TemplateSource } from '../build'
+import { defineTemplate } from '../build'
+import { Kit, preset } from '../kit'
+import type { IndieArtId } from './comic-indie-art'
+import { STORY, caption, folio, display, frameOf, indieMeta, indieSetup, pageGrid, panel, rectFrame, rows, say, sfx, slantTier, tier, tierBox } from './comic-indie-page'
 
-const pack: readonly TemplateSource[] = []
+/** Each page's drawing, by template id, so the whole issue can draw the same pages into one book. */
+const DRAW = new Map<string, (k: Kit) => void>()
+
+const page = (id: string, name: string, description: string, tags: string[], size: string, draw: (k: Kit) => void) => {
+  DRAW.set(id, draw)
+  return defineTemplate({
+    id, meta: indieMeta(name, description, tags), stableNumbers: true,
+    build() { const k = new Kit(name, preset(size)); indieSetup(k); draw(k); folio(k, k.sheet, name); return k.finish() },
+  })
+}
+
+/** A strip's title bar: the series name, left, and the strip's own title. */
+function stripTitle(k: Kit, sheet: string, W: number, title: string) {
+  const t = k.stack(sheet, { width: W, height: 30, direction: 'HORIZONTAL', align: 'CENTER', gap: 12, name: 'Title bar' })
+  k.text(t, 'Alder Street', { style: display(k, 'Title'), color: 'text', name: 'Series' })
+  k.text(t, title, { style: display(k, 'Credit'), color: 'text', name: 'Strip title' })
+}
+
+const gagFour = page('comic-gag-four', 'Four-panel gag', 'Four shots of one kitchen and one thing that changes: Theo carries in more and more boxes until Juno notices, and he offers her the tape', ['strip', 'gag', 'four-panel'], 'comic-strip', k => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 20, g)
+  stripTitle(k, k.sheet, W, 'Boxes')
+  const h = H - 30 - g, t = tierBox(k, k.sheet, W, h, 'Strip')
+  const [a, b, c, d] = slantTier(W, h, [1, 1, 1, 1], 10, g)
+  panel(k, t, a, 'gag-1', { ground: 'g1', name: 'Setup' })
+  panel(k, t, b, 'gag-2', { ground: 'g2', name: 'Setup again' })
+  panel(k, t, c, 'gag-3', { ground: 'g3', name: 'Turn' })
+  panel(k, t, d, 'gag-4', { ground: 'g4', name: 'Punchline' })
+  say(k, t, 'Morning!', { x: a.x + 160, y: 10, width: 90, to: { x: a.x + a.width * 0.62, y: 70 } })
+  say(k, t, 'Just a few more.', { x: b.x + 150, y: 10, width: 110, to: { x: b.x + b.width * 0.6, y: 80 } })
+  say(k, t, 'Theo. How many is "a few"?', { x: c.x + 10, y: 10, width: 128, to: { x: c.x + c.width * 0.6, y: 90 } })
+  caption(k, t, 'Monday.', { x: 8, y: h - 34, width: 70 })
+  say(k, t, 'I got you your own tape?', { x: d.x + 16, y: 10, width: 128, to: { x: d.x + d.width * 0.55, y: 110 } })
+})
+
+const stripDaily = page('comic-strip-daily', 'Daily strip', 'A three-beat strip: Mrs Okafor from downstairs arrives with a huge tomato plant, hands it over, and leaves Juno holding it', ['strip', 'gag', 'daily'], 'comic-strip', k => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 20, g)
+  stripTitle(k, k.sheet, W, 'The plant')
+  const h = H - 30 - g, t = tierBox(k, k.sheet, W, h, 'Strip')
+  const [a, b, c] = tier(W, h, [1, 1, 1], g)
+  panel(k, t, a, 'strip-1', { ground: 'g1', name: 'The knock' })
+  panel(k, t, b, 'strip-2', { ground: 'g3', name: 'The handover' })
+  panel(k, t, c, 'strip-3', { ground: 'g2', name: 'Holding it' })
+  say(k, t, 'He says you will need someone to look after.', { x: a.x + a.width - 180, y: 12, width: 168, to: { x: a.x + a.width * 0.7, y: 120 } })
+  say(k, t, 'Mrs Okafor, I can barely keep a cactus alive.', { x: b.x + 12, y: 12, width: 168, to: { x: b.x + b.width * 0.3, y: 140 } })
+  say(k, t, 'Water it. Talk to it. You will learn.', { x: b.x + b.width - 140, y: h - 80, width: 128, to: { x: b.x + b.width * 0.72, y: 120 } })
+  caption(k, t, 'Three weeks until he goes.', { x: c.x + 12, y: h - 40, width: 170 })
+})
+
+const talkingHeads = page('comic-talking-heads', 'Talking heads page', 'The conversation on the sofa: a two-shot, then Juno and Theo in alternating closeups across slanted gutters, and the two-shot again with them closer', ['dialogue', 'restraint'], 'comic-page', k => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const [h1, h2, h3, h4] = rows(H, g, [24, 27, 27, 22])
+  const t1 = tierBox(k, k.sheet, W, h1, 'Tier 1')
+  panel(k, t1, rectFrame(0, 0, W, h1), 'talk-1', { ground: 'g1', name: 'Two-shot' })
+  caption(k, t1, 'The night the boxes came, we finally talked about it.', { x: 12, y: 12, width: 220 })
+  const t2 = tierBox(k, k.sheet, W, h2, 'Tier 2')
+  const [a, b] = slantTier(W, h2, [1, 1], 18, g)
+  panel(k, t2, a, 'talk-2', { ground: 'g2', name: 'Theo' })
+  panel(k, t2, b, 'talk-3', { ground: 'g4', name: 'Juno' })
+  say(k, t2, 'It is a good job, Ju. I would be stupid not to.', { x: 12, y: 12, width: 168, to: { x: a.width * 0.55, y: h2 * 0.45 } })
+  say(k, t2, 'I know.', { x: W - 108, y: 14, width: 90, to: { x: b.x + b.width * 0.4, y: h2 * 0.5 } })
+  const t3 = tierBox(k, k.sheet, W, h3, 'Tier 3')
+  const [c, d] = slantTier(W, h3, [1, 1], -18, g)
+  panel(k, t3, c, 'talk-4', { ground: 'g3', name: 'Theo turns' })
+  panel(k, t3, d, 'talk-5', { ground: 'g1', name: 'Juno looks away' })
+  say(k, t3, 'You could say you will miss me.', { x: 14, y: 12, width: 128, to: { x: c.width * 0.5, y: h3 * 0.5 } })
+  say(k, t3, 'I am saying it. Quietly.', { x: W - 140, y: h3 - 74, width: 128, to: { x: d.x + d.width * 0.4, y: h3 * 0.45 } })
+  const t4 = tierBox(k, k.sheet, W, h4, 'Tier 4')
+  panel(k, t4, rectFrame(0, 0, W, h4), 'talk-6', { ground: 'g2', name: 'Closer' })
+  say(k, t4, 'Rooftop party. Before you go.', { x: W - 186, y: 12, width: 168, to: { x: W * 0.55, y: h4 * 0.6 } })
+})
+
+const silent = page('comic-silent', 'Silent page', 'Juno walks it off: down Alder Street, past the corner shop, along the canal to a bench under an orange sky, carried by the pictures alone', ['grid', 'silent', 'wordless'], 'comic-page', k => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const [h1, h2, h3, h4] = rows(H, g, [26, 23, 23, 28])
+  const t1 = tierBox(k, k.sheet, W, h1, 'Tier 1')
+  panel(k, t1, rectFrame(0, 0, W, h1), 'silent-1', { ground: 'g1', name: 'Out the door' })
+  caption(k, t1, 'Alder Street, 7:42 pm.', { x: 12, y: 12, width: 150 })
+  const t2 = tierBox(k, k.sheet, W, h2, 'Tier 2')
+  const [a, b] = tier(W, h2, [3, 2], g)
+  panel(k, t2, a, 'silent-2', { ground: 'g2', name: 'Corner shop' })
+  panel(k, t2, b, 'silent-3', { ground: 'g4', name: 'The fence' })
+  const t3 = tierBox(k, k.sheet, W, h3, 'Tier 3')
+  const [c, d] = tier(W, h3, [2, 3], g)
+  panel(k, t3, c, 'silent-4', { ground: 'g3', name: 'The bridge' })
+  panel(k, t3, d, 'silent-5', { ground: 'g1', name: 'The boat' })
+  say(k, t3, 'Hi, ducks.', { x: d.x + 14, y: 12, width: 90, to: { x: c.x + c.width * 0.5, y: h3 * 0.5 } })
+  sfx(k, t3, 'quack', { x: W - 104, y: h3 - 62, w: 92, h: 52, deg: -6, seed: 3 })
+  const t4 = tierBox(k, k.sheet, W, h4, 'Tier 4')
+  panel(k, t4, rectFrame(0, 0, W, h4), 'silent-6', { ground: 'g2', name: 'The bench' })
+})
+
+const negativeSpace = page('comic-negative-space', 'Negative space page', 'Three small frames in a dark stairwell: Juno alone on the stairs, Mrs Okafor sitting down beside her with plums, the two of them seen from above', ['minimal', 'quiet'], 'comic-page', k => {
+  const g = 0, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const [h1, h2, h3] = rows(H, g, [40, 26, 34])
+  const t1 = tierBox(k, k.sheet, W, h1, 'Tier 1')
+  const f1 = rectFrame(36, 40, 200, h1 - 80)
+  panel(k, t1, f1, 'neg-1', { ground: 'g3', name: 'Alone' })
+  caption(k, t1, 'Some things you cannot walk off.', { x: 260, y: h1 - 90, width: 180 })
+  const t2 = tierBox(k, k.sheet, W, h2, 'Black band', 'text')
+  const f2 = rectFrame(W - 236, 24, 200, h2 - 48)
+  panel(k, t2, f2, 'neg-2', { ground: 'g1', name: 'Plums', keyline: true })
+  say(k, t2, 'Sit. Eat a plum. Tell me.', { x: 120, y: 40, width: 128, to: { x: f2.x + 60, y: f2.y + 50 } })
+  const t3 = tierBox(k, k.sheet, W, h3, 'Tier 3')
+  const f3 = rectFrame(0, 50, W, h3 - 100)
+  panel(k, t3, f3, 'neg-3', { ground: 'g4', name: 'From above' })
+  say(k, t3, 'He is leaving, and I keep acting like he is already gone.', { x: 18, y: 4, width: 168, to: { x: W * 0.45, y: h3 * 0.6 } })
+})
+
+const riso = page('comic-riso', 'Risograph page', 'The flashback in two inks and a screen: four summers ago, the sofa up the stairs, noodles by candlelight, the terracotta wall, the spare key and the first seedling', ['riso', 'zine', 'flashback', 'duotone'], 'comic-page', k => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const [h1, h2, h3] = rows(H, g, [34, 30, 36])
+  const t1 = tierBox(k, k.sheet, W, h1, 'Tier 1')
+  panel(k, t1, rectFrame(0, 0, W, h1), 'riso-1', { ground: 'g2', name: 'The sofa' })
+  caption(k, t1, 'Four summers ago.', { x: 12, y: 12, width: 130 })
+  say(k, t1, 'Pivot! PIVOT!', { x: W - 112, y: 16, width: 96, to: { x: W * 0.6, y: h1 * 0.4 } })
+  const t2 = tierBox(k, k.sheet, W, h2, 'Tier 2')
+  const [a, b, c] = tier(W, h2, [1, 1, 1], g)
+  panel(k, t2, a, 'riso-2', { ground: 'g1', name: 'Noodles', tone: true })
+  panel(k, t2, b, 'riso-3', { ground: 'g3', name: 'The wall' })
+  panel(k, t2, c, 'riso-4', { ground: 'g4', name: 'The key' })
+  say(k, t2, 'For emergencies. And sugar.', { x: c.x + 10, y: 10, width: 96, to: { x: c.x + c.width * 0.3, y: h2 * 0.3 } })
+  const t3 = tierBox(k, k.sheet, W, h3, 'Tier 3')
+  const [d, e] = tier(W, h3, [1, 2], g)
+  panel(k, t3, d, 'riso-5', { ground: 'g2', name: 'The seedling', tone: true })
+  panel(k, t3, e, 'riso-6', { ground: 'g1', name: 'First morning' })
+  caption(k, t3, 'We did not own a bed yet. We owned a sofa.', { x: e.x + 12, y: h3 - 48, width: 220 })
+})
+
+const zine = page('comic-zine', 'Quarter-fold zine', 'Making the party flyer: drawing it on the floor, cutting out the sun, the pink print shop, warm copies, a lamp post and Mrs Okafor reading hers', ['zine', 'mini-comic', 'diy'], 'comic-page', k => {
+  const g = 12, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const hs = rows(H, g, [1, 1, 1])
+  const pairs: [string, string][] = [['zine-1', 'zine-2'], ['zine-3', 'zine-4'], ['zine-5', 'zine-6']]
+  const words = ['Rooftop. Saturday. Bring a chair.', 'Make it hot pink.', 'Everyone is invited. Even you, Mrs O.']
+  pairs.forEach(([l, r], i) => {
+    const t = tierBox(k, k.sheet, W, hs[i], `Mini pages ${i * 2 + 1}–${i * 2 + 2}`)
+    const [a, b] = tier(W, hs[i], [1, 1], g)
+    panel(k, t, a, l as IndieArtId, { ground: i % 2 ? 'g3' : 'g1', name: `Page ${i * 2 + 1}` })
+    panel(k, t, b, r as IndieArtId, { ground: i % 2 ? 'g4' : 'g2', name: `Page ${i * 2 + 2}` })
+    if (i === 1) say(k, t, words[i], { x: 12, y: 12, width: 110, to: { x: a.width * 0.5, y: hs[i] * 0.5 } })
+    else caption(k, t, words[i], { x: i ? b.x + 12 : 12, y: 12, width: 160 })
+  })
+})
+
+const webtoon = page('comic-webtoon', 'Vertical scroll (webtoon)', 'Up to the roof in one column of full-width beats: through the hatch, the string lights, the chairs and the plant, the lights coming on, and the finished roof', ['webtoon', 'vertical', 'scroll', 'digital'], 'comic-page', k => {
+  const g = 26, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const hs = rows(H, g, [22, 17, 17, 12, 32])
+  const beats = [['web-1', 'Through the hatch', 'g1'], ['web-2', 'Lights up', 'g2'], ['web-3', 'Chairs', 'g4'], ['web-4', 'On', 'g3'], ['web-5', 'Ready', 'g1']] as const
+  beats.forEach(([art, name, ground], i) => {
+    const t = tierBox(k, k.sheet, W, hs[i], `Beat ${i + 1}`)
+    panel(k, t, rectFrame(0, 0, W, hs[i]), art, { ground, name })
+    if (i === 0) say(k, t, 'Mind the tar, it is still warm.', { x: W - 150, y: 12, width: 128, to: { x: W * 0.45, y: hs[i] * 0.5 } })
+    if (i === 1) say(k, t, 'Higher. No, the other higher.', { x: 14, y: 12, width: 128, to: { x: W * 0.5, y: hs[i] * 0.5 } })
+    if (i === 4) caption(k, t, 'It looked like somewhere you would want to stay.', { x: 12, y: hs[i] - 46, width: 230 })
+  })
+})
+
+const manga = page('comic-manga-page', 'Manga page', 'The party, read right to left: dancing under the lights, Mrs Okafor out-dancing everyone, the first raindrop, the scramble, one big umbrella', ['manga', 'panels', 'right-to-left'], 'manga-page', k => {
+  const g = 8, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const [h1, h2, h3] = rows(H, g, [30, 34, 36])
+  const t1 = tierBox(k, k.sheet, W, h1, 'Tier 1')
+  panel(k, t1, rectFrame(0, 0, W, h1), 'manga-1', { ground: 'g1', name: 'The party' })
+  caption(k, t1, 'Saturday. Everyone came.', { x: 12, y: 12, width: 150 })
+  say(k, t1, 'You call that dancing? Watch.', { x: W - 150, y: 12, width: 128, to: { x: W * 0.62, y: h1 * 0.55 } })
+  const t2 = tierBox(k, k.sheet, W, h2, 'Tier 2')
+  const [left, right] = slantTier(W, h2, [2, 3], 22, g)
+  panel(k, t2, right, 'manga-2', { ground: 'g2', name: 'Mrs Okafor dances' })
+  panel(k, t2, left, 'manga-3', { ground: 'g4', name: 'First drop' })
+  sfx(k, t2, 'plip', { x: 20, y: h2 - 72, w: 96, h: 56, deg: 8, seed: 5 })
+  const t3 = tierBox(k, k.sheet, W, h3, 'Tier 3')
+  const [l3, r3] = slantTier(W, h3, [3, 2], -22, g)
+  panel(k, t3, r3, 'manga-5', { ground: 'g3', name: 'The umbrella' })
+  panel(k, t3, l3, 'manga-4', { ground: 'g1', name: 'Scramble' })
+  sfx(k, t3, 'fwump', { x: r3.x + 30, y: 14, w: 110, h: 60, deg: -8, seed: 9 })
+  say(k, t3, 'The records! Save the records!', { x: 14, y: h3 - 76, width: 128, to: { x: l3.width * 0.5, y: h3 * 0.4 } })
+})
+
+const iconGrid = page('comic-icon-grid', 'Modular page', 'A fine grid of the flat as it was: two mugs, the spare key, the tomatoes, the records, a packed box, the painted wall, two toothbrushes, the empty sofa, an open window', ['modular', 'grid', 'still life'], 'comic-page', k => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const cell = Math.floor((W - 2 * g) / 3)
+  const head = 56, foot = H - head - 3 * cell - 4 * g
+  const t0 = tierBox(k, k.sheet, W, head, 'Heading')
+  caption(k, t0, 'Everything that was ours, the week before he left.', { x: 0, y: 10, width: 300 })
+  const grounds = ['g1', 'g2', 'g3'] as const
+  for (let r = 0; r < 3; r++) {
+    const t = tierBox(k, k.sheet, W, cell, `Row ${r + 1}`)
+    tier(W, cell, [1, 1, 1], g).forEach((f, c) => panel(k, t, f, `icon-${r * 3 + c + 1}` as IndieArtId, { ground: grounds[(c + r) % 3], name: `Object ${r * 3 + c + 1}` }))
+    if (r === 2) say(k, t, 'You are keeping the sofa.', { x: W - 140, y: 10, width: 128, to: { x: W - 100, y: cell * 0.7 } })
+  }
+  tierBox(k, k.sheet, W, foot, 'Footer')
+})
+
+const hourglass = page('comic-hourglass', 'Symbol page (hourglass)', 'The goodbye at sunset, in frames that make an hourglass: the roof edge, the spare key, a hand closing round it at the waist, her head on his shoulder, two silhouettes against the sky', ['symbol', 'architecture', 'sunset'], 'comic-page', k => {
+  const g = 10, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const [h1, h2, h3, h4, h5] = rows(H, g, [22, 18, 16, 18, 26])
+  const inset = W * 0.22, waist = W * 0.32
+  const t1 = tierBox(k, k.sheet, W, h1, 'Top')
+  panel(k, t1, rectFrame(0, 0, W, h1), 'hour-1', { ground: 'g1', name: 'The edge' })
+  caption(k, t1, 'The last night.', { x: 12, y: 12, width: 120 })
+  const t2 = tierBox(k, k.sheet, W, h2, 'Narrowing')
+  panel(k, t2, frameOf([{ x: 0, y: 0 }, { x: W, y: 0 }, { x: W - inset, y: h2 }, { x: inset, y: h2 }]), 'hour-2', { ground: 'g2', name: 'The key' })
+  say(k, t2, 'So the place still has someone with a spare.', { x: W - 180, y: 6, width: 168, to: { x: W * 0.5, y: h2 * 0.6 } })
+  const t3 = tierBox(k, k.sheet, W, h3, 'Waist')
+  panel(k, t3, rectFrame(Math.round((W - waist) / 2), 0, Math.round(waist), h3), 'hour-3', { ground: 'g3', name: 'Her hand' })
+  const t4 = tierBox(k, k.sheet, W, h4, 'Widening')
+  panel(k, t4, frameOf([{ x: inset, y: 0 }, { x: W - inset, y: 0 }, { x: W, y: h4 }, { x: 0, y: h4 }]), 'hour-4', { ground: 'g4', name: 'Her head on his shoulder' })
+  const t5 = tierBox(k, k.sheet, W, h5, 'Bottom')
+  panel(k, t5, rectFrame(0, 0, W, h5), 'hour-5', { ground: 'g2', name: 'Two silhouettes' })
+  say(k, t5, 'Same time next summer?', { x: W * 0.5 - 64, y: 14, width: 128, to: { x: W * 0.5, y: h5 * 0.7 } })
+})
+
+const backmatter = page('comic-backmatter', 'Back matter (letters page)', 'The letters page that closes the issue: a masthead, a reader\'s letter, two small panels of what came after, the reply and the indicia', ['back-matter', 'letters'], 'comic-page', k => {
+  const g = 14, { W, H } = pageGrid(k, k.sheet, 36, g)
+  const t0 = tierBox(k, k.sheet, W, 56, 'Masthead')
+  k.text(t0, 'Letters to Alder Street', { style: display(k, 'Masthead'), color: 'text', name: 'Masthead', width: 'FILL' })
+  const letter = k.stack(k.sheet, { width: W, gap: 6, name: 'Letter' })
+  k.text(letter, 'Dear Alder Street,', { style: display(k, 'Credit'), color: 'text', name: 'Salutation' })
+  k.text(letter, 'I shared a flat with my best friend for five years, and when she moved for work I did exactly what Juno did: packed nothing, said nothing, and walked a long way round the block. Reading this issue on the bus, I had to put it down twice. Is there going to be a next summer? Please say yes. And please tell me the tomato plant made it.', { style: display(k, 'Body'), color: 'text', width: 'FILL', name: 'Letter body' })
+  k.text(letter, '— A reader in a flat that is too quiet now', { style: display(k, 'Credit'), color: 'onPaper', name: 'Signature' })
+  const ph = 190, t = tierBox(k, k.sheet, W, ph, 'After')
+  const [a, b] = tier(W, ph, [1, 1], g)
+  panel(k, t, a, 'back-1', { ground: 'g1', name: 'The train' })
+  panel(k, t, b, 'back-2', { ground: 'g3', name: 'Watering' })
+  caption(k, t, 'After.', { x: 10, y: ph - 36, width: 70 })
+  say(k, t, 'It made it.', { x: b.x + b.width - 108, y: 10, width: 96, to: { x: b.x + b.width * 0.4, y: ph * 0.5 } })
+  const reply = k.stack(k.sheet, { width: W, gap: 6, name: 'Reply' })
+  k.text(reply, 'We say yes. The plant had forty-one tomatoes, Mrs Okafor counted. Theo sends a postcard every month and the spare key still hangs by the door. Next summer starts in issue two. Write to us, and tell us about the people you shared a kitchen with.', { style: display(k, 'Body'), color: 'text', width: 'FILL', name: 'Reply body' })
+  const used = 56 + ph + 4 * g + 270
+  const ind = k.stack(k.sheet, { width: W, height: Math.max(40, H - used), justify: 'MAX', name: 'Indicia' })
+  k.text(ind, 'LAST SUMMER ON ALDER STREET No. 1. Story, art and letters by the Alder Street team. Printed on recycled stock.', { style: display(k, 'Credit'), color: 'onPaper', width: 'FILL', name: 'Indicia text' })
+})
+
+/** The front cover of the whole issue: the goodbye on the roof, full bleed, under the masthead. */
+function issueCover(k: Kit, sheet: string) {
+  const { W, H } = pageGrid(k, sheet, 0, 0)
+  const t = tierBox(k, sheet, W, H, 'Cover')
+  // Full bleed: the art runs past the trim on every side, so the guillotine never leaves a white edge.
+  const b = k.doc.settings?.bleed?.left ?? 0
+  panel(k, t, rectFrame(-b, -b, W + 2 * b, H + 2 * b), 'hour-1', { ground: 'g1', name: 'Cover art' })
+  caption(k, t, `${STORY.series} · ${STORY.issue}`, { x: 36, y: 36, width: 200, name: 'Issue' })
+  caption(k, t, STORY.title, { x: 36, y: H - 110, width: 300, name: 'Cover title' })
+}
+
+/** The pages of the whole issue, in story order: every page-sized format in the series. */
+const ISSUE: [string, string][] = [
+  ['comic-talking-heads', 'Page 1'], ['comic-silent', 'Page 2'], ['comic-negative-space', 'Page 3'], ['comic-riso', 'Page 4'],
+  ['comic-zine', 'Page 5'], ['comic-webtoon', 'Page 6'], ['comic-icon-grid', 'Page 7'], ['comic-hourglass', 'Page 8'], ['comic-backmatter', 'Letters'],
+]
+
+const wholeIssue = defineTemplate({
+  id: 'comic-indie-issue',
+  meta: indieMeta('Whole comic issue (Alder Street)', `"${STORY.title}", the whole indie issue in one file: the cover and every page of the story in facing pages, ready to print as a booklet`, ['book', 'issue', 'story', 'indie']),
+  sequence: true,
+  stableNumbers: true,
+  build() {
+    const k = new Kit('Whole comic issue (Alder Street)', preset('comic-page'))
+    indieSetup(k)
+    k.doc = { ...k.doc, settings: { ...k.doc.settings, facingPages: true } }
+    const front = k.sheet
+    k.nameSheet(front, 'Front cover')
+    issueCover(k, front)
+    k.setCover(front)
+    for (const [id, name] of ISSUE) {
+      const sheet = k.addSheet(preset('comic-page'), name)
+      DRAW.get(id)!(k)
+      folio(k, sheet, name)
+    }
+    return k.finish()
+  },
+})
+
+const pack: readonly TemplateSource[] = [gagFour, stripDaily, talkingHeads, silent, negativeSpace, riso, zine, webtoon, manga, iconGrid, hourglass, backmatter, wholeIssue]
 export default pack

package/types/templates/src/print/comic-hero-cascade.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-chase.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-cover-modern.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-grid-break.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-interrogation.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-issue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;

package/types/templates/src/print/comic-hero-manga-action.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-nested.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-overlap.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-parallel.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-pinup.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;

package/types/templates/src/print/comic-hero-widescreen.d.ts

@@ -0,0 +1,5 @@
+import { Kit } from '../kit.js';
+declare const _default: import("../../../packages/kit/src/index.js").TemplateSource;
+export default _default;
+/** This page's drawing onto the kit's last sheet: shared with the whole issue (comic-hero-issue). */
+export declare function drawPage(k: Kit): void;