foliko 1.1.7 → 1.1.9

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

@@ -1,36 +0,0 @@
-/**
- * 预设尺寸配置
- */
-
-const PRESETS = {
-  // 海报
-  poster_a4: { width: 2480, height: 3508, name: 'A4海报 (300dpi)' },
-  poster_square: { width: 2000, height: 2000, name: '方形海报' },
-  poster_16_9: { width: 1920, height: 1080, name: '16:9海报' },
-  poster_4_3: { width: 1600, height: 1200, name: '4:3海报' },
-  poster_9_16: { width: 1080, height: 1920, name: '9:16竖版海报' },
-
-  // Banner
-  banner_1920x500: { width: 1920, height: 500, name: '网站Banner' },
-  banner_1200x400: { width: 1200, height: 400, name: '电商Banner' },
-  banner_750x300: { width: 750, height: 300, name: '移动端Banner' },
-  banner_468x60: { width: 468, height: 60, name: '小横幅' },
-  banner_twitter: { width: 1500, height: 500, name: 'Twitter封面' },
-
-  // 社交媒体
-  social_instagram: { width: 1080, height: 1080, name: 'Instagram正方形' },
-  social_story: { width: 1080, height: 1920, name: 'Instagram Story' },
-  social_facebook: { width: 1200, height: 630, name: 'Facebook封面' },
-  social_linkedin: { width: 1200, height: 627, name: 'LinkedIn封面' },
-  social_youtube: { width: 2560, height: 1440, name: 'YouTube封面' },
-
-  // 宣传图
-  promo_900x500: { width: 900, height: 500, name: '宣传图' },
-  promo_500x500: { width: 500, height: 500, name: '正方宣传图' },
-  promo_300x250: { width: 300, height: 250, name: '矩形广告' },
-
-  // 名片
-  card_standard: { width: 1058, height: 640, name: '标准名片 (300dpi)' },
-}
-
-module.exports = PRESETS

package/.agent/plugins/poster-plugin/src/templates/business.js

@@ -1,60 +0,0 @@
-/**
- * Business（商务专业风格）模板
- * 使用组件化方式实现
- */
-
-const { createFromConfig } = require('../composer')
-
-/**
- * 应用商务风格模板
- */
-async function applyBusinessTemplate(project, canvas, args) {
-  const { title, subtitle, background, accentColor } = args
-  const cx = canvas.width / 2
-
-  const bg = background || '#1e3a5f'
-  const accent = accentColor || '#c9a227'
-
-  const titleFontSize = Math.min(100, canvas.width / 12)
-  const subtitleFontSize = Math.min(36, canvas.width / 28)
-
-  const components = [
-    // 背景
-    { type: 'background', color: bg },
-    
-    // 顶部装饰线
-    { type: 'line', x1: 100, y1: 150, x2: canvas.width - 100, y2: 150, stroke: accent, strokeWidth: 4 },
-    
-    // 左侧装饰条
-    { type: 'rectangle', x: 80, y: 150, width: 8, height: canvas.height - 300, fill: accent },
-    
-    // 主标题
-    {
-      type: 'artText',
-      text: title,
-      x: cx,
-      y: canvas.height / 2 - 20,
-      fontSize: titleFontSize,
-      gradient: { colors: ['#ffffff', '#e0e0e0'] },
-      shadow: { color: 'rgba(0,0,0,0.3)', blur: 10 }
-    },
-    
-    // 副标题
-    ...(subtitle ? [{
-      type: 'text',
-      text: subtitle,
-      x: cx,
-      y: canvas.height / 2 + 60,
-      fontSize: subtitleFontSize,
-      color: '#cccccc',
-      align: 'center'
-    }] : []),
-    
-    // 底部装饰线
-    { type: 'line', x1: 100, y1: canvas.height - 150, x2: canvas.width - 100, y2: canvas.height - 150, stroke: accent, strokeWidth: 4 }
-  ]
-
-  return await createFromConfig(project, canvas, { components })
-}
-
-module.exports = applyBusinessTemplate

