foliko 1.0.87 → 1.1.1

package/.agent/plugins/poster-plugin/src/elements/artText.js

@@ -0,0 +1,60 @@
+/**
+ * 艺术文字元素
+ */
+
+const paper = require('paper')
+const { validateFont, getDefaultFont } = require('../fonts')
+
+/**
+ * 添加艺术文字
+ */
+function addArtText(project, args) {
+  const {
+    text,
+    x, y,
+    fontSize,
+    fontFamily,
+    gradient,
+    strokeColor,
+    strokeWidth,
+    shadow,
+  } = args
+
+  const textItem = new paper.PointText({
+    point: [x, y],
+    content: text,
+    fontSize: fontSize || 120,
+    fontFamily: validateFont(fontFamily) || getDefaultFont(),
+    fillColor: gradient
+      ? new paper.Color(gradient.colors[0])
+      : new paper.Color('#ffffff'),
+    justification: 'center',
+  })
+
+  // 应用渐变
+  if (gradient && gradient.colors.length > 0) {
+    const colors = gradient.colors.map(c => new paper.Color(c))
+    textItem.fillColor = new paper.Color({
+      gradient: { stops: colors },
+      origin: textItem.bounds.topLeft,
+      destination: textItem.bounds.topRight,
+    })
+  }
+
+  // 应用描边
+  if (strokeColor) {
+    textItem.strokeColor = new paper.Color(strokeColor)
+    textItem.strokeWidth = strokeWidth || 2
+  }
+
+  // 应用阴影
+  if (shadow) {
+    textItem.shadowColor = new paper.Color(shadow.color)
+    textItem.shadowBlur = shadow.blur || 10
+    textItem.shadowOffset = new paper.Point(shadow.offsetX || 3, shadow.offsetY || 3)
+  }
+
+  return { success: true, id: textItem.id, type: 'artText' }
+}
+
+module.exports = addArtText

package/.agent/plugins/poster-plugin/src/elements/background.js

@@ -0,0 +1,52 @@
+/**
+ * 背景元素
+ */
+
+const paper = require('paper')
+
+/**
+ * 添加背景
+ */
+function addBackground(project, canvas, args) {
+  const { color, gradient } = args
+
+  if (gradient) {
+    const { type, colors, direction } = gradient
+    const paperColors = colors.map(c => new paper.Color(c))
+
+    if (type === 'linear') {
+      const angle = (direction || 45) * Math.PI / 180
+      const diagonal = Math.sqrt(canvas.width ** 2 + canvas.height ** 2)
+      const start = new paper.Point(
+        canvas.width / 2 - Math.cos(angle) * diagonal / 2,
+        canvas.height / 2 - Math.sin(angle) * diagonal / 2
+      )
+      const stop = new paper.Point(
+        canvas.width / 2 + Math.cos(angle) * diagonal / 2,
+        canvas.height / 2 + Math.sin(angle) * diagonal / 2
+      )
+      project.activeLayer.fillColor = new paper.Color({
+        gradient: { stops: paperColors },
+        origin: start,
+        destination: stop,
+      })
+    } else {
+      // radial
+      const center = new paper.Point(canvas.width / 2, canvas.height / 2)
+      const radius = Math.max(canvas.width, canvas.height) / 2
+      project.activeLayer.fillColor = new paper.Color({
+        gradient: { stops: paperColors },
+        origin: center,
+        destination: center.add(new paper.Point(radius, 0)),
+      })
+    }
+  } else if (color) {
+    project.activeLayer.fillColor = new paper.Color(color)
+  } else {
+    throw new Error('Must provide color or gradient')
+  }
+
+  return { success: true, message: 'Background added' }
+}
+
+module.exports = addBackground

package/.agent/plugins/poster-plugin/src/elements/circle.js

@@ -0,0 +1,31 @@
+/**
+ * 圆形/椭圆元素
+ */
+
+const paper = require('paper')
+
+/**
+ * 添加圆形或椭圆
+ */
+function addCircle(project, args) {
+  const {
+    cx, cy, rx, ry,
+    fill, stroke, strokeWidth, opacity,
+  } = args
+
+  const circle = new paper.Path.Ellipse({
+    center: [cx, cy],
+    radius: [rx, ry || rx],
+  })
+
+  if (fill) circle.fillColor = new paper.Color(fill)
+  if (stroke) {
+    circle.strokeColor = new paper.Color(stroke)
+    circle.strokeWidth = strokeWidth || 1
+  }
+  if (opacity !== undefined) circle.opacity = opacity
+
+  return { success: true, id: circle.id, type: 'circle' }
+}
+
+module.exports = addCircle

