evomeme 0.1.9 → 0.1.10-beta.13

package/dist/canvas-public/features/editing/seam-elimination.js

@@ -0,0 +1,46 @@
+import { state } from '../../core/state.js'
+import { t } from '../../language/index.js'
+import { modelField, promptField } from '../generation/fields.js'
+import { sourceImageParameters, sourcePreview } from './source-preview.js'
+
+export default {
+  render: (ui) => ui.stack(ui.view(), ui.prompt('prompt'), ui.field('model')),
+  menu: [{ group: 'map-tiles', accepts: ['image'] }],
+  id: 'seam-elimination',
+  title: 'html.text078',
+  storage: 'parameters',
+  node: {
+    type: 'feature_dialog',
+    width: 360,
+    minWidth: 300,
+    minHeight: 220,
+    generationInput: true,
+    classNames: ['is-interactive-ui', 'is-gen-dialog'],
+  },
+  fields: [promptField(), modelField(), { path: 'sourceSize', type: 'hidden', default: '' }],
+  setup: sourcePreview,
+  prefill: sourceImageParameters,
+  validate(p) {
+    const [width, height] = p.sourceSize.split('x').map(Number)
+    if (width !== height) return t('features.editing.imageProcessing.text004')
+    return (state.meta?.size_presets || []).includes(p.sourceSize)
+      ? ''
+      : t('features.editing.imageProcessing.text005') +
+          p.sourceSize +
+          t('features.editing.imageProcessing.text005.part1')
+  },
+  task(p, _services, item) {
+    return {
+      endpoint: '/api/eliminate-seams',
+      options: { allowExternalSync: true },
+      wait: {
+        name: t('features.editing.imageProcessing.text012'),
+        size: p.sourceSize,
+        model: p.model,
+        prompt: p.prompt.trim(),
+        references: [item.sourceId],
+      },
+      body: { id: item.sourceId, prompt: p.prompt.trim(), model: p.model },
+    }
+  },
+}

package/dist/canvas-public/features/editing/smart-split.js

@@ -0,0 +1,49 @@
+import { errorT } from '../../language/index.js'
+import { t } from '../../language/index.js'
+export default {
+  render: (ui) => ui.stack(ui.field('padToSameSize'), ui.field('anchor')),
+  menu: [{ group: 'image-split', accepts: ['image'] }],
+  id: 'smart-split',
+  title: 'html.text057',
+  storage: 'parameters',
+  node: {
+    type: 'feature_dialog',
+    width: 320,
+    minWidth: 260,
+    minHeight: 180,
+    generationInput: true,
+    classNames: ['is-interactive-ui', 'is-gen-dialog'],
+  },
+  fields: [
+    { path: 'padToSameSize', type: 'boolean', default: true, label: 'html.text089' },
+    {
+      path: 'anchor',
+      type: 'enum',
+      default: 'center',
+      label: 'html.text091',
+      visible: (p) => p.padToSameSize,
+      options: [
+        'top-left',
+        'top',
+        'top-right',
+        'left',
+        'center',
+        'right',
+        'bottom-left',
+        'bottom',
+        'bottom-right',
+      ].map((value, index) => ({ value, labelKey: `html.text${110 + index}` })),
+    },
+  ],
+  task(p, _services, item) {
+    return {
+      endpoint: '/api/smart-split',
+      wait: { name: t('features.editing.imageSplitting.text004'), references: [item.sourceId] },
+      body: { id: item.sourceId, anchor: p.anchor, pad_to_same_size: p.padToSameSize },
+      checkResult(result) {
+        if ((result.images || []).length < 2)
+          throw new Error(errorT('features.editing.imageSplitting.text005'))
+      },
+    }
+  },
+}

package/dist/canvas-public/features/editing/source-preview.js