package/.agent/plugins/poster-plugin/src/templates/gradient.js

@@ -1,64 +0,0 @@
-/**
- * Gradient（渐变风格）模板
- */
-
-const { createFromConfig } = require('../composer')
-
-/**
- * 应用渐变风格模板
- */
-async function applyGradientTemplate(project, canvas, args) {
-  const { title, subtitle, background, accentColor } = args
-  const cx = canvas.width / 2
-  const cy = canvas.height / 2
-
-  const bg = background || '#667eea'
-  const accent = accentColor || '#764ba2'
-
-  const titleFontSize = Math.min(120, canvas.width / 10)
-
-  const components = [
-    // 渐变背景
-    {
-      type: 'background',
-      gradient: {
-        type: 'radial',
-        colors: [bg, accent, '#1a1a2e']
-      }
-    },
-    
-    // 装饰圆形
-    { type: 'circle', cx: canvas.width * 0.2, cy: canvas.height * 0.2, rx: 100, fill: '#ffffff', opacity: 0.1 },
-    { type: 'circle', cx: canvas.width * 0.8, cy: canvas.height * 0.7, rx: 150, fill: '#ffffff', opacity: 0.08 },
-    { type: 'circle', cx: canvas.width * 0.5, cy: canvas.height * 0.9, rx: 200, fill: '#000000', opacity: 0.2 },
-    
-    // 主标题
-    {
-      type: 'artText',
-      text: title,
-      x: cx,
-      y: cy - 20,
-      fontSize: titleFontSize,
-      gradient: { colors: ['#ffffff', '#e0e0e0'] },
-      shadow: { color: 'rgba(0,0,0,0.5)', blur: 20 }
-    },
-    
-    // 副标题
-    ...(subtitle ? [{
-      type: 'text',
-      text: subtitle,
-      x: cx,
-      y: cy + 80,
-      fontSize: 36,
-      color: '#ffffff',
-      align: 'center'
-    }] : []),
-    
-    // 底部装饰线
-    { type: 'line', x1: cx - 150, y1: cy + 150, x2: cx + 150, y2: cy + 150, stroke: '#ffffff', strokeWidth: 2, opacity: 0.5 }
-  ]
-
-  return await createFromConfig(project, canvas, { components })
-}
-
-module.exports = applyGradientTemplate

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

@@ -1,43 +0,0 @@
-/**
- * 模板模块导出
- */
-
-const applyModernTemplate = require('./modern')
-const applyBusinessTemplate = require('./business')
-const applySocialTemplate = require('./social')
-const applySimpleTemplate = require('./simple')
-const applyTechTemplate = require('./tech')
-const applyGradientTemplate = require('./gradient')
-
-const TEMPLATES = {
-  modern: applyModernTemplate,
-  business: applyBusinessTemplate,
-  social: applySocialTemplate,
-  simple: applySimpleTemplate,
-  tech: applyTechTemplate,
-  gradient: applyGradientTemplate,
-}
-
-/**
- * 应用模板
- */
-async function applyTemplate(project, canvas, templateName, args) {
-  const templateFn = TEMPLATES[templateName]
-  if (!templateFn) {
-    throw new Error(`Unknown template: ${templateName}. Available: ${Object.keys(TEMPLATES).join(', ')}`)
-  }
-  return await templateFn(project, canvas, args)
-}
-
-/**
- * 获取可用模板列表
- */
-function getAvailableTemplates() {
-  return Object.keys(TEMPLATES)
-}
-
-module.exports = {
-  applyTemplate,
-  getAvailableTemplates,
-  TEMPLATES,
-}

package/.agent/plugins/poster-plugin/src/templates/modern.js

