foliko 1.1.8 → 1.1.9

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

@@ -1,69 +0,0 @@
-/**
- * 艺术文字元素 - 使用 @napi-rs/canvas 原生字体 API
- */
-
-const paper = require('paper')
-const {
-  validateFont,
-  getDefaultFontFamily,
-  getFontFallbackChain
-} = require('../fonts')
-
-/**
- * 添加艺术文字
- */
-function addArtText(project, args) {
-  const {
-    text,
-    x, y,
-    fontSize,
-    fontFamily,
-    gradient,
-    strokeColor,
-    strokeWidth,
-    shadow,
-  } = args
-
-  // 获取字体
-  const baseFont = validateFont(fontFamily) || getDefaultFontFamily()
-  const chain = getFontFallbackChain(fontFamily || baseFont, text)
-  const font = chain.length === 1 ? chain[0] : chain.join(', ')
-
-  const textItem = new paper.PointText({
-    point: [x, y],
-    content: text,
-    fontSize: fontSize || 120,
-    fontFamily: font,
-    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 || '#000000')
-    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

@@ -1,99 +0,0 @@
-/**
- * 背景元素
- */
-
-const paper = require('paper')
-const { loadImageAsRaster } = require('../utils/imageLoader')
-
-/**
- * 添加背景（支持纯色、渐变或图片）
- */
-async function addBackground(project, canvas, args) {
-  const { color, gradient, image } = args
-
-  if (image) {
-    const { raster } = await loadImageAsRaster(project, image, { x: 0, y: 0 })
-
-    raster.onLoad = () => {
-      // 计算缩放比例，使图片覆盖整个画布（cover 模式）
-      const canvasRatio = canvas.width / canvas.height
-      const imageRatio = raster.width / raster.height
-
-      let scaledWidth, scaledHeight, offsetX, offsetY
-
-      if (imageRatio > canvasRatio) {
-        // 图片更宽，以高度为基准缩放
-        scaledHeight = canvas.height
-        scaledWidth = raster.width * (canvas.height / raster.height)
-        offsetX = (canvas.width - scaledWidth) / 2
-        offsetY = 0
-      } else {
-        // 图片更高，以宽度为基准缩放
-        scaledWidth = canvas.width
-        scaledHeight = raster.height * (canvas.width / raster.width)
-        offsetX = 0
-        offsetY = (canvas.height - scaledHeight) / 2
-      }
-
-      raster.bounds = new paper.Rectangle(offsetX, offsetY, scaledWidth, scaledHeight)
-      raster.sendToBack()
-    }
-
-    return { success: true, message: 'Background image added' }
-  }
-
-  if (gradient) {
-    const { type, colors, direction } = gradient
-    const paperColors = colors.map(c => new paper.Color(c))
-
-    let gradientConfig
-    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
-      )
-      gradientConfig = {
-        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
-      gradientConfig = {
-        gradient: { stops: paperColors },
-        origin: center,
-        destination: center.add(new paper.Point(radius, 0)),
-      }
-    }
-
-    // 创建矩形背景元素（确保导出时能正确渲染渐变）
-    const bg = new paper.Path.Rectangle({
-      point: [0, 0],
-      size: [canvas.width, canvas.height],
-      fillColor: new paper.Color(gradientConfig),
-    })
-    bg.sendToBack()
-  } else if (color) {
-    // 创建矩形背景元素（确保导出时能正确渲染）
-    const bg = new paper.Path.Rectangle({
-      point: [0, 0],
-      size: [canvas.width, canvas.height],
-      fillColor: new paper.Color(color),
-    })
-    bg.sendToBack()
-  } else {
-    throw new Error('Must provide color, gradient, or image')
-  }
-
-  return { success: true, message: 'Background added' }
-}
-
-module.exports = addBackground

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

@@ -1,31 +0,0 @@
-/**
- * 圆形/椭圆元素
- */
-
-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

@@ -1,28 +0,0 @@
-/**
- * 图片元素
- */
-
-const paper = require('paper')
-const { loadImageAsRaster } = require('../utils/imageLoader')
-
-/**
- * 添加图片（支持本地路径、URL、Base64）
- */
-async function addImage(project, args) {
-  const { src, x, y, width, height, opacity } = args
-
-  try {
-    const { raster } = await loadImageAsRaster(project, src, { x, y, width, height }, opacity)
-
-    return {
-      success: true,
-      id: raster.id,
-      type: 'image',
-      path: src,
-    }
-  } catch (err) {
-    return { success: false, error: `Failed to load image: ${err.message}` }
-  }
-}
-
-module.exports = addImage

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

@@ -1,28 +0,0 @@
-/**
- * 基础元素模块导出
- */
-
-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 addRichText = require('./richText')
-const addBackground = require('./background')
-const { addSVG, exportSVG } = require('./svg')
-
-module.exports = {
-  addRectangle,
-  addCircle,
-  addLine,
-  addPolygon,
-  addImage,
-  addText,
-  addArtText,
-  addRichText,
-  addBackground,
-  addSVG,
-  exportSVG,
-}

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

@@ -1,23 +0,0 @@
-/**
- * 线条元素
- */
-
-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

@@ -1,63 +0,0 @@
-/**
- * 多边形元素
- */
-
-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

@@ -1,32 +0,0 @@
-/**
- * 矩形元素
- */
-
-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/richText.js

@@ -1,283 +0,0 @@
-/**
- * 富文本组件 - 使用 @napi-rs/canvas 原生字体 API
- * 支持自动换行
- */
-
-const paper = require('paper')
-const {
-  validateFont,
-  getDefaultFontFamily,
-  getFontFallbackChain,
-  isEmojiFont
-} = require('../fonts')
-
-/**
- * 检测文本是否包含 emoji
- */
-function containsEmoji(text) {
-  if (!text || typeof text !== 'string') return false
-  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,
-    /\u2600-\u26FF/u,
-    /\u2700-\u27BF/u,
-  ]
-  for (const range of emojiRanges) {
-    if (range.test(text)) return true
-  }
-  return false
-}
-
-/**
- * 检测文本是否包含中文
- */
-function containsChinese(text) {
-  if (!text || typeof text !== 'string') return false
-  return /[\u4e00-\u9fff]/.test(text)
-}
-
-/**
- * 获取适合的字体
- */
-function getFontForText(requestedFont, text) {
-  const baseFont = validateFont(requestedFont) || getDefaultFontFamily()
-  const chain = getFontFallbackChain(requestedFont || baseFont, text)
-
-  if (chain.length === 1) {
-    return chain[0]
-  }
-
-  return chain.join(', ')
-}
-
-/**
- * 手动实现文本自动换行
- */
-function wrapText(text, maxWidth, fontSize, font) {
-  if (!maxWidth || maxWidth <= 0) return [text]
-
-  const tempText = new paper.PointText({
-    fontSize,
-    fontFamily: font,
-  })
-
-  const lines = []
-  const paragraphs = text.split('\n')
-
-  for (const paragraph of paragraphs) {
-    let currentLine = ''
-
-    // 简单字符分割
-    const chars = [...paragraph]
-
-    for (const char of chars) {
-      const testLine = currentLine + char
-      tempText.content = testLine
-      const testWidth = tempText.bounds.width
-
-      if (testWidth > maxWidth && currentLine.length > 0) {
-        lines.push(currentLine)
-        currentLine = char
-      } else {
-        currentLine = testLine
-      }
-    }
-
-    if (currentLine.length > 0) {
-      lines.push(currentLine)
-    }
-  }
-
-  tempText.remove()
-  return lines
-}
-
-/**
- * 添加富文本
- */
-function addRichText(project, args) {
-  const {
-    x = 0,
-    y = 0,
-    width,
-
-    text = '',
-
-    fontSize = 48,
-    fontFamily,
-    fontWeight,
-    fontStyle,
-    italic = false,
-    bold = false,
-
-    underline = false,
-    strikethrough = false,
-
-    color = '#ffffff',
-    backgroundColor,
-    gradient,
-
-    strokeColor,
-    strokeWidth = 1,
-
-    shadow,
-
-    letterSpacing = 0,
-    lineSpacing = 0,
-    lineHeight,
-
-    align = 'left',
-
-    rotation = 0,
-    scale,
-
-    opacity = 1,
-
-    wrap = true,
-  } = args
-
-  const font = getFontForText(fontFamily, text)
-  const effectiveFontWeight = bold ? 'bold' : (fontWeight || 'normal')
-  const effectiveFontStyle = italic ? 'italic' : (fontStyle || 'normal')
-
-  const actualLineHeight = lineHeight || (fontSize + lineSpacing)
-
-  // 文本换行
-  let textLines = [text]
-  if (wrap && width && width > 0) {
-    textLines = wrapText(text, width - 10, fontSize, font)
-  }
-
-  // 创建组
-  const group = new paper.Group()
-
-  // 逐行创建文本
-  textLines.forEach((lineText, index) => {
-    const lineY = y + fontSize + index * actualLineHeight
-
-    const textItem = new paper.PointText({
-      point: [x, lineY],
-      content: lineText,
-      fontSize,
-      fontFamily: font,
-      fontWeight: effectiveFontWeight,
-      fontStyle: effectiveFontStyle,
-      fillColor: new paper.Color(color),
-      justification: align,
-    })
-
-    if (letterSpacing !== 0) {
-      textItem.letterSpacing = letterSpacing
-    }
-
-    if (underline || strikethrough) {
-      textItem.decorations = []
-      if (underline) textItem.decorations.push('underline')
-      if (strikethrough) textItem.decorations.push('strikethrough')
-    }
-
-    if (strokeColor) {
-      textItem.strokeColor = new paper.Color(strokeColor)
-      textItem.strokeWidth = strokeWidth
-    }
-
-    if (shadow) {
-      textItem.shadowColor = new paper.Color(shadow.color || '#000000')
-      textItem.shadowBlur = shadow.blur || 5
-      textItem.shadowOffset = new paper.Point(shadow.offsetX || 2, shadow.offsetY || 2)
-    }
-
-    if (opacity !== 1) {
-      textItem.opacity = opacity
-    }
-
-    group.addChild(textItem)
-  })
-
-  // 渐变填充
-  if (gradient && gradient.colors && gradient.colors.length > 0) {
-    const colors = gradient.colors.map(c => new paper.Color(c))
-    const bounds = group.bounds
-
-    if (gradient.direction !== undefined) {
-      const angle = gradient.direction * Math.PI / 180
-      const diagonal = Math.sqrt(bounds.width ** 2 + bounds.height ** 2)
-      group.fillColor = new paper.Color({
-        gradient: { stops: colors },
-        origin: new paper.Point(
-          bounds.center.x - Math.cos(angle) * diagonal / 2,
-          bounds.center.y - Math.sin(angle) * diagonal / 2
-        ),
-        destination: new paper.Point(
-          bounds.center.x + Math.cos(angle) * diagonal / 2,
-          bounds.center.y + Math.sin(angle) * diagonal / 2
-        ),
-      })
-    } else {
-      group.fillColor = new paper.Color({
-        gradient: { stops: colors },
-        origin: bounds.topLeft,
-        destination: bounds.topRight,
-      })
-    }
-
-    group.children.forEach(child => {
-      if (child.fillColor) {
-        child.fillColor = null
-      }
-    })
-  }
-
-  // 背景色
-  let bgRect = null
-  if (backgroundColor) {
-    const padding = 10
-    bgRect = new paper.Path.Rectangle({
-      point: [group.bounds.left - padding, group.bounds.top - padding],
-      size: [group.bounds.width + padding * 2, group.bounds.height + padding * 2],
-      fillColor: new paper.Color(backgroundColor),
-      radius: 4,
-    })
-    bgRect.sendToBack()
-  }
-
-  // 旋转
-  if (rotation !== 0) {
-    group.rotate(rotation, new paper.Point(x, y + fontSize))
-    if (bgRect) bgRect.rotate(rotation, bgRect.bounds.center)
-  }
-
-  // 缩放
-  if (scale !== undefined) {
-    if (typeof scale === 'number') {
-      group.scale(scale, scale, new paper.Point(x, y + fontSize))
-      if (bgRect) bgRect.scale(scale, scale, bgRect.bounds.center)
-    } else if (typeof scale === 'object') {
-      const sx = scale.x || 1
-      const sy = scale.y || sx
-      group.scale(sx, sy, new paper.Point(x, y + fontSize))
-      if (bgRect) bgRect.scale(sx, sy, bgRect.bounds.center)
-    }
-  }
-
-  return {
-    success: true,
-    id: group.id,
-    type: 'richText',
-    bounds: {
-      x: group.bounds.x,
-      y: group.bounds.y,
-      width: group.bounds.width,
-      height: group.bounds.height,
-    }
-  }
-}
-
-module.exports = addRichText