@@ -0,0 +1,43 @@
+import { t, errorT } from '../../language/index.js'
+import { state } from '../../core/state.js'
+
+export async function sourceImageParameters(source, services) {
+  const dimensions = await new Promise((resolve, reject) => {
+    const image = new Image()
+    image.onload = () => resolve({ w: image.naturalWidth, h: image.naturalHeight })
+    image.onerror = () => reject(new Error(errorT('features.editing.imageProcessing.text009')))
+    image.src = services.imageUrl(source.id)
+  })
+  state.imageDims[source.id] = dimensions
+  const metadata = source.provenance?.metadata || {}
+  return {
+    prompt: services.imageSourceInput(source).prompt,
+    model:
+      source.provenance?.imageModel ||
+      source.gen?.model ||
+      state.meta?.default_model ||
+      'asset-pro',
+    sourceSize: `${dimensions.w}x${dimensions.h}`,
+    hasBackground:
+      metadata.hasBackground === true ||
+      (metadata.pipeline === 'scroll_image' &&
+        ['midground', 'foreground'].includes(metadata.layer)),
+    transparentBackground: metadata.transparentBackground === true,
+    backgroundColor: /^#[0-9a-f]{6}$/i.test(metadata.backgroundColor || '')
+      ? metadata.backgroundColor.toLowerCase()
+      : '#ff00ff',
+  }
+}
+
+export function sourcePreview(services) {
+  return {
+    mountView(host, item) {
+      const image = document.createElement('img')
+      image.className = 'feature-illustration'
+      image.src = services.imageUrl(item.sourceId)
+      image.alt = services.imageName(item.sourceId)
+      image.draggable = false
+      host.append(image)
+    },
+  }
+}

package/dist/canvas-public/features/editing/video-cycle.js

@@ -0,0 +1,49 @@
+import { t } from '../../language/index.js'
+export default {
+  render: (ui) => ui.row(ui.field('threshold'), ui.field('minGapSec')),
+  menu: [{ accepts: ['video'] }],
+  id: 'video-cycle',
+  title: 'html.text054',
+  storage: 'parameters',
+  node: {
+    type: 'feature_dialog',
+    width: 300,
+    minWidth: 260,
+    minHeight: 180,
+    generationInput: true,
+    classNames: ['is-interactive-ui', 'is-gen-dialog'],
+  },
+  fields: [
+    {
+      path: 'threshold',
+      type: 'number',
+      default: 98,
+      min: 50,
+      max: 99.9,
+      step: 0.1,
+      label: 'features.generation.animationGeneration.text036',
+      required: true,
+    },
+    {
+      path: 'minGapSec',
+      type: 'number',
+      default: 0.4,
+      min: 0.1,
+      max: 10,
+      step: 0.1,
+      label: 'html.text109',
+      required: true,
+    },
+  ],
+  task(p, _services, item) {
+    return {
+      endpoint: '/api/video-cycle',
+      wait: {
+        name: t('features.editing.videoEditing.text006'),
+        media: 'video',
+        references: [item.sourceId],
+      },
+      body: { id: item.sourceId, threshold: p.threshold / 100, min_gap_sec: p.minGapSec },
+    }
+  },
+}

package/dist/canvas-public/features/editing/video-frames.js

@@ -0,0 +1,35 @@
+import { t } from '../../language/index.js'
+export default {
+  render: (ui) => ui.field('fps'),
+  menu: [{ accepts: ['video'] }],
+  id: 'video-to-frame-sheet',
+  title: 'html.text055',
+  storage: 'parameters',
+  node: {
+    type: 'feature_dialog',
+    width: 300,
+    minWidth: 260,
+    minHeight: 180,
+    generationInput: true,
+    classNames: ['is-interactive-ui', 'is-gen-dialog'],
+  },
+  fields: [
+    {
+      path: 'fps',
+      type: 'number',
+      default: 8,
+      min: 0.1,
+      max: 60,
+      step: 0.1,
+      label: 'common.framesPerSecond',
+      required: true,
+    },
+  ],
+  task(p, _services, item) {
+    return {
+      endpoint: '/api/video-frames',
+      wait: { name: t('features.editing.videoEditing.text010'), references: [item.sourceId] },
+      body: { id: item.sourceId, fps: Math.round(p.fps * 1000) / 1000 },
+    }
+  },
+}