@@ -1,69 +0,0 @@
-/**
- * Modern（现代科技风格）模板
- * 使用组件化方式实现
- */
-
-const { createFromConfig } = require('../composer')
-
-/**
- * 应用现代风格模板
- */
-async function applyModernTemplate(project, canvas, args) {
-  const { title, subtitle, background, accentColor } = args
-  const cx = canvas.width / 2
-  const cy = canvas.height / 2
-
-  const bg = background || '#1a1a2e'
-  const accent = accentColor || '#00d9ff'
-
-  // 计算装饰圆形位置
-  const circle1X = canvas.width * 0.85
-  const circle1Y = canvas.height * 0.15
-  const circle2X = canvas.width * 0.1
-  const circle2Y = canvas.height * 0.85
-  const circle3X = canvas.width * 0.9
-  const circle3Y = canvas.height * 0.8
-
-  // 计算字体大小
-  const titleFontSize = Math.min(120, canvas.width / 10)
-  const subtitleFontSize = Math.min(40, canvas.width / 25)
-
-  const components = [
-    // 背景
-    { type: 'background', color: bg },
-    
-    // 装饰圆形
-    { type: 'circle', cx: circle1X, cy: circle1Y, rx: 200, fill: accent, opacity: 0.2 },
-    { type: 'circle', cx: circle2X, cy: circle2Y, rx: 150, fill: accent, opacity: 0.15 },
-    { type: 'circle', cx: circle3X, cy: circle3Y, rx: 100, fill: '#00ff88', opacity: 0.1 },
-    
-    // 艺术标题
-    {
-      type: 'artText',
-      text: title,
-      x: cx,
-      y: cy - 30,
-      fontSize: titleFontSize,
-      gradient: { colors: [accent, '#00ff88'] },
-      shadow: { color: accent, blur: 20 }
-    },
-    
-    // 副标题
-    ...(subtitle ? [{
-      type: 'text',
-      text: subtitle,
-      x: cx,
-      y: cy + 80,
-      fontSize: subtitleFontSize,
-      color: '#aaaaaa',
-      align: 'center'
-    }] : []),
-    
-    // 分隔线
-    { type: 'line', x1: cx - 200, y1: cy + 50, x2: cx + 200, y2: cy + 50, stroke: accent, strokeWidth: 2 }
-  ]
-
-  return await createFromConfig(project, canvas, { components })
-}
-
-module.exports = applyModernTemplate

package/.agent/plugins/poster-plugin/src/templates/simple.js

@@ -1,58 +0,0 @@
-/**
- * Simple（简约留白风格）模板
- * 使用组件化方式实现
- */
-
-const { createFromConfig } = require('../composer')
-
-/**
- * 应用简约风格模板
- */
-async function applySimpleTemplate(project, canvas, args) {
-  const { title, subtitle, background, accentColor } = args
-  const cx = canvas.width / 2
-  const cy = canvas.height / 2
-
-  const bg = background || '#f5f5f5'
-  const accent = accentColor || '#333333'
-
-  const titleFontSize = Math.min(100, canvas.width / 12)
-  const subtitleFontSize = Math.min(36, canvas.width / 28)
-
-  const components = [
-    // 背景
-    { type: 'background', color: bg },
-    
-    // 装饰线条
-    { type: 'line', x1: cx - 100, y1: cy - 80, x2: cx + 100, y2: cy - 80, stroke: accent, strokeWidth: 1 },
-    
-    // 主标题
-    {
-      type: 'artText',
-      text: title,
-      x: cx,
-      y: cy - 20,
-      fontSize: titleFontSize,
-      gradient: { colors: [accent, '#666666'] },
-      shadow: { color: 'rgba(0,0,0,0.1)', blur: 5 }
-    },
-    
-    // 副标题
-    ...(subtitle ? [{
-      type: 'text',
-      text: subtitle,
-      x: cx,
-      y: cy + 60,
-      fontSize: subtitleFontSize,
-      color: '#666666',
-      align: 'center'
-    }] : []),
-    
-    // 装饰线条
-    { type: 'line', x1: cx - 100, y1: cy + 100, x2: cx + 100, y2: cy + 100, stroke: accent, strokeWidth: 1 }
-  ]
-
-  return await createFromConfig(project, canvas, { components })
-}
-
-module.exports = applySimpleTemplate