package/.agent/plugins/poster-plugin/src/elements/image.js

@@ -0,0 +1,71 @@
+/**
+ * 图片元素
+ */
+
+const paper = require('paper')
+const fs = require('fs')
+const path = require('path')
+
+/**
+ * 添加图片（支持本地路径、URL、Base64）
+ */
+function addImage(project, args) {
+  const { src, x, y, width, height, opacity } = args
+
+  try {
+    // 转换为绝对路径
+    let absolutePath = src
+    if (!path.isAbsolute(absolutePath)) {
+      absolutePath = path.join(process.cwd(), absolutePath)
+    }
+
+    // 检查文件是否存在
+    if (!fs.existsSync(absolutePath)) {
+      return { success: false, error: `文件不存在: ${absolutePath}` }
+    }
+
+    // 读取文件并转为 Base64
+    const buffer = fs.readFileSync(absolutePath)
+    const ext = path.extname(absolutePath).toLowerCase()
+    const mimeTypes = {
+      '.png': 'image/png',
+      '.jpg': 'image/jpeg',
+      '.jpeg': 'image/jpeg',
+      '.gif': 'image/gif',
+      '.webp': 'image/webp',
+      '.bmp': 'image/bmp'
+    }
+    const mimeType = mimeTypes[ext] || 'image/png'
+    const imageUrl = `data:${mimeType};base64,${buffer.toString('base64')}`
+
+    const raster = new paper.Raster(imageUrl)
+
+    // 等待图片加载完成
+    raster.onLoad = () => {
+      if (width && height) {
+        raster.bounds = new paper.Rectangle(x, y, width, height)
+      } else if (width) {
+        const scale = width / raster.width
+        raster.bounds = new paper.Rectangle(x, y, width, raster.height * scale)
+      } else if (height) {
+        const scale = height / raster.height
+        raster.bounds = new paper.Rectangle(x, y, raster.width * scale, height)
+      } else {
+        raster.position = new paper.Point(x, y)
+      }
+
+      if (opacity !== undefined) raster.opacity = opacity
+    }
+
+    return {
+      success: true,
+      id: raster.id,
+      type: 'image',
+      path: absolutePath,
+    }
+  } catch (err) {
+    return { success: false, error: `Failed to load image: ${err.message}` }
+  }
+}
+
+module.exports = addImage

package/.agent/plugins/poster-plugin/src/elements/index.js

@@ -0,0 +1,26 @@
+/**
+ * 基础元素模块导出
+ */
+
+const addRectangle = require('./rectangle')
+const addCircle = require('./circle')
+const addLine = require('./line')
+const addPolygon = require('./polygon')
+const addImage = require('./image')
+const addText = require('./text')
+const addArtText = require('./artText')
+const addBackground = require('./background')
+const { addSVG, exportSVG } = require('./svg')
+
+module.exports = {
+  addRectangle,
+  addCircle,
+  addLine,
+  addPolygon,
+  addImage,
+  addText,
+  addArtText,
+  addBackground,
+  addSVG,
+  exportSVG,
+}

package/.agent/plugins/poster-plugin/src/elements/line.js

@@ -0,0 +1,23 @@
+/**
+ * 线条元素
+ */
+
+const paper = require('paper')
+
+/**
+ * 添加线条
+ */
+function addLine(project, args) {
+  const { x1, y1, x2, y2, stroke, strokeWidth } = args
+
+  const line = new paper.Path.Line({
+    from: [x1, y1],
+    to: [x2, y2],
+    strokeColor: new paper.Color(stroke || '#ffffff'),
+    strokeWidth: strokeWidth || 2,
+  })
+
+  return { success: true, id: line.id, type: 'line' }
+}
+
+module.exports = addLine

package/.agent/plugins/poster-plugin/src/elements/polygon.js

