@bafif/foja 0.0.0-stage → 0.1.0

package/dist/template/styles/recto.typ

@@ -0,0 +1,86 @@
+// Recto: modern and plain, everything flush left in a sans-serif. The name in bold, the subtitle in
+// the accent colour, the contacts on one line; section titles in small capitals of the accent colour
+// over a hairline; each entry with the position and the dates on one line and the institution
+// below. One column of plain text, no icons or pictures of text, laid out in the order it is read,
+// so that applicant tracking systems read it as people do.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#1b1f23")
+#let muted = ink.lighten(40%)
+#let accent-color = accent(rgb("#1f4e79"))
+#let m = margins((top: 14, bottom: 14, left: 16, right: 16))
+#let text-width = paper.width - m.left - m.right
+#let small = base-size * 0.9
+
+#set document(..document-info)
+#set page(width: paper.width, height: paper.height, margin: m)
+#set text(font: opt("font", "Noto Sans"), size: base-size * 0.95, fill: ink, lang: lang, hyphenate: false)
+#set par(leading: 0.6em, spacing: 0.6em * density, justify: false)
+#set list(marker: text(fill: accent-color, sym.bullet), indent: 0.2em, body-indent: 0.5em, spacing: 0.4em * density)
+
+#geometry(main: (x: m.left, width: text-width))
+
+#let section-title(title) = block(
+  above: 1.3em * density,
+  below: 0.55em * density,
+  sticky: true,
+  width: 100%,
+  inset: (bottom: 3pt),
+  stroke: (bottom: 0.5pt + ink.lighten(78%)),
+  text(size: small, weight: "bold", tracking: 0.1em, fill: accent-color, upper(title)),
+)
+
+#let entry(b, compact) = anchored(b.path, block(above: 0.85em * density, below: 0pt, {
+  text(weight: "bold", b.title)
+  if b.period != "" {
+    h(1fr)
+    text(size: small, fill: muted, b.period)
+  }
+  if b.place != "" {
+    linebreak()
+    text(fill: muted, b.place)
+  }
+  if b.note != none {
+    linebreak()
+    text(size: small, fill: muted, b.note)
+  }
+  if not compact and b.items.len() > 0 { list(..b.items.map(item-body)) }
+}))
+
+#let section(s) = anchored(s.path, {
+  section-title(s.title)
+  for b in s.blocks {
+    if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+      anchored(b.path, block(above: 0.45em * density, below: 0pt, list(item-body(b))))
+    } else { anchored(b.path, par(inline(b.text))) }
+  }
+})
+
+// ---------------------------------------------------------------- header
+
+#let head = {
+  anchored("name", par(text(size: base-size * 2.2, weight: "bold", cv.name)))
+  if cv.subtitle != "" { anchored("subtitle", par(text(size: base-size * 1.15, weight: "medium", fill: accent-color, cv.subtitle))) }
+  if cv.contacts.len() > 0 { anchored("contacts", par(text(size: small, fill: muted, cv.contacts.map(contact-text).join(" | ")))) }
+}
+#let picture = photo(base-size * 7)
+#if picture == none { head } else { grid(columns: (1fr, auto), column-gutter: 1.2em, align: (horizon, top), head, anchored("photo", picture)) }
+
+// ---------------------------------------------------------------- body
+
+#if cv.highlight != none {
+  v(0.6em * density)
+  anchored("highlight", par[#text(weight: "bold", fill: accent-color, cv.highlight.title): #cv.highlight.text])
+}
+#if cv.summary != "" {
+  section-title(labels.profile)
+  anchored("summary", par(inline(cv.summary)))
+}
+#if cv.skills.len() > 0 {
+  section-title(labels.skills)
+  for (i, row) in cv.skills.enumerate() {
+    anchored("skills." + str(i), { for g in row { par[#text(weight: "bold", g.title): #g.items.join(", ")] } })
+  }
+}
+#for s in cv.sections { section(s) }

package/dist/template/styles/rotulo.typ

@@ -0,0 +1,146 @@
+// Rótulo: light and airy, for a short CV. The photo in a circle with a ring of the accent colour
+// (the initials, when there is no photo), the name large and light on two lines, the subtitle in
+// spaced capitals, and every title on a label of the accent colour, softened. A fine rule
+// separates the two columns: the contacts, the skills and the side sections go on the left.
+
+#import "/lib.typ": *
+
+#let ink = rgb("#25272a")
+#let muted = ink.lighten(40%)
+#let accent-color = accent(rgb("#a35a83"))
+#let deep = accent-color.darken(32%)
+#let label-fill = accent-color.lighten(84%)
+#let m = margins((top: 16, bottom: 14, left: 15, right: 15))
+#let text-width = paper.width - m.left - m.right
+#let side-width = text-width * 0.34
+#let gutter = 11mm
+#let main-width = text-width - side-width - gutter
+#let main-x = m.left + side-width + gutter
+#let small = base-size * 0.9
+#let shows-picture = opt("photo", "square") != "none"
+#let pic = side-width * 0.72
+
+#set document(..document-info)
+#set page(width: paper.width, height: paper.height, margin: m)
+#set text(font: opt("font", "Noto Sans"), size: base-size, fill: ink, lang: lang)
+#set par(leading: 0.7em, spacing: 0.7em * density, justify: false)
+#set list(marker: text(fill: accent-color, sym.bullet), indent: 0pt, body-indent: 0.5em, spacing: 0.5em * density)
+#show link: set text(hyphenate: false)
+
+#geometry(main: (x: main-x, width: main-width), side: (x: m.left, width: side-width))
+
+/// A title on its label.
+#let tag(title) = block(above: 1.6em * density, below: 0.8em * density, sticky: true, box(
+  fill: label-fill,
+  inset: (x: 6pt, y: 4pt),
+  radius: 1.5pt,
+  text(size: small * 0.95, weight: "bold", tracking: 0.14em, fill: deep, upper(title)),
+))
+
+// ---------------------------------------------------------------- the left column
+
+#let first-letter(s) = if s.len() > 0 { upper(s.clusters().first()) } else { "" }
+#let picture = if not shows-picture { none } else {
+  let inner = if cv.photo != none {
+    box(clip: true, radius: 50%, width: pic, height: pic, image(cv.photo, width: pic, height: pic, fit: "cover"))
+  } else {
+    circle(radius: pic / 2, fill: label-fill, align(center + horizon, text(
+      size: pic * 0.3,
+      tracking: 0.04em,
+      fill: deep,
+      first-letter(cv.given) + first-letter(cv.family),
+    )))
+  }
+  box(width: pic + 14pt, height: pic + 14pt, {
+    place(center + horizon, circle(radius: pic / 2 + 5.5pt, stroke: 2.4pt + accent-color))
+    place(center + horizon, inner)
+  })
+}
+
+#let line-block(body) = block(above: 0.55em * density, below: 0pt, body)
+
+#let sidebar = {
+  set text(size: small)
+  if picture != none {
+    anchored("photo", column: "side", align(center, picture))
+    v(0.4em)
+  }
+  if cv.contacts.len() > 0 {
+    anchored("contacts", column: "side", {
+      tag(labels.contact)
+      for c in cv.contacts { line-block(contact-text(c)) }
+    })
+  }
+  for (i, row) in cv.skills.enumerate() {
+    anchored("skills." + str(i), column: "side", for g in row {
+      tag(g.title)
+      for it in g.items { line-block(it) }
+    })
+  }
+  for s in cv.sections.filter(s => s.side) {
+    anchored(s.path, column: "side", {
+      tag(s.title)
+      for b in s.blocks {
+        anchored(b.path, column: "side", block(above: 0.75em * density, below: 0pt, if b.type == "entry" {
+          text(weight: "bold", b.title)
+          if b.place != "" { linebreak() + b.place }
+          if b.period != "" { linebreak() + text(fill: muted, b.period) }
+        } else { item-body(b) }))
+      }
+    })
+  }
+}
+
+// ---------------------------------------------------------------- the right column
+
+#let entry(b, compact) = anchored(b.path, block(above: 1.05em * density, below: 0pt, {
+  grid(columns: (auto, 1fr), column-gutter: 0.5em, text(fill: accent-color, sym.bullet), {
+    text(weight: "bold", b.title)
+    let meta = (b.place, b.period).filter(x => x != "")
+    if meta.len() > 0 {
+      linebreak()
+      text(size: small, fill: muted, meta.join(", "))
+    }
+    if b.note != none { par(text(size: small, fill: muted, b.note)) }
+  })
+  if not compact and b.items.len() > 0 {
+    block(above: 0.6em, below: 0.6em, line(length: 100%, stroke: 0.5pt + ink.lighten(80%)))
+    list(..b.items.map(item-body))
+  }
+}))
+
+#let main-section(s) = anchored(s.path, {
+  tag(s.title)
+  for b in s.blocks {
+    if b.type == "entry" { entry(b, s.compact) } else if b.type == "item" {
+      anchored(b.path, block(above: 0.55em * density, below: 0pt, list(item-body(b))))
+    } else { anchored(b.path, block(above: 0.55em * density, below: 0pt, par(inline(b.text)))) }
+  }
+})
+
+#let main = {
+  v(0.6em)
+  anchored("name", par(leading: 0.34em, text(size: base-size * 3.2, tracking: 0.01em, {
+    cv.given
+    linebreak()
+    cv.family
+  })))
+  v(0.9em)
+  anchored("subtitle", text(weight: "medium", tracking: 0.24em, upper(cv.subtitle)))
+  if cv.highlight != none {
+    v(0.35em)
+    anchored("highlight", text(size: small)[#text(weight: "bold", fill: deep, cv.highlight.title) #h(0.4em) #cv.highlight.text])
+  }
+  if cv.summary != "" {
+    v(0.9em)
+    anchored("summary", par(inline(cv.summary)))
+  }
+  for s in cv.sections.filter(s => not s.side) { main-section(s) }
+}
+
+#grid(
+  columns: (side-width + gutter / 2, main-width + gutter / 2),
+  stroke: (x, y) => if x == 0 { (right: 0.6pt + ink.lighten(78%)) },
+  inset: (x, y) => if x == 0 { (right: gutter / 2) } else { (left: gutter / 2) },
+  sidebar, main,
+)