package/.agent/plugins/poster-plugin/src/templates/social.js

@@ -1,62 +0,0 @@
-/**
- * Social（社交媒体风格）模板
- * 使用组件化方式实现
- */
-
-const { createFromConfig } = require('../composer')
-
-/**
- * 应用社交媒体风格模板
- */
-async function applySocialTemplate(project, canvas, args) {
-  const { title, subtitle, background, accentColor } = args
-  const cx = canvas.width / 2
-  const cy = canvas.height / 2
-
-  const bg = background || '#2d3436'
-  const accent = accentColor || '#e84393'
-
-  const titleFontSize = Math.min(72, canvas.width / 14)
-  const subtitleFontSize = Math.min(32, canvas.width / 30)
-  const frameRadius = Math.min(250, canvas.width / 3)
-
-  const components = [
-    // 背景
-    { type: 'background', color: bg },
-    
-    // 中心圆形边框
-    { type: 'circle', cx: cx, cy: cy - 50, rx: frameRadius, stroke: accent, strokeWidth: 6, fill: 'transparent' },
-    { type: 'circle', cx: cx, cy: cy - 50, rx: frameRadius - 20, stroke: accent, strokeWidth: 1, opacity: 0.5, fill: 'transparent' },
-    
-    // 主标题
-    {
-      type: 'artText',
-      text: title,
-      x: cx,
-      y: cy - 30,
-      fontSize: titleFontSize,
-      gradient: { colors: ['#ffffff', '#e0e0e0'] },
-      shadow: { color: accent, blur: 15 }
-    },
-    
-    // 副标题
-    ...(subtitle ? [{
-      type: 'text',
-      text: subtitle,
-      x: cx,
-      y: cy + 40,
-      fontSize: subtitleFontSize,
-      color: '#dddddd',
-      align: 'center'
-    }] : []),
-    
-    // 底部装饰点
-    { type: 'circle', cx: cx - 30, cy: cy + 120, rx: 5, fill: accent, opacity: 0.5 },
-    { type: 'circle', cx: cx, cy: cy + 120, rx: 5, fill: accent, opacity: 0.7 },
-    { type: 'circle', cx: cx + 30, cy: cy + 120, rx: 5, fill: accent, opacity: 0.9 }
-  ]
-
-  return await createFromConfig(project, canvas, { components })
-}
-
-module.exports = applySocialTemplate

package/.agent/plugins/poster-plugin/src/templates/tech.js

