tikzify 0.0.11 → 0.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tikzify",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "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 } from './common'
+import { colorMap, defineColors, Emoji, fromSvg, getColors, gradient, svgTex, type Transform } from './common'
 import { emojiMap } from './emojis'
 
 
@@ -10,8 +10,8 @@ const Page = z.object({
     textBg: z.string(),
     text: z.array(z.string()),
     emojis: z.object({
-        text: z.array(Emoji),
-        image: z.array(Emoji)
+        text: z.array(Emoji).length(3),
+        image: z.array(Emoji).length(3),
     }),
     jpgBase64: z.string().max(256_000)
 })
@@ -22,22 +22,30 @@ export const Book = z.object({
     pages: z.array(Page),
 })
 
+const TRANSFORMS_TEXT: Transform[] = [
+    { x: 10, y: 15, scale: 2.3, rotate: -15, },
+    { x: 300, y: 220, scale: 2.1, rotate: 15, },
+    { x: 10, y: 280, scale: 1.7, rotate: -10, },
+]
+
+const TRANSFORMS_IMAGE: Transform[] = [
+    { x: -170, y: -120, scale: 1.8, rotate: -15 },
+    { x: 130, y: -120, scale: 2.2, rotate: 15 },
+    { x: 100, y: 80, scale: 2.3, rotate: 10 }
+]
+
 export function bookTex(book: Book) {
     const pages = book.pages
 
-    const emojis = Object.fromEntries(
-        pages.flatMap(p => [...p.emojis.text, ...p.emojis.image].map(e => {
-            const svg = emojiMap[e.emoji]
-            return [e.emoji, {
-                ...e,
-                emoji: fromSvg(svg!)
-            }]
-        }
-        )))
+    const emojiElements = Object.fromEntries(
+        pages.flatMap(p => [...p.emojis.text, ...p.emojis.image].map(emoji => {
+            const svg = emojiMap[emoji]
+            return [emoji, fromSvg(svg!)]
+        })))
 
     const gradColors = pages.flatMap(p => p.gradient)
     const textBgColors = pages.map(p => p.textBg)
-    const emojiColors = Object.values(emojis).flatMap(es => es.emoji.flatMap(getColors))
+    const emojiColors = Object.values(emojiElements).flatMap(es => es.flatMap(getColors))
     const colors = colorMap(new Set([
         ...gradColors,
         ...textBgColors,
@@ -81,15 +89,16 @@ ${book.pages.map((page, i) => {
 
         assert(c1 && c2, `Gradient colors ${page.gradient} must be defined in page ${i}`)
 
-        function es(es: Emoji[]) {
-            return es.map(({ emoji, x, y, scale, rotate }) => {
-                assert(emoji && emoji in emojis, `Emoji ${emoji} not found`)
-                return svgTex({ x, y, scale, rotate }, emojis[emoji]!.emoji, colors)
+        function emojisTex(emojis: string[], transforms: Transform[]) {
+            assert(emojis.length <= transforms.length)
+            return emojis.map((emoji, i) => {
+                const els = emojiElements[emoji]!
+                return svgTex(transforms[i]!, els, colors)
             }).join('\n')
         }
 
-        const esText = es(page.emojis.text)
-        const esImage = es(page.emojis.image)
+        const esText = emojisTex(page.emojis.text, TRANSFORMS_TEXT)
+        const esImage = emojisTex(page.emojis.image, TRANSFORMS_IMAGE)
         const rtl = book.dir === 'rtl'
 
         const image = String.raw`
@@ -119,7 +128,7 @@ ${esImage}
 \shade[shading=axis, bottom color=c${colors[c1]}, top color=c${colors[c2]}, shading angle=45] 
 (current page.south west) rectangle ([xshift=148.5mm]current page.north east);
 \fill[
-opacity=0.5,
+opacity=0.2,
 color=c${colors[page.textBg]},
 yshift=-20,
 xscale=380,

package/src/common.ts

@@ -4,18 +4,7 @@ import { z } from 'zod'
 
 export const gradient = z.array(z.string()).length(2)
 
-export type Transform = z.infer<typeof Transform>
-export const Transform = z.object({
-    x: z.number(),
-    y: z.number(),
-    scale: z.number(),
-    rotate: z.number(),
-})
-
-export type Emoji = z.infer<typeof Emoji>
-export const Emoji = Transform.extend({
-    emoji: z.string().max(8)
-})
+export const Emoji = z.string().max(8)
 
 type Path = z.infer<typeof Path>
 const Path = z.object({
@@ -164,6 +153,13 @@ export function defineColors(colors: Record<string, number>) {
     return Object.entries(colors).map(([color, i]) => `\\definecolor{c${i}}{HTML}{${color.replace('#', '')}}`).join('\n')
 }
 
+export interface Transform {
+    x: number
+    y: number
+    scale: number
+    rotate: number
+}
+
 export function svgTex({ x, y, scale, rotate }: Transform, es: Element[], colors: Record<string, number>) {
     return String.raw`
 \begin{scope}[x=1pt, y=1pt, xshift=${x}, scale=${scale}, yscale=-1, yshift=${y}, rotate=${rotate}]

package/src/cover.ts

@@ -1,7 +1,7 @@
 
 import assert from "assert"
 import { z } from "zod"
-import { colorMap, defineColors, Emoji, fromSvg, getColors, svgTex } from "./common"
+import { colorMap, defineColors, Emoji, fromSvg, getColors, svgTex, type Transform } from "./common"
 import { emojiMap } from "./emojis"
 
 
@@ -19,6 +19,7 @@ export const Cover = z.object({
     jpgBase64: z.string().max(256_000),
 })
 
+const TRANSFORM: Transform = { x: -220, y: 60, scale: 2.3, rotate: -15 }
 export function coverTex({
     gradient,
     emoji,
@@ -33,7 +34,7 @@ export function coverTex({
 
     const [c1, c2] = gradient
     assert(c1 && c2, "Gradient must have two colors")
-    const el = fromSvg(emojiMap[emoji.emoji]!)
+    const el = fromSvg(emojiMap[emoji]!)
     const colors = colorMap(new Set([...gradient, ...el.flatMap(getColors)]))
 
     return String.raw`
@@ -153,7 +154,7 @@ xshift=-170,
 scale=340] svg "M 0.97 0.37 C 0.95 0.26 0.94 0.11 0.85 0.05 C 0.76 0.00 0.54 0.02 0.41 0.05 C 0.28 0.08 0.12 0.10 0.06 0.24 C 0.00 0.37 0.00 0.73 0.05 0.85 C 0.11 0.97 0.26 0.94 0.39 0.96 C 0.51 0.98 0.71 1.00 0.80 0.96 C 0.90 0.92 0.94 0.82 0.97 0.72 C 1.00 0.62 0.99 0.48 0.97 0.37 C 0.95 0.26 0.94 0.11 0.85 0.05";
 \node[opacity=.75] at (0,0) {\includegraphics[width=12cm]{cover.jpg}};
 \end{scope}
-${svgTex(emoji, el, colors)}
+${svgTex(TRANSFORM, el, colors)}
 \end{tikzpicture}
 \end{minipage}
 \end{minipage}