@@ -0,0 +1,63 @@
+/**
+ * 多边形元素
+ */
+
+const paper = require('paper')
+
+/**
+ * 添加多边形
+ * 支持两种模式：
+ * 1. 规则多边形: cx, cy, radius, sides
+ * 2. 自定义多边形: points 数组 [[x1,y1], [x2,y2], ...]
+ */
+function addPolygon(project, args) {
+  const {
+    cx, cy, radius, sides,
+    points,
+    fill, stroke, strokeWidth, opacity,
+    x = 0, y = 0,
+  } = args
+
+  let polygon
+
+  if (points && Array.isArray(points)) {
+    // 使用自定义点创建多边形
+    // 每个点应该是 [relativeX, relativeY]，相对于 x, y 偏移
+    const pathData = points.map((pt, i) => {
+      const px = (Array.isArray(pt) ? pt[0] : pt) + x
+      const py = (Array.isArray(pt) ? pt[1] : 0) + y
+      return i === 0 ? [px, py] : [px, py]
+    })
+
+    polygon = new paper.Path({
+      segments: pathData,
+      closed: true,
+    })
+  } else if (cx !== undefined && cy !== undefined) {
+    // 使用中心点和半径创建规则多边形
+    polygon = new paper.Path.RegularPolygon({
+      center: [cx, cy],
+      radius: radius || 100,
+      sides: sides || 6,
+    })
+  } else {
+    throw new Error('Polygon requires either points array or cx/cy coordinates')
+  }
+
+  if (fill) {
+    polygon.fillColor = new paper.Color(fill)
+  } else {
+    polygon.fillColor = null
+  }
+  
+  if (stroke) {
+    polygon.strokeColor = new paper.Color(stroke)
+    polygon.strokeWidth = strokeWidth || 1
+  }
+  
+  if (opacity !== undefined) polygon.opacity = opacity
+
+  return { success: true, id: polygon.id, type: 'polygon' }
+}
+
+module.exports = addPolygon

package/.agent/plugins/poster-plugin/src/elements/rectangle.js

@@ -0,0 +1,32 @@
+/**
+ * 矩形元素
+ */
+
+const paper = require('paper')
+
+/**
+ * 添加矩形
+ */
+function addRectangle(project, args) {
+  const {
+    x, y, width, height,
+    fill, stroke, strokeWidth, radius, opacity,
+  } = args
+
+  const rect = new paper.Path.Rectangle({
+    point: [x, y],
+    size: [width, height],
+    radius: radius || 0,
+  })
+
+  if (fill) rect.fillColor = new paper.Color(fill)
+  if (stroke) {
+    rect.strokeColor = new paper.Color(stroke)
+    rect.strokeWidth = strokeWidth || 1
+  }
+  if (opacity !== undefined) rect.opacity = opacity
+
+  return { success: true, id: rect.id, type: 'rectangle' }
+}
+
+module.exports = addRectangle

package/.agent/plugins/poster-plugin/src/elements/svg.js

@@ -0,0 +1,92 @@
+/**
+ * SVG 元素
+ */
+
+const paper = require('paper')
+const fs = require('fs')
+
+/**
+ * 添加 SVG
+ * 
+ * @param {Object} project - Paper.js 项目
+ * @param {Object} args - 组件参数
+ * @param {string} args.src - SVG 文件路径或 SVG 字符串
+ * @param {number} args.x - X坐标
+ * @param {number} args.y - Y坐标
+ * @param {number} args.width - 宽度
+ * @param {number} args.height - 高度
+ * @param {number} args.opacity - 透明度 0-1
+ */
+function addSVG(project, args) {
+  const { src, x, y, width, height, opacity } = args
+
+  let svgContent = src
+
+  // 如果是文件路径，读取文件内容
+  if (!src.startsWith('<') && !src.startsWith('<?xml')) {
+    try {
+      svgContent = fs.readFileSync(src, 'utf8')
+    } catch (e) {
+      return { success: false, error: `Failed to read SVG file: ${e.message}` }
+    }
+  }
+
+  // 导入 SVG
+  const svg = paper.project.importSVG(svgContent)
+  
+  if (!svg) {
+    return { success: false, error: 'Failed to import SVG' }
+  }
+
+  // 设置位置
+  svg.position = new paper.Point(x, y)
+
+  // 设置尺寸
+  if (width && height) {
+    svg.bounds.width = width
+    svg.bounds.height = height
+  } else if (width) {
+    svg.scale(width / svg.bounds.width)
+  } else if (height) {
+    svg.scale(height / svg.bounds.height)
+  }
+
+  // 设置透明度
+  if (opacity !== undefined) {
+    svg.opacity = opacity
+  }
+
+  return {
+    success: true,
+    id: svg.id,
+    type: 'svg',
+    width: svg.bounds.width,
+    height: svg.bounds.height,
+  }
+}
+
+/**
+ * 创建 SVG 导出
+ * 
+ * @param {Object} project - Paper.js 项目
+ * @param {string} filename - 文件名
+ * @param {string} outputDir - 输出目录
+ */
+function exportSVG(project, filename, outputDir = '.') {
+  const svg = project.exportSVG({
+    asString: true,
+    bounds: 'content',
+  })
+
+  const filepath = require('path').join(outputDir, `${filename}.svg`)
+  fs.writeFileSync(filepath, svg)
+
+  return {
+    success: true,
+    filepath,
+    filename: `${filename}.svg`,
+    size: Buffer.byteLength(svg, 'utf8'),
+  }
+}
+
+module.exports = { addSVG, exportSVG }