@@ -1,84 +0,0 @@
-/**
- * Tech（科技感）模板
- */
-
-const { createFromConfig } = require('../composer')
-
-/**
- * 应用科技风格模板
- */
-async function applyTechTemplate(project, canvas, args) {
-  const { title, subtitle, background, accentColor } = args
-  const cx = canvas.width / 2
-  const cy = canvas.height / 2
-
-  const bg = background || '#0a0a0a'
-  const accent = accentColor || '#00ff00'
-
-  const titleFontSize = Math.min(100, canvas.width / 12)
-  const subtitleFontSize = Math.min(32, canvas.width / 28)
-
-  // 计算网格位置
-  const gridItems = []
-  const cols = 5
-  const rows = 3
-  const gridWidth = canvas.width * 0.8
-  const gridHeight = canvas.height * 0.3
-  const cellWidth = gridWidth / cols
-  const cellHeight = gridHeight / rows
-  const gridX = (canvas.width - gridWidth) / 2
-  const gridY = canvas.height * 0.7
-
-  for (let i = 0; i < cols; i++) {
-    for (let j = 0; j < rows; j++) {
-      gridItems.push({
-        type: 'rectangle',
-        x: gridX + i * cellWidth,
-        y: gridY + j * cellHeight,
-        width: cellWidth - 10,
-        height: cellHeight - 10,
-        stroke: accent,
-        strokeWidth: 0.5,
-        opacity: 0.3
-      })
-    }
-  }
-
-  const components = [
-    // 背景
-    { type: 'background', color: bg },
-    
-    // 顶部装饰线
-    { type: 'line', x1: 0, y1: 50, x2: canvas.width * 0.3, y2: 50, stroke: accent, strokeWidth: 2 },
-    { type: 'line', x1: canvas.width * 0.7, y1: 50, x2: canvas.width, y2: 50, stroke: accent, strokeWidth: 2 },
-    
-    // 主标题（霓虹效果）
-    {
-      type: 'artText',
-      text: title,
-      x: cx,
-      y: cy,
-      fontSize: titleFontSize,
-      gradient: { colors: [accent, '#00ffff'] },
-      shadow: { color: accent, blur: 30 }
-    },
-    
-    // 副标题
-    ...(subtitle ? [{
-      type: 'text',
-      text: subtitle,
-      x: cx,
-      y: cy + 80,
-      fontSize: subtitleFontSize,
-      color: '#888888',
-      align: 'center'
-    }] : []),
-    
-    // 网格装饰
-    ...gridItems
-  ]
-
-  return await createFromConfig(project, canvas, { components })
-}
-
-module.exports = applyTechTemplate

package/.agent/plugins/poster-plugin/src/utils/imageLoader.js

@@ -1,84 +0,0 @@
-/**
- * 图片加载工具 - 使用 canvas loadImage 加载图片（仅支持本地路径）
- */
-
-const { loadImage } = require('canvas')
-const paper = require('paper')
-const fs = require('fs')
-const path = require('path')
-
-/**
- * 解析图片源（仅支持本地路径）
- * @param {string} src - 图片源
- * @returns {Promise<{path: string, type: 'local'}>}
- */
-async function resolveImageSource(src) {
-  if (!src) {
-    throw new Error('Image source is required')
-  }
-
-  // 确保 src 是字符串
-  if (typeof src !== 'string') {
-    throw new Error('Image source must be a string')
-  }
-
-  // 本地路径
-  let absolutePath = src
-  if (!path.isAbsolute(absolutePath)) {
-    absolutePath = path.join(process.cwd(), absolutePath)
-  }
-
-  if (!fs.existsSync(absolutePath)) {
-    throw new Error(`图片文件不存在: ${absolutePath}`)
-  }
-
-  return { path: absolutePath, type: 'local' }
-}
-
-/**
- * 加载图片并创建 Paper.js Raster
- * @param {paper.Project} project - Paper.js 项目
- * @param {string} src - 图片源
- * @param {Object} bounds - 边界 {x, y, width?, height?}
- * @param {number} opacity - 透明度
- * @returns {Promise<{raster: paper.Raster, cleanup: function}>}
- */
-async function loadImageAsRaster(project, src, bounds = {}, opacity = 1) {
-  const { x = 0, y = 0, width, height } = bounds
-
-  // 解析图片源
-  const { path: imgPath } = await resolveImageSource(src)
-
-  // 使用 canvas loadImage 加载
-  const imageData = await loadImage(imgPath)
-
-  // 创建 Paper.js Raster
-  const raster = new paper.Raster(imageData)
-
-  // 添加到项目的活动层
-  if (project && project.activeLayer) {
-    project.activeLayer.addChild(raster)
-  }
-
-  // 设置位置和尺寸
-  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 { raster, cleanup: () => {} }
-}
-
-module.exports = {
-  loadImageAsRaster,
-  resolveImageSource,
-}

package/.agent/plugins/poster-plugin/test-background.svg

@@ -1 +0,0 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600" viewBox="0,0,800,600"><g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="sans-serif" font-weight="normal" font-size="40" text-anchor="middle" style="mix-blend-mode: normal"><text x="400" y="300">背景图片测试</text></g></svg>