foliko 1.0.87 → 1.1.0

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,32 @@
+/**
+ * 多边形元素
+ */
+
+const paper = require('paper')
+
+/**
+ * 添加多边形
+ */
+function addPolygon(project, args) {
+  const {
+    cx, cy, radius, sides,
+    fill, stroke, strokeWidth, opacity,
+  } = args
+
+  const polygon = new paper.Path.RegularPolygon({
+    center: [cx, cy],
+    radius: radius,
+    sides: sides,
+  })
+
+  if (fill) polygon.fillColor = new paper.Color(fill)
+  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,38 @@
+/**
+ * 文字元素
+ */
+
+const paper = require('paper')
+const { validateFont, getDefaultFont } = require('../fonts')
+
+/**
+ * 添加文字
+ */
+function addText(project, args) {
+  const {
+    text,
+    x, y,
+    fontSize, fontFamily, color,
+    align,
+    shadow,
+  } = args
+
+  const textItem = new paper.PointText({
+    point: [x, y],
+    content: text,
+    fontSize: fontSize || 48,
+    fontFamily: validateFont(fontFamily) || getDefaultFont(),
+    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

package/.agent/plugins/poster-plugin/src/fonts.js

@@ -0,0 +1,118 @@
+/**
+ * 字体管理模块
+ */
+
+const path = require('path')
+const fs = require('fs')
+const { registerFont: registerFontFn } = require('canvas')
+
+// 已注册的字体
+const registeredFonts = new Map()
+
+// 系统字体路径
+const systemFonts = [
+  { path: 'C:\\Windows\\Fonts\\msyh.ttc', family: 'Microsoft YaHei' },
+  { path: 'C:\\Windows\\Fonts\\msyhbd.ttc', family: 'Microsoft YaHei Bold', weight: 'bold' },
+  { path: 'C:\\Windows\\Fonts\\simhei.ttf', family: 'SimHei' },
+  { path: 'C:\\Windows\\Fonts\\simsun.ttc', family: 'SimSun' },
+  { path: 'C:\\Windows\\Fonts\\Arial.ttf', family: 'Arial' },
+  { path: 'C:\\Windows\\Fonts\\Times New Roman.ttf', family: 'Times New Roman' },
+  { path: 'C:\\Windows\\Fonts\\Consolas.ttf', family: 'Consolas' },
+  { path: 'C:\\Windows\\Fonts\\Georgia.ttf', family: 'Georgia' },
+]
+
+// 默认字体
+let defaultFontFamily = 'sans-serif'
+
+/**
+ * 注册字体文件
+ */
+function registerFontFile(fontPath, fontFamily, options = {}) {
+  if (registeredFonts.has(fontFamily)) {
+    return true
+  }
+
+  try {
+    if (!fs.existsSync(fontPath)) {
+      return false
+    }
+
+    registerFontFn(fontPath, {
+      family: fontFamily,
+      weight: options.weight || 'normal',
+      style: options.style || 'normal',
+    })
+
+    registeredFonts.set(fontFamily, {
+      path: fontPath,
+      ...options,
+    })
+
+    return true
+  } catch (e) {
+    console.log(`[poster] 注册字体失败: ${fontFamily}`, e.message)
+    return false
+  }
+}
+
+/**
+ * 初始化字体
+ */
+function initFonts() {
+  // 优先尝试注册系统字体
+  for (const font of systemFonts) {
+    if (registerFontFile(font.path, font.family, { weight: font.weight })) {
+      if (font.weight !== 'bold') {
+        defaultFontFamily = font.family
+        console.log(`[poster] 已注册系统字体: ${font.family}`)
+        break
+      }
+    }
+  }
+
+  // 确保有默认字体
+  if (!registeredFonts.has(defaultFontFamily)) {
+    registeredFonts.set('sans-serif', { path: null })
+    console.log('[poster] 使用默认字体: sans-serif')
+  }
+}
+
+/**
+ * 验证字体是否可用
+ */
+function validateFont(fontFamily) {
+  if (!fontFamily) return defaultFontFamily
+  if (registeredFonts.has(fontFamily)) return fontFamily
+
+  const lower = fontFamily.toLowerCase()
+  for (const [name] of registeredFonts) {
+    if (name.toLowerCase() === lower) return name
+  }
+
+  //console.log(`[poster] 字体 "${fontFamily}" 未找到，使用默认字体: ${defaultFontFamily}`)
+  return defaultFontFamily
+}
+
+/**
+ * 获取已注册字体列表
+ */
+function getRegisteredFonts() {
+  return Array.from(registeredFonts.keys())
+}
+
+/**
+ * 获取默认字体
+ */
+function getDefaultFont() {
+  return defaultFontFamily
+}
+
+// 初始化
+initFonts()
+
+module.exports = {
+  registerFontFile,
+  validateFont,
+  getRegisteredFonts,
+  getDefaultFont,
+}