package/.agent/plugins/poster-plugin/src/elements/text.js

@@ -0,0 +1,107 @@
+/**
+ * 文字元素
+ */
+
+const paper = require('paper')
+const { validateFont, getDefaultFont, getRegisteredFonts } = require('../fonts')
+
+/**
+ * 检测文本是否包含 emoji
+ */
+function containsEmoji(text) {
+  if (!text || typeof text !== 'string') return false
+  
+  // Emoji Unicode 范围
+  const emojiRanges = [
+    /\u{1F600}-\u{1F64F}/u, // 表情符号
+    /\u{1F300}-\u{1F5FF}/u, // 符号和图片
+    /\u{1F680}-\u{1F6FF}/u, // 交通和地图
+    /\u{1F700}-\u{1F77F}/u, // 字母符号
+    /\u{1F780}-\u{1F7FF}/u, // 几何符号扩展
+    /\u{1F800}-\u{1F8FF}/u, // 箭头补充
+    /\u{1F900}-\u{1F9FF}/u, // 表情符号补充
+    /\u{1FA00}-\u{1FA6F}/u, // 棋牌符号
+    /\u{1FA70}-\u{1FAFF}/u, // 装饰符号
+    /\u{2600}-\u{26FF}/u,   // 杂项符号
+    /\u{2700}-\u{27BF}/u,   // 装饰符号
+    /[\u{1F000}-\u{1F02F}]/u, // 麻将牌
+  ]
+
+  for (const range of emojiRanges) {
+    if (range.test(text)) {
+      return true
+    }
+  }
+
+  // 简单检测：包含常见 emoji 字符
+  const simpleEmoji = /[\u{1F300}-\u{1F9FF}]/u
+  return simpleEmoji.test(text)
+}
+
+/**
+ * 获取适合的字体（考虑 emoji）
+ */
+function getFontForText(requestedFont, text) {
+  const baseFont = validateFont(requestedFont) || getDefaultFont()
+
+  // 如果文本包含 emoji，尝试使用支持 emoji 的字体
+  if (containsEmoji(text)) {
+    const registeredFonts = getRegisteredFonts()
+
+    // 优先查找专门的 emoji 字体（多种命名方式）
+    const emojiFont = registeredFonts.find(f => {
+      if (!f) return false
+      const lower = f.toLowerCase()
+      return (
+        lower.includes('color emoji') ||      // Noto Color Emoji, Apple Color Emoji
+        lower.includes('noto emoji') ||       // Noto Emoji
+        lower.includes('segoe ui emoji') ||    // Windows emoji
+        lower.includes('symbola') ||           // Symbola
+        lower.includes('emoji')                // 任何包含 emoji 的字体
+      )
+    })
+
+    if (emojiFont) {
+      console.log(`[poster] 检测到 emoji，使用字体: ${emojiFont}`)
+      return emojiFont
+    } else {
+      console.log(`[poster] 检测到 emoji，但未找到专用 emoji 字体，已注册字体: ${registeredFonts.join(', ')}`)
+    }
+  }
+
+  return baseFont
+}
+
+/**
+ * 添加文字
+ */
+function addText(project, args) {
+  const {
+    text,
+    x, y,
+    fontSize, fontFamily, color,
+    align,
+    shadow,
+  } = args
+
+  const font = getFontForText(fontFamily, text)
+
+  const textItem = new paper.PointText({
+    point: [x, y],
+    content: text,
+    fontSize: fontSize || 48,
+    fontFamily: font,
+    fillColor: new paper.Color(color || '#ffffff'),
+    justification: align || 'left',
+  })
+
+  if (shadow) {
+    textItem.shadowColor = new paper.Color(shadow.color)
+    textItem.shadowBlur = shadow.blur || 5
+    textItem.shadowOffset = new paper.Point(shadow.offsetX || 2, shadow.offsetY || 2)
+  }
+
+  return { success: true, id: textItem.id, type: 'text' }
+}
+
+module.exports = addText