tikzify 0.0.14 → 0.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tikzify",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "type": "module",
   "exports": "./src/index.ts",
   "files": [

package/src/book.ts

@@ -1,6 +1,6 @@
 import assert from 'assert'
 import z from 'zod'
-import { colorMap, defineColors, Emoji, fromSvg, getColors, gradient, svgTex, type Transform } from './common'
+import { color, colorMap, defineColors, Emoji, fromSvg, getColors, gradient, Lang, svgTex, type Transform } from './common'
 import { emojiMap } from './emojis'
 
 
@@ -18,7 +18,16 @@ const Page = z.object({
 
 export type Book = z.infer<typeof Book>
 export const Book = z.object({
-    dir: z.enum(['rtl', 'ltr']),
+    lang: Lang,
+
+    // FIRST PAGE
+    color: color,
+    title: z.string().max(256),
+    author: z.string().max(256),
+    date: z.coerce.date(),
+    heroJpgBase64: z.string().max(256_000),
+
+    // OTHER PAGES
     pages: z.array(Page),
 })
 
@@ -47,6 +56,7 @@ export function bookTex(book: Book) {
     const textBgColors = pages.map(p => p.textBg)
     const emojiColors = Object.values(emojiElements).flatMap(es => es.flatMap(getColors))
     const colors = colorMap(new Set([
+        book.color,
         ...gradColors,
         ...textBgColors,
         ...emojiColors
@@ -81,8 +91,25 @@ ${defineColors(colors)}
 
 \pagestyle{bigpagenumbers}
 
-\mbox{} 
+\pagecolor{c${colors[book.color]}!60}
+
+\vspace*{\fill}
+
+\begin{center}
+\begin{tikzpicture}
+\clip[] (0,0) circle (3.5cm);
+\node[opacity=0.8] at (0,0) {\includegraphics[width=7cm]{hero.jpg}};  
+\end{tikzpicture}
+
+\vspace{1cm}
+\Huge \textbf{${book.title}}\\[1cm]
+\LARGE ${book.author} \\[1cm]
+\normalsize \today \\[2cm]
+\end{center}
+\vspace*{\fill}
+
 \newpage
+\nopagecolor
 
 ${book.pages.map((page, i) => {
         const [c1, c2] = page.gradient
@@ -99,7 +126,7 @@ ${book.pages.map((page, i) => {
 
         const esText = emojisTex(page.emojis.text, TRANSFORMS_TEXT)
         const esImage = emojisTex(page.emojis.image, TRANSFORMS_IMAGE)
-        const rtl = book.dir === 'rtl'
+        const rtl = book.lang === 'he'
 
         const image = String.raw`
 \begin{tikzpicture}[remember picture, overlay]
@@ -149,11 +176,12 @@ ${page.text}
 \vspace*{\fill}
 \newpage
 `
+
         return [
             rtl ? image : text,
             rtl ? text : image,
         ].join('\n\n')
-    })}
+    }).join('\n\n')}
 
 \end{document}`
 }

package/src/common.ts

@@ -2,10 +2,14 @@ import assert from 'assert'
 import sax from 'sax'
 import { z } from 'zod'
 
-export const gradient = z.array(z.string()).length(2)
+export const color = z.string().length(7)
+export const gradient = z.array(color).length(2)
 
 export const Emoji = z.string().max(8)
 
+const langs = ['he', 'en'] as const
+export const Lang = z.enum(langs)
+
 type Path = z.infer<typeof Path>
 const Path = z.object({
     type: z.literal("path"),
@@ -22,6 +26,17 @@ const Circle = z.object({
     fill: z.string().optional(),
 })
 
+const Ellipse = z.object({
+    type: z.literal("ellipse"),
+    cx: z.number(),
+    cy: z.number(),
+    rx: z.number(),
+    ry: z.number(),
+    fill: z.string().optional(),
+})
+
+
+
 type Group = z.infer<typeof Group>
 const Group = z.object({
     type: z.literal("g"),
@@ -33,7 +48,7 @@ const Group = z.object({
 
 type types = Element["type"]
 type Element = z.infer<typeof Element>
-const Element = z.union([Group, Path, Circle])
+const Element = z.union([Group, Path, Circle, Ellipse])
 
 type Open = {
     [t in types]: (args: Omit<Extract<Element, { type: t }>, "type">) => void
@@ -65,6 +80,9 @@ export function fromSvg(svg: string): Group[] {
         circle(attrs) {
             push({ type: "circle", ...attrs })
         },
+        ellipse(attrs) {
+            push({ type: "ellipse", ...attrs })
+        },
         path(attrs) {
             push({ type: "path", ...attrs })
         },
@@ -79,6 +97,7 @@ export function fromSvg(svg: string): Group[] {
 
     const close: Close = {
         circle() { },
+        ellipse() { },
         path() { },
         g() {
             res.push({
@@ -136,6 +155,10 @@ export const toTikz: To = {
         return `\\fill[${fillStr(fill, colors)}] (${cx}, ${cy}) circle (${r});`
     },
 
+    ellipse({ cx, cy, rx, ry, fill }, colors) {
+        return `\\fill[${fillStr(fill, colors)}] (${cx}, ${cy}) ellipse (${rx} and ${ry});`
+    },
+
     path({ d, fill }, colors) {
         return `\\fill[${fillStr(fill, colors)}] svg {${d}};`
     },