@pixerate/flair 0.29.0 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +6 -0
- package/dist/catalog/index.d.ts +2 -2
- package/dist/catalog/index.js +1 -1
- package/dist/{chunk-MBKNTXQX.js → chunk-HSYDTVTD.js} +3 -3
- package/dist/{chunk-KZYZX3V5.js → chunk-MAYKC3RF.js} +2 -2
- package/dist/{chunk-6GFOLHCT.js → chunk-UIODYJ6B.js} +1372 -160
- package/dist/chunk-UIODYJ6B.js.map +1 -0
- package/dist/cli.js +2 -2
- package/dist/editor/index.d.ts +1 -1
- package/dist/editor/index.js +1 -1
- package/dist/{effect-YBWDNIYG.js → effect-RGABT3BK.js} +4 -4
- package/dist/embed/index.d.ts +1 -1
- package/dist/embed/index.js +2 -2
- package/dist/node.d.ts +1 -1
- package/dist/node.js +3 -3
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +2 -2
- package/dist/svelte/index.d.ts +1 -1
- package/dist/svelte/index.js +2 -2
- package/dist/{types-wh28fXW4.d.ts → types-DuGVdJbt.d.ts} +1 -1
- package/package.json +1 -1
- package/dist/chunk-6GFOLHCT.js.map +0 -1
- /package/dist/{chunk-MBKNTXQX.js.map → chunk-HSYDTVTD.js.map} +0 -0
- /package/dist/{chunk-KZYZX3V5.js.map → chunk-MAYKC3RF.js.map} +0 -0
- /package/dist/{effect-YBWDNIYG.js.map → effect-RGABT3BK.js.map} +0 -0
package/dist/cli.js
CHANGED
|
@@ -183,7 +183,7 @@ var collect = (value, previous) => [...previous, value];
|
|
|
183
183
|
program.command("effects").description("List catalog effects with what they take (image, video, svg, text, mask, path) and how they answer the pointer").option("--accepts <inputs>", "Only effects that take all of these (image, video, svg, text, mask, path; comma-separated or repeated)", collect, []).option("--interaction <ways>", "Only effects that answer the pointer in one of these ways (hover, press, click, trail, pointer)", collect, []).option("--category <category>", "Only this category").option("--kind <kind>", "shader or vector").option("--search <words>", "Words to look for in the id, name, description and tags").option("--json", "Output JSON (id, name, kind, category, description, inputs, presets)", false).action(async (options) => {
|
|
184
184
|
try {
|
|
185
185
|
const { findEffects, effectInputs } = await import("./catalog/index.js");
|
|
186
|
-
const { effectQueryFromFlags, describeEffect } = await import("./effect-
|
|
186
|
+
const { effectQueryFromFlags, describeEffect } = await import("./effect-RGABT3BK.js");
|
|
187
187
|
const effects = findEffects(effectQueryFromFlags(options));
|
|
188
188
|
if (options.json) {
|
|
189
189
|
console.log(JSON.stringify(effects.map((e) => ({ id: e.id, name: e.name, kind: e.kind, category: e.category, description: e.description, inputs: effectInputs(e), presets: e.presets?.map((p) => p.name) ?? [] })), null, 2));
|
|
@@ -204,7 +204,7 @@ ${effects.length} effect${effects.length === 1 ? "" : "s"}. Render one with: fla
|
|
|
204
204
|
program.command("render <effect>").description("Render a catalog effect, applied to a subject, to .mp4, .webm, .mov, .gif, .svg (vector effects) or .png frames").option("--image <path>", "A picture (file path or URL); repeat for effects that take two", collect, []).option("--svg <path>", "An SVG (file path, URL or markup)", collect, []).option("--text <text>", "Words, for a text effect or a text mask", collect, []).option("--font <family>", "CSS font family for --text drawn into a shader").option("--weight <weight>", "Font weight for --text drawn into a shader").option("--path <d>", "SVG path data, for a shape control", collect, []).option("--video <path>", "A video file, decoded to frames with ffmpeg", collect, []).option("--preset <name>", "A preset by name").option("--set <name=value>", "A control value (repeatable): --set uSpeed=2 --set uTint=#ff0080", collect, []).option("--size <WxH>", "Pixels, like 1280x720").option("--fps <fps>", "Frames per second", "30").option("--duration <seconds>", "Seconds (default: the effect's loop or play-through)").option("--alpha", "Keep transparency (webm, mov, gif, png, svg)", false).option("--background <css>", "Colour under transparent pixels without --alpha").option("--no-pointer", "Leave the pointer still (interactive effects otherwise get a scripted pointer)").option("-o, --out <outputPath>", "Output: .mp4, .webm, .mov, .gif, .svg, a .png pattern (out_%04d.png) or a folder").action(async (effectId, options) => {
|
|
205
205
|
try {
|
|
206
206
|
if (!options.out) throw new Error("Say where to write it: -o out.mp4 (or .webm, .mov, .gif, .svg, out_%04d.png, a folder/).");
|
|
207
|
-
const { exportEffect, parseSets, parseSize, resolveEffect, subjectsFromFlags } = await import("./effect-
|
|
207
|
+
const { exportEffect, parseSets, parseSize, resolveEffect, subjectsFromFlags } = await import("./effect-RGABT3BK.js");
|
|
208
208
|
const effect = resolveEffect(effectId);
|
|
209
209
|
const subjects = subjectsFromFlags(options);
|
|
210
210
|
const size = options.size ? parseSize(options.size) : void 0;
|
package/dist/editor/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as VectorControl, d as EffectPreset, E as EffectDefinition } from '../types-
|
|
1
|
+
import { g as VectorControl, d as EffectPreset, E as EffectDefinition } from '../types-DuGVdJbt.js';
|
|
2
2
|
import { C as ControlValue, a as ControlDef, b as ControlType } from '../controls-Ec6P0Vpy.js';
|
|
3
3
|
import { S as SvgMotion, C as Clock } from '../svg-DaKRPA9v.js';
|
|
4
4
|
import { AnimationEasingPreset, AnimationEasing, AnimationTrack, AnimationKeyframe, cubicBezierAt as cubicBezierAt$1, evaluateEasing as evaluateEasing$1 } from '@pixerate/editor/animation';
|
package/dist/editor/index.js
CHANGED
|
@@ -14,14 +14,14 @@ import {
|
|
|
14
14
|
subjectsFromFlags,
|
|
15
15
|
vectorTimeline,
|
|
16
16
|
videoSeconds
|
|
17
|
-
} from "./chunk-
|
|
17
|
+
} from "./chunk-HSYDTVTD.js";
|
|
18
18
|
import "./chunk-7KYQ4R76.js";
|
|
19
19
|
import "./chunk-X3C2VFTM.js";
|
|
20
20
|
import "./chunk-AUH3PEFW.js";
|
|
21
|
-
import "./chunk-
|
|
21
|
+
import "./chunk-MAYKC3RF.js";
|
|
22
22
|
import "./chunk-SMR2MJXB.js";
|
|
23
23
|
import "./chunk-HDYBY3PQ.js";
|
|
24
|
-
import "./chunk-
|
|
24
|
+
import "./chunk-UIODYJ6B.js";
|
|
25
25
|
import "./chunk-EHDJ3CPJ.js";
|
|
26
26
|
import "./chunk-VYOMXE6I.js";
|
|
27
27
|
import "./chunk-DA4UUSDO.js";
|
|
@@ -44,4 +44,4 @@ export {
|
|
|
44
44
|
vectorTimeline,
|
|
45
45
|
videoSeconds
|
|
46
46
|
};
|
|
47
|
-
//# sourceMappingURL=effect-
|
|
47
|
+
//# sourceMappingURL=effect-RGABT3BK.js.map
|
package/dist/embed/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { C as ControlValue } from '../controls-Ec6P0Vpy.js';
|
|
2
2
|
import { b as SvgPlayer } from '../svg-DaKRPA9v.js';
|
|
3
|
-
import { E as EffectDefinition } from '../types-
|
|
3
|
+
import { E as EffectDefinition } from '../types-DuGVdJbt.js';
|
|
4
4
|
import { L as LiveSource, A as AudioSource, S as ShaderRenderer } from '../renderer-tk1nbVkW.js';
|
|
5
5
|
import { R as RenderOptions } from '../frames-CGJudAbu.js';
|
|
6
6
|
|
package/dist/embed/index.js
CHANGED
|
@@ -3,10 +3,10 @@ import {
|
|
|
3
3
|
recordEffect,
|
|
4
4
|
recordingPlan,
|
|
5
5
|
subjectValues
|
|
6
|
-
} from "../chunk-
|
|
6
|
+
} from "../chunk-MAYKC3RF.js";
|
|
7
7
|
import "../chunk-SMR2MJXB.js";
|
|
8
8
|
import "../chunk-HDYBY3PQ.js";
|
|
9
|
-
import "../chunk-
|
|
9
|
+
import "../chunk-UIODYJ6B.js";
|
|
10
10
|
import "../chunk-EHDJ3CPJ.js";
|
|
11
11
|
import "../chunk-VYOMXE6I.js";
|
|
12
12
|
import "../chunk-DA4UUSDO.js";
|
package/dist/node.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { C as ControlValue } from './controls-Ec6P0Vpy.js';
|
|
2
2
|
import { S as SvgMotion } from './svg-DaKRPA9v.js';
|
|
3
|
-
import { E as EffectDefinition, V as VectorEffect } from './types-
|
|
3
|
+
import { E as EffectDefinition, V as VectorEffect } from './types-DuGVdJbt.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Finds a local Chrome or Chromium executable, or `null`: `CHROME_PATH` (or
|
package/dist/node.js
CHANGED
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
exportEffect,
|
|
3
3
|
nodeSubjectValues,
|
|
4
4
|
vectorTimeline
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-HSYDTVTD.js";
|
|
6
6
|
import {
|
|
7
7
|
exportMotionGraphic,
|
|
8
8
|
ffmpegPath,
|
|
@@ -11,10 +11,10 @@ import {
|
|
|
11
11
|
} from "./chunk-7KYQ4R76.js";
|
|
12
12
|
import "./chunk-X3C2VFTM.js";
|
|
13
13
|
import "./chunk-AUH3PEFW.js";
|
|
14
|
-
import "./chunk-
|
|
14
|
+
import "./chunk-MAYKC3RF.js";
|
|
15
15
|
import "./chunk-SMR2MJXB.js";
|
|
16
16
|
import "./chunk-HDYBY3PQ.js";
|
|
17
|
-
import "./chunk-
|
|
17
|
+
import "./chunk-UIODYJ6B.js";
|
|
18
18
|
import "./chunk-EHDJ3CPJ.js";
|
|
19
19
|
import "./chunk-VYOMXE6I.js";
|
|
20
20
|
import "./chunk-DA4UUSDO.js";
|
package/dist/react/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as react from 'react';
|
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
3
|
import { C as ControlValue } from '../controls-Ec6P0Vpy.js';
|
|
4
4
|
import { S as SvgMotion, a as SvgTrigger, C as Clock, b as SvgPlayer } from '../svg-DaKRPA9v.js';
|
|
5
|
-
import { E as EffectDefinition, V as VectorEffect$1 } from '../types-
|
|
5
|
+
import { E as EffectDefinition, V as VectorEffect$1 } from '../types-DuGVdJbt.js';
|
|
6
6
|
import { EffectSubject } from '../embed/index.js';
|
|
7
7
|
import '../renderer-tk1nbVkW.js';
|
|
8
8
|
import '../frames-CGJudAbu.js';
|
package/dist/react/index.js
CHANGED
|
@@ -5,14 +5,14 @@ import {
|
|
|
5
5
|
} from "../chunk-AUH3PEFW.js";
|
|
6
6
|
import {
|
|
7
7
|
mountEffect
|
|
8
|
-
} from "../chunk-
|
|
8
|
+
} from "../chunk-MAYKC3RF.js";
|
|
9
9
|
import "../chunk-SMR2MJXB.js";
|
|
10
10
|
import "../chunk-HDYBY3PQ.js";
|
|
11
11
|
import {
|
|
12
12
|
effectDefaults,
|
|
13
13
|
getEffect,
|
|
14
14
|
renderVectorEffect
|
|
15
|
-
} from "../chunk-
|
|
15
|
+
} from "../chunk-UIODYJ6B.js";
|
|
16
16
|
import "../chunk-EHDJ3CPJ.js";
|
|
17
17
|
import "../chunk-VYOMXE6I.js";
|
|
18
18
|
import {
|
package/dist/svelte/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ActionReturn } from 'svelte/action';
|
|
2
2
|
import { C as ControlValue } from '../controls-Ec6P0Vpy.js';
|
|
3
3
|
import { a as SvgTrigger, C as Clock, b as SvgPlayer, S as SvgMotion } from '../svg-DaKRPA9v.js';
|
|
4
|
-
import { E as EffectDefinition, V as VectorEffect } from '../types-
|
|
4
|
+
import { E as EffectDefinition, V as VectorEffect } from '../types-DuGVdJbt.js';
|
|
5
5
|
import { EffectSubject } from '../embed/index.js';
|
|
6
6
|
import '../renderer-tk1nbVkW.js';
|
|
7
7
|
import '../frames-CGJudAbu.js';
|
package/dist/svelte/index.js
CHANGED
|
@@ -5,14 +5,14 @@ import {
|
|
|
5
5
|
} from "../chunk-AUH3PEFW.js";
|
|
6
6
|
import {
|
|
7
7
|
mountEffect
|
|
8
|
-
} from "../chunk-
|
|
8
|
+
} from "../chunk-MAYKC3RF.js";
|
|
9
9
|
import "../chunk-SMR2MJXB.js";
|
|
10
10
|
import "../chunk-HDYBY3PQ.js";
|
|
11
11
|
import {
|
|
12
12
|
effectDefaults,
|
|
13
13
|
getEffect,
|
|
14
14
|
renderVectorEffect
|
|
15
|
-
} from "../chunk-
|
|
15
|
+
} from "../chunk-UIODYJ6B.js";
|
|
16
16
|
import "../chunk-EHDJ3CPJ.js";
|
|
17
17
|
import "../chunk-VYOMXE6I.js";
|
|
18
18
|
import {
|
|
@@ -2,7 +2,7 @@ import { C as ControlValue, a as ControlDef } from './controls-Ec6P0Vpy.js';
|
|
|
2
2
|
import { S as SvgMotion, a as SvgTrigger } from './svg-DaKRPA9v.js';
|
|
3
3
|
|
|
4
4
|
/** What an effect is for, used to group the catalog. */
|
|
5
|
-
type EffectCategory = "gradient" | "organic" | "pattern" | "light" | "lighting" | "space" | "retro" | "image" | "overlay" | "text" | "morph" | "interaction" | "pyrotechnics" | "timewarp" | "melt" | "electric" | "splatter" | "bubble" | "sticker" | "trail" | "particles" | "debris" | "impact" | "comic" | "atmosphere" | "glow" | "shadow" | "distortion" | "audio" | "scroll" | "transition" | "loader" | "data" | "icon";
|
|
5
|
+
type EffectCategory = "gradient" | "organic" | "pattern" | "light" | "lighting" | "space" | "retro" | "image" | "overlay" | "text" | "morph" | "interaction" | "pyrotechnics" | "timewarp" | "melt" | "electric" | "splatter" | "bubble" | "sticker" | "trail" | "particles" | "debris" | "impact" | "comic" | "atmosphere" | "glow" | "shadow" | "distortion" | "audio" | "scroll" | "broadcast" | "annotation" | "transition" | "loader" | "data" | "icon";
|
|
6
6
|
/** Every category, in the order the catalog lists them. */
|
|
7
7
|
declare const EFFECT_CATEGORIES: readonly EffectCategory[];
|
|
8
8
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pixerate/flair",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.30.0",
|
|
4
4
|
"description": "Web visual effects and motion graphics: WebGL2 shader effects, animated vector effects, a catalog of ready-made effects, and a UI-agnostic, agent-ready effect editor.",
|
|
5
5
|
"author": "Pixerate",
|
|
6
6
|
"license": "MIT",
|