package/dist/template/styles.json

@@ -0,0 +1,59 @@
+[
+  {
+    "id": "legajo",
+    "name": "Legajo",
+    "description": "Serif, el nombre en versalitas sobre una regla, barra lateral en una tarjeta y las fechas en su propia columna, como un registro.",
+    "options": ["columns", "sidebar", "sidebarWidth", "photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"]
+  },
+  {
+    "id": "banda",
+    "name": "Banda",
+    "description": "Una franja de color con el nombre y la foto; una columna en sans, títulos marcados con el color de acento.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"]
+  },
+  {
+    "id": "minimal",
+    "name": "Minimal",
+    "description": "Blanco y negro con mucho aire; la jerarquía sale del tamaño y el peso, el color solo en el nombre.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"]
+  },
+  {
+    "id": "claustro",
+    "name": "Claustro",
+    "description": "Al estilo de los CV de Harvard: serif, el nombre centrado con el contacto en una línea, títulos en mayúsculas sobre una raya y la institución arriba del cargo. Una columna, legible para ATS.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"],
+    "preset": { "columns": 1, "photo": "none", "length": "short" }
+  },
+  {
+    "id": "recto",
+    "name": "Recto",
+    "description": "Moderno y simple, en sans y alineado a la izquierda: títulos en mayúsculas del color de acento sobre una línea fina, el cargo y las fechas en un renglón. Una columna, legible para ATS.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"],
+    "preset": { "columns": 1, "photo": "none", "length": "short" }
+  },
+  {
+    "id": "llano",
+    "name": "Llano",
+    "description": "El más sobrio y compacto, en sans: títulos en negrita del color de acento y cada entrada en un renglón, con el cargo y la institución. Una columna, legible para ATS.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"],
+    "preset": { "columns": 1, "photo": "none", "length": "short" }
+  },
+  {
+    "id": "arco",
+    "name": "Arco",
+    "description": "Para un CV con pocas cosas: un panel de color a la izquierda con la foto en arco (o las iniciales), el nombre grande en serif, el subtítulo y el resumen en una tarjeta suave y títulos con una línea fina. Dos columnas.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"]
+  },
+  {
+    "id": "rotulo",
+    "name": "Rótulo",
+    "description": "Liviano y con aire: la foto en un círculo con aro de color (o las iniciales), el nombre grande en dos renglones, el subtítulo en mayúsculas espaciadas y cada título sobre un rótulo de color. Dos columnas separadas por una línea fina.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"]
+  },
+  {
+    "id": "portada",
+    "name": "Portada",
+    "description": "Editorial, como una revista: el contacto en mayúsculas arriba, la foto junto al nombre muy grande, y cada parte en su fila, con el título a la izquierda en serif y una raya entre filas. Las habilidades cierran la hoja en columnas.",
+    "options": ["photo", "font", "fontSize", "accent", "margins", "density", "paper", "dateFormat", "labels"]
+  }
+]

package/package.json

@@ -1,6 +1,46 @@
 {
   "name": "@bafif/foja",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Build CVs with Typst from a Foja project: PDF, SVG, Typst, LaTeX, Markdown, JSON and Word",
+  "license": "GPL-3.0-only",
+  "type": "module",
+  "bin": {
+    "foja": "dist/foja.mjs"
+  },
+  "engines": {
+    "node": ">=24"
+  },
+  "dependencies": {
+    "@myriaddreamin/typst-ts-node-compiler": "0.7.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bafif/foja.git",
+    "directory": "packages/cli"
+  },
+  "homepage": "https://github.com/bafif/foja",
+  "keywords": [
+    "cv",
+    "resume",
+    "typst",
+    "pdf",
+    "latex",
+    "docx"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node build.mjs",
+    "prepack": "node build.mjs"
+  },
+  "devDependencies": {
+    "@foja/core": "*",
+    "@foja/template": "*"
+  }
+}