@ehfuse/react-vfx 1.0.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/LICENSE +21 -0
- package/README.md +47 -0
- package/dist/VfxDiv.backup.d.ts +28 -0
- package/dist/VfxDiv.backup.d.ts.map +1 -0
- package/dist/VfxDiv.d.ts +9 -0
- package/dist/VfxDiv.d.ts.map +1 -0
- package/dist/VfxParticle.d.ts +8 -0
- package/dist/VfxParticle.d.ts.map +1 -0
- package/dist/VfxSlide.d.ts +9 -0
- package/dist/VfxSlide.d.ts.map +1 -0
- package/dist/VfxSlideItem.d.ts +27 -0
- package/dist/VfxSlideItem.d.ts.map +1 -0
- package/dist/VfxText.backup.d.ts +28 -0
- package/dist/VfxText.backup.d.ts.map +1 -0
- package/dist/VfxText.d.ts +9 -0
- package/dist/VfxText.d.ts.map +1 -0
- package/dist/border-effects/dash-flow.d.ts +11 -0
- package/dist/border-effects/dash-flow.d.ts.map +1 -0
- package/dist/border-effects/dash-rotate.d.ts +12 -0
- package/dist/border-effects/dash-rotate.d.ts.map +1 -0
- package/dist/border-effects/index.d.ts +16 -0
- package/dist/border-effects/index.d.ts.map +1 -0
- package/dist/border-effects/pulse.d.ts +11 -0
- package/dist/border-effects/pulse.d.ts.map +1 -0
- package/dist/border-effects/sparkle.d.ts +12 -0
- package/dist/border-effects/sparkle.d.ts.map +1 -0
- package/dist/border-effects/special.d.ts +8 -0
- package/dist/border-effects/special.d.ts.map +1 -0
- package/dist/border-effects/types.d.ts +25 -0
- package/dist/border-effects/types.d.ts.map +1 -0
- package/dist/effects/borders/dash-flow.d.ts +11 -0
- package/dist/effects/borders/dash-flow.d.ts.map +1 -0
- package/dist/effects/borders/dash-rotate.d.ts +12 -0
- package/dist/effects/borders/dash-rotate.d.ts.map +1 -0
- package/dist/effects/borders/index.d.ts +16 -0
- package/dist/effects/borders/index.d.ts.map +1 -0
- package/dist/effects/borders/pulse.d.ts +11 -0
- package/dist/effects/borders/pulse.d.ts.map +1 -0
- package/dist/effects/borders/sparkle.d.ts +12 -0
- package/dist/effects/borders/sparkle.d.ts.map +1 -0
- package/dist/effects/borders/special.d.ts +8 -0
- package/dist/effects/borders/special.d.ts.map +1 -0
- package/dist/effects/borders/types.d.ts +25 -0
- package/dist/effects/borders/types.d.ts.map +1 -0
- package/dist/effects/particles/balloons.d.ts +6 -0
- package/dist/effects/particles/balloons.d.ts.map +1 -0
- package/dist/effects/particles/bubbles.d.ts +7 -0
- package/dist/effects/particles/bubbles.d.ts.map +1 -0
- package/dist/effects/particles/coins.d.ts +6 -0
- package/dist/effects/particles/coins.d.ts.map +1 -0
- package/dist/effects/particles/confetti.d.ts +6 -0
- package/dist/effects/particles/confetti.d.ts.map +1 -0
- package/dist/effects/particles/dust.d.ts +6 -0
- package/dist/effects/particles/dust.d.ts.map +1 -0
- package/dist/effects/particles/electric.d.ts +6 -0
- package/dist/effects/particles/electric.d.ts.map +1 -0
- package/dist/effects/particles/explosion.d.ts +6 -0
- package/dist/effects/particles/explosion.d.ts.map +1 -0
- package/dist/effects/particles/firefly.d.ts +6 -0
- package/dist/effects/particles/firefly.d.ts.map +1 -0
- package/dist/effects/particles/fireworks.d.ts +6 -0
- package/dist/effects/particles/fireworks.d.ts.map +1 -0
- package/dist/effects/particles/fog.d.ts +6 -0
- package/dist/effects/particles/fog.d.ts.map +1 -0
- package/dist/effects/particles/hearts.d.ts +9 -0
- package/dist/effects/particles/hearts.d.ts.map +1 -0
- package/dist/effects/particles/index.d.ts +30 -0
- package/dist/effects/particles/index.d.ts.map +1 -0
- package/dist/effects/particles/leaves.d.ts +6 -0
- package/dist/effects/particles/leaves.d.ts.map +1 -0
- package/dist/effects/particles/lightning.d.ts +6 -0
- package/dist/effects/particles/lightning.d.ts.map +1 -0
- package/dist/effects/particles/magic.d.ts +6 -0
- package/dist/effects/particles/magic.d.ts.map +1 -0
- package/dist/effects/particles/matrix.d.ts +6 -0
- package/dist/effects/particles/matrix.d.ts.map +1 -0
- package/dist/effects/particles/portal.d.ts +6 -0
- package/dist/effects/particles/portal.d.ts.map +1 -0
- package/dist/effects/particles/rain.d.ts +6 -0
- package/dist/effects/particles/rain.d.ts.map +1 -0
- package/dist/effects/particles/sakura.d.ts +6 -0
- package/dist/effects/particles/sakura.d.ts.map +1 -0
- package/dist/effects/particles/smoke.d.ts +6 -0
- package/dist/effects/particles/smoke.d.ts.map +1 -0
- package/dist/effects/particles/snow.d.ts +6 -0
- package/dist/effects/particles/snow.d.ts.map +1 -0
- package/dist/effects/particles/sparkle.d.ts +6 -0
- package/dist/effects/particles/sparkle.d.ts.map +1 -0
- package/dist/effects/particles/stars.d.ts +7 -0
- package/dist/effects/particles/stars.d.ts.map +1 -0
- package/dist/effects/particles/types.d.ts +40 -0
- package/dist/effects/particles/types.d.ts.map +1 -0
- package/dist/effects/slides/drift.d.ts +12 -0
- package/dist/effects/slides/drift.d.ts.map +1 -0
- package/dist/effects/slides/fade.d.ts +10 -0
- package/dist/effects/slides/fade.d.ts.map +1 -0
- package/dist/effects/slides/flip.d.ts +8 -0
- package/dist/effects/slides/flip.d.ts.map +1 -0
- package/dist/effects/slides/index.d.ts +28 -0
- package/dist/effects/slides/index.d.ts.map +1 -0
- package/dist/effects/slides/rotate.d.ts +9 -0
- package/dist/effects/slides/rotate.d.ts.map +1 -0
- package/dist/effects/slides/slide.d.ts +9 -0
- package/dist/effects/slides/slide.d.ts.map +1 -0
- package/dist/effects/slides/special.d.ts +10 -0
- package/dist/effects/slides/special.d.ts.map +1 -0
- package/dist/effects/slides/types.d.ts +20 -0
- package/dist/effects/slides/types.d.ts.map +1 -0
- package/dist/effects/slides/zoom.d.ts +11 -0
- package/dist/effects/slides/zoom.d.ts.map +1 -0
- package/dist/effects/texts/blink.d.ts +6 -0
- package/dist/effects/texts/blink.d.ts.map +1 -0
- package/dist/effects/texts/blur.d.ts +6 -0
- package/dist/effects/texts/blur.d.ts.map +1 -0
- package/dist/effects/texts/bounce.d.ts +6 -0
- package/dist/effects/texts/bounce.d.ts.map +1 -0
- package/dist/effects/texts/fade.d.ts +6 -0
- package/dist/effects/texts/fade.d.ts.map +1 -0
- package/dist/effects/texts/flowing.d.ts +6 -0
- package/dist/effects/texts/flowing.d.ts.map +1 -0
- package/dist/effects/texts/fly-in.d.ts +6 -0
- package/dist/effects/texts/fly-in.d.ts.map +1 -0
- package/dist/effects/texts/glitch.d.ts +6 -0
- package/dist/effects/texts/glitch.d.ts.map +1 -0
- package/dist/effects/texts/index.d.ts +28 -0
- package/dist/effects/texts/index.d.ts.map +1 -0
- package/dist/effects/texts/jitter.d.ts +6 -0
- package/dist/effects/texts/jitter.d.ts.map +1 -0
- package/dist/effects/texts/neon.d.ts +6 -0
- package/dist/effects/texts/neon.d.ts.map +1 -0
- package/dist/effects/texts/pulse.d.ts +11 -0
- package/dist/effects/texts/pulse.d.ts.map +1 -0
- package/dist/effects/texts/rainbow.d.ts +6 -0
- package/dist/effects/texts/rainbow.d.ts.map +1 -0
- package/dist/effects/texts/shake.d.ts +6 -0
- package/dist/effects/texts/shake.d.ts.map +1 -0
- package/dist/effects/texts/spin.d.ts +8 -0
- package/dist/effects/texts/spin.d.ts.map +1 -0
- package/dist/effects/texts/swing.d.ts +7 -0
- package/dist/effects/texts/swing.d.ts.map +1 -0
- package/dist/effects/texts/types.d.ts +22 -0
- package/dist/effects/texts/types.d.ts.map +1 -0
- package/dist/effects/texts/wave.d.ts +6 -0
- package/dist/effects/texts/wave.d.ts.map +1 -0
- package/dist/effects/texts/zoom.d.ts +6 -0
- package/dist/effects/texts/zoom.d.ts.map +1 -0
- package/dist/hooks/useTextEffect.d.ts +21 -0
- package/dist/hooks/useTextEffect.d.ts.map +1 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +2049 -0
- package/dist/index.esm.js.map +7 -0
- package/dist/index.js +2049 -0
- package/dist/index.js.map +7 -0
- package/dist/particles/balloons.d.ts +6 -0
- package/dist/particles/balloons.d.ts.map +1 -0
- package/dist/particles/bubbles.d.ts +7 -0
- package/dist/particles/bubbles.d.ts.map +1 -0
- package/dist/particles/coins.d.ts +6 -0
- package/dist/particles/coins.d.ts.map +1 -0
- package/dist/particles/confetti.d.ts +6 -0
- package/dist/particles/confetti.d.ts.map +1 -0
- package/dist/particles/dust.d.ts +6 -0
- package/dist/particles/dust.d.ts.map +1 -0
- package/dist/particles/electric.d.ts +6 -0
- package/dist/particles/electric.d.ts.map +1 -0
- package/dist/particles/explosion.d.ts +6 -0
- package/dist/particles/explosion.d.ts.map +1 -0
- package/dist/particles/firefly.d.ts +6 -0
- package/dist/particles/firefly.d.ts.map +1 -0
- package/dist/particles/fireworks.d.ts +6 -0
- package/dist/particles/fireworks.d.ts.map +1 -0
- package/dist/particles/fog.d.ts +6 -0
- package/dist/particles/fog.d.ts.map +1 -0
- package/dist/particles/hearts.d.ts +9 -0
- package/dist/particles/hearts.d.ts.map +1 -0
- package/dist/particles/index.d.ts +30 -0
- package/dist/particles/index.d.ts.map +1 -0
- package/dist/particles/leaves.d.ts +6 -0
- package/dist/particles/leaves.d.ts.map +1 -0
- package/dist/particles/lightning.d.ts +6 -0
- package/dist/particles/lightning.d.ts.map +1 -0
- package/dist/particles/magic.d.ts +6 -0
- package/dist/particles/magic.d.ts.map +1 -0
- package/dist/particles/matrix.d.ts +6 -0
- package/dist/particles/matrix.d.ts.map +1 -0
- package/dist/particles/portal.d.ts +6 -0
- package/dist/particles/portal.d.ts.map +1 -0
- package/dist/particles/rain.d.ts +6 -0
- package/dist/particles/rain.d.ts.map +1 -0
- package/dist/particles/sakura.d.ts +6 -0
- package/dist/particles/sakura.d.ts.map +1 -0
- package/dist/particles/smoke.d.ts +6 -0
- package/dist/particles/smoke.d.ts.map +1 -0
- package/dist/particles/snow.d.ts +6 -0
- package/dist/particles/snow.d.ts.map +1 -0
- package/dist/particles/sparkle.d.ts +6 -0
- package/dist/particles/sparkle.d.ts.map +1 -0
- package/dist/particles/stars.d.ts +7 -0
- package/dist/particles/stars.d.ts.map +1 -0
- package/dist/particles/types.d.ts +40 -0
- package/dist/particles/types.d.ts.map +1 -0
- package/dist/slide-effects/drift.d.ts +12 -0
- package/dist/slide-effects/drift.d.ts.map +1 -0
- package/dist/slide-effects/fade.d.ts +10 -0
- package/dist/slide-effects/fade.d.ts.map +1 -0
- package/dist/slide-effects/flip.d.ts +8 -0
- package/dist/slide-effects/flip.d.ts.map +1 -0
- package/dist/slide-effects/index.d.ts +28 -0
- package/dist/slide-effects/index.d.ts.map +1 -0
- package/dist/slide-effects/rotate.d.ts +9 -0
- package/dist/slide-effects/rotate.d.ts.map +1 -0
- package/dist/slide-effects/slide.d.ts +9 -0
- package/dist/slide-effects/slide.d.ts.map +1 -0
- package/dist/slide-effects/special.d.ts +10 -0
- package/dist/slide-effects/special.d.ts.map +1 -0
- package/dist/slide-effects/types.d.ts +25 -0
- package/dist/slide-effects/types.d.ts.map +1 -0
- package/dist/slide-effects/zoom.d.ts +11 -0
- package/dist/slide-effects/zoom.d.ts.map +1 -0
- package/dist/text-effects/blink.d.ts +6 -0
- package/dist/text-effects/blink.d.ts.map +1 -0
- package/dist/text-effects/blur.d.ts +6 -0
- package/dist/text-effects/blur.d.ts.map +1 -0
- package/dist/text-effects/bounce.d.ts +6 -0
- package/dist/text-effects/bounce.d.ts.map +1 -0
- package/dist/text-effects/fade.d.ts +6 -0
- package/dist/text-effects/fade.d.ts.map +1 -0
- package/dist/text-effects/flowing.d.ts +6 -0
- package/dist/text-effects/flowing.d.ts.map +1 -0
- package/dist/text-effects/fly-in.d.ts +6 -0
- package/dist/text-effects/fly-in.d.ts.map +1 -0
- package/dist/text-effects/glitch.d.ts +6 -0
- package/dist/text-effects/glitch.d.ts.map +1 -0
- package/dist/text-effects/index.d.ts +28 -0
- package/dist/text-effects/index.d.ts.map +1 -0
- package/dist/text-effects/jitter.d.ts +6 -0
- package/dist/text-effects/jitter.d.ts.map +1 -0
- package/dist/text-effects/neon.d.ts +6 -0
- package/dist/text-effects/neon.d.ts.map +1 -0
- package/dist/text-effects/pulse.d.ts +11 -0
- package/dist/text-effects/pulse.d.ts.map +1 -0
- package/dist/text-effects/rainbow.d.ts +6 -0
- package/dist/text-effects/rainbow.d.ts.map +1 -0
- package/dist/text-effects/shake.d.ts +6 -0
- package/dist/text-effects/shake.d.ts.map +1 -0
- package/dist/text-effects/spin.d.ts +8 -0
- package/dist/text-effects/spin.d.ts.map +1 -0
- package/dist/text-effects/swing.d.ts +7 -0
- package/dist/text-effects/swing.d.ts.map +1 -0
- package/dist/text-effects/types.d.ts +22 -0
- package/dist/text-effects/types.d.ts.map +1 -0
- package/dist/text-effects/wave.d.ts +6 -0
- package/dist/text-effects/wave.d.ts.map +1 -0
- package/dist/text-effects/zoom.d.ts +6 -0
- package/dist/text-effects/zoom.d.ts.map +1 -0
- package/dist/types.d.ts +75 -0
- package/dist/types.d.ts.map +1 -0
- package/package.json +52 -0
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* text-effects/index.ts - 텍스트 효과 레지스트리
|
|
3
|
+
*/
|
|
4
|
+
import { TextEffect, TextEffectRegistry } from "./types";
|
|
5
|
+
import { fadeEffect } from "./fade";
|
|
6
|
+
import { flowingEffect } from "./flowing";
|
|
7
|
+
import { yellowPulseEffect, redPulseEffect, bluePulseEffect, greenPulseEffect, pinkPulseEffect, purplePulseEffect } from "./pulse";
|
|
8
|
+
import { blinkEffect } from "./blink";
|
|
9
|
+
import { spinXEffect, spinYEffect, spinCenterEffect } from "./spin";
|
|
10
|
+
import { swingXEffect, swingYEffect } from "./swing";
|
|
11
|
+
import { shakeEffect } from "./shake";
|
|
12
|
+
import { bounceEffect } from "./bounce";
|
|
13
|
+
import { waveEffect } from "./wave";
|
|
14
|
+
import { glitchEffect } from "./glitch";
|
|
15
|
+
import { neonEffect } from "./neon";
|
|
16
|
+
import { zoomEffect } from "./zoom";
|
|
17
|
+
import { blurEffect } from "./blur";
|
|
18
|
+
import { rainbowEffect } from "./rainbow";
|
|
19
|
+
import { jitterEffect } from "./jitter";
|
|
20
|
+
import { flyInEffect } from "./fly-in";
|
|
21
|
+
export type { TextEffect, TextEffectRegistry };
|
|
22
|
+
export declare const textEffectRegistry: TextEffectRegistry;
|
|
23
|
+
export declare const generateAllTextEffectStyles: () => string;
|
|
24
|
+
export declare const getTextEffectClass: (effect: string | undefined) => string;
|
|
25
|
+
export declare const getTextEffectAdditionalStyle: (effect: string | undefined) => React.CSSProperties;
|
|
26
|
+
export declare const needsCustomRender: (effect: string | undefined) => boolean;
|
|
27
|
+
export { fadeEffect, flowingEffect, yellowPulseEffect, redPulseEffect, bluePulseEffect, greenPulseEffect, pinkPulseEffect, purplePulseEffect, blinkEffect, spinXEffect, spinYEffect, spinCenterEffect, swingXEffect, swingYEffect, shakeEffect, bounceEffect, waveEffect, glitchEffect, neonEffect, zoomEffect, blurEffect, rainbowEffect, jitterEffect, flyInEffect, };
|
|
28
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-effects/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EACH,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACpB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;AAG/C,eAAO,MAAM,kBAAkB,EAAE,kBAyBhC,CAAC;AAGF,eAAO,MAAM,2BAA2B,QAAO,MAwB9C,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,MAAM,GAAG,SAAS,KAAG,MAK/D,CAAC;AAGF,eAAO,MAAM,4BAA4B,GACrC,QAAQ,MAAM,GAAG,SAAS,KAC3B,KAAK,CAAC,aAIR,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,GAAG,SAAS,KAAG,OAI9D,CAAC;AAGF,OAAO,EACH,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACZ,WAAW,GACd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jitter.d.ts","sourceRoot":"","sources":["../../src/text-effects/jitter.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,UA2B1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"neon.d.ts","sourceRoot":"","sources":["../../src/text-effects/neon.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,UAiBxB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* pulse.ts - 펄스 글로우 텍스트 효과 (6가지 색상)
|
|
3
|
+
*/
|
|
4
|
+
import { TextEffect } from "./types";
|
|
5
|
+
export declare const yellowPulseEffect: TextEffect;
|
|
6
|
+
export declare const redPulseEffect: TextEffect;
|
|
7
|
+
export declare const bluePulseEffect: TextEffect;
|
|
8
|
+
export declare const greenPulseEffect: TextEffect;
|
|
9
|
+
export declare const pinkPulseEffect: TextEffect;
|
|
10
|
+
export declare const purplePulseEffect: TextEffect;
|
|
11
|
+
//# sourceMappingURL=pulse.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pulse.d.ts","sourceRoot":"","sources":["../../src/text-effects/pulse.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,iBAAiB,EAAE,UAoB/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,UAoB5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,UAoB7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,UAoB9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,UAoB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,UAoB/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rainbow.d.ts","sourceRoot":"","sources":["../../src/text-effects/rainbow.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,aAAa,EAAE,UAkB3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shake.d.ts","sourceRoot":"","sources":["../../src/text-effects/shake.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW,EAAE,UAqBzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["../../src/text-effects/spin.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,eAAO,MAAM,WAAW,EAAE,UAczB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,UAmBzB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,UAoB9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"swing.d.ts","sourceRoot":"","sources":["../../src/text-effects/swing.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,eAAO,MAAM,YAAY,EAAE,UAiB1B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,UAgB1B,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* text-effects/types.ts
|
|
3
|
+
*/
|
|
4
|
+
import { CSSProperties } from "react";
|
|
5
|
+
/** 텍스트 효과 인터페이스 */
|
|
6
|
+
export interface TextEffect {
|
|
7
|
+
/** CSS 키프레임 정의 */
|
|
8
|
+
keyframes: string;
|
|
9
|
+
/** CSS 클래스 정의 */
|
|
10
|
+
className: string;
|
|
11
|
+
/** 추가 CSS 클래스들 (옵션) */
|
|
12
|
+
additionalClasses?: string;
|
|
13
|
+
/** 효과 적용 시 추가 스타일 */
|
|
14
|
+
additionalStyle?: CSSProperties;
|
|
15
|
+
/** 커스텀 렌더링 필요 여부 */
|
|
16
|
+
customRender?: boolean;
|
|
17
|
+
}
|
|
18
|
+
/** 효과 레지스트리 타입 */
|
|
19
|
+
export type TextEffectRegistry = {
|
|
20
|
+
[key: string]: TextEffect;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/text-effects/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,mBAAmB;AACnB,MAAM,WAAW,UAAU;IACvB,kBAAkB;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,uBAAuB;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB;IACrB,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,kBAAkB;AAClB,MAAM,MAAM,kBAAkB,GAAG;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;CAC7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"wave.d.ts","sourceRoot":"","sources":["../../src/text-effects/wave.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,UAiBxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"zoom.d.ts","sourceRoot":"","sources":["../../src/text-effects/zoom.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,UAAU,EAAE,UAcxB,CAAC"}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* types.ts
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
/** 텍스트 효과 타입 */
|
|
6
|
+
export type TextEffectType = "typing" | "rainbow" | "fade" | "flowing" | "yellow-pulse" | "red-pulse" | "blue-pulse" | "green-pulse" | "pink-pulse" | "purple-pulse" | "blink" | "spin-x" | "swing-x" | "swing-y" | "shake" | "bounce" | "wave" | "glitch" | "neon" | "zoom" | "spin-y" | "spin-center" | "blur" | "jitter" | "fly-in" | undefined;
|
|
7
|
+
/** 테두리 효과 타입 */
|
|
8
|
+
export type BorderEffectType = "yellow-pulse" | "red-pulse" | "blue-pulse" | "green-pulse" | "pink-pulse" | "purple-pulse" | "yellow-sparkle" | "red-sparkle" | "blue-sparkle" | "green-sparkle" | "pink-sparkle" | "purple-sparkle" | "rainbow-sparkle" | "yellow-dash-flow" | "red-dash-flow" | "blue-dash-flow" | "green-dash-flow" | "pink-dash-flow" | "purple-dash-flow" | "yellow-dash-rotate" | "red-dash-rotate" | "blue-dash-rotate" | "green-dash-rotate" | "pink-dash-rotate" | "purple-dash-rotate" | "rainbow-dash-rotate" | "rainbow" | "breathe" | "electric" | undefined;
|
|
9
|
+
/** VfxText 컴포넌트 Props */
|
|
10
|
+
export interface VfxTextProps {
|
|
11
|
+
title: string;
|
|
12
|
+
effect?: TextEffectType;
|
|
13
|
+
isActive: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
/** VfxDiv 컴포넌트 Props */
|
|
18
|
+
export interface VfxDivProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
19
|
+
borderEffect?: BorderEffectType;
|
|
20
|
+
children: React.ReactNode;
|
|
21
|
+
}
|
|
22
|
+
/** 파티클 효과 타입 */
|
|
23
|
+
export type ParticleEffectType = "sparkle" | "confetti" | "snow" | "firefly" | "bubbles-color" | "bubbles-yellow" | "bubbles-pink" | "bubbles-blue" | "bubbles-green" | "stars" | "stars-color" | "rain" | "leaves" | "sakura" | "smoke" | "dust" | "fireworks" | "hearts" | "hearts-up" | "hearts-down" | "hearts-pop" | "coins" | "balloons" | "magic" | "portal" | "explosion" | "matrix" | "fog" | "electric" | "lightning";
|
|
24
|
+
/** 파티클 설정 옵션 */
|
|
25
|
+
export interface ParticleOptions {
|
|
26
|
+
count?: number;
|
|
27
|
+
speed?: number;
|
|
28
|
+
size?: number;
|
|
29
|
+
colors?: string[];
|
|
30
|
+
opacity?: number;
|
|
31
|
+
}
|
|
32
|
+
/** 슬라이드 효과 타입 */
|
|
33
|
+
export type SlideEffectType = "fade" | "fade-up" | "fade-down" | "fade-left" | "fade-right" | "slide-up" | "slide-down" | "slide-left" | "slide-right" | "rotate-left" | "rotate-right" | "rotate-in" | "rotate-out" | "flip-x" | "flip-y" | "flip-diagonal" | "zoom-in" | "zoom-out" | "zoom-left" | "zoom-right" | "zoom-top" | "zoom-bottom" | "bounce" | "elastic" | "swing" | "blur" | "kenburns";
|
|
34
|
+
/** 드리프트(idle) 효과 타입 - 전환 전 줌인/패닝 */
|
|
35
|
+
export type DriftEffectType = "none" | "drift-left" | "drift-right" | "drift-up" | "drift-down" | "drift-zoom" | "drift-random";
|
|
36
|
+
/** VfxParticle 컴포넌트 Props */
|
|
37
|
+
export interface VfxParticleProps {
|
|
38
|
+
effect: ParticleEffectType;
|
|
39
|
+
isActive?: boolean;
|
|
40
|
+
options?: ParticleOptions;
|
|
41
|
+
width?: number | string;
|
|
42
|
+
height?: number | string;
|
|
43
|
+
className?: string;
|
|
44
|
+
style?: React.CSSProperties;
|
|
45
|
+
}
|
|
46
|
+
/** VfxSlideItem 컴포넌트 Props */
|
|
47
|
+
export interface VfxSlideItemProps {
|
|
48
|
+
children: React.ReactNode;
|
|
49
|
+
effect?: SlideEffectType;
|
|
50
|
+
driftEffect?: DriftEffectType;
|
|
51
|
+
duration?: number;
|
|
52
|
+
interval?: number;
|
|
53
|
+
className?: string;
|
|
54
|
+
style?: React.CSSProperties;
|
|
55
|
+
}
|
|
56
|
+
/** VfxSlide 컴포넌트 Props */
|
|
57
|
+
export interface VfxSlideProps {
|
|
58
|
+
children: React.ReactNode[];
|
|
59
|
+
effect?: SlideEffectType;
|
|
60
|
+
driftEffect?: DriftEffectType;
|
|
61
|
+
activeIndex?: number;
|
|
62
|
+
onSlideChange?: (index: number) => void;
|
|
63
|
+
autoPlay?: boolean;
|
|
64
|
+
autoPlayInterval?: number;
|
|
65
|
+
duration?: number;
|
|
66
|
+
loop?: boolean;
|
|
67
|
+
pauseOnHover?: boolean;
|
|
68
|
+
className?: string;
|
|
69
|
+
style?: React.CSSProperties;
|
|
70
|
+
showNavigation?: boolean;
|
|
71
|
+
showIndicators?: boolean;
|
|
72
|
+
enableKeyboard?: boolean;
|
|
73
|
+
enableSwipe?: boolean;
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@ehfuse/react-vfx",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "React visual effects library - Glow, typing, rainbow and more text/border effects",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.esm.js",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"scripts": {
|
|
12
|
+
"build": "node build.js",
|
|
13
|
+
"build:types": "tsc --emitDeclarationOnly --declaration --outDir dist",
|
|
14
|
+
"prepublishOnly": "npm run build"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"react",
|
|
18
|
+
"vfx",
|
|
19
|
+
"effects",
|
|
20
|
+
"glow",
|
|
21
|
+
"animation",
|
|
22
|
+
"text-effects",
|
|
23
|
+
"border-effects",
|
|
24
|
+
"visual-effects"
|
|
25
|
+
],
|
|
26
|
+
"author": {
|
|
27
|
+
"name": "김영진 (Kim Young Jin)",
|
|
28
|
+
"email": "ehfuse@gmail.com"
|
|
29
|
+
},
|
|
30
|
+
"license": "SEE LICENSE IN LICENSE",
|
|
31
|
+
"repository": {
|
|
32
|
+
"type": "git",
|
|
33
|
+
"url": "https://github.com/ehfuse/react-vfx.git"
|
|
34
|
+
},
|
|
35
|
+
"homepage": "https://github.com/ehfuse/react-vfx#readme",
|
|
36
|
+
"bugs": {
|
|
37
|
+
"url": "https://github.com/ehfuse/react-vfx/issues"
|
|
38
|
+
},
|
|
39
|
+
"publishConfig": {
|
|
40
|
+
"access": "restricted"
|
|
41
|
+
},
|
|
42
|
+
"peerDependencies": {
|
|
43
|
+
"react": ">=17.0.0",
|
|
44
|
+
"react-dom": ">=17.0.0"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@types/react": "^18.2.0",
|
|
48
|
+
"@types/react-dom": "^18.2.0",
|
|
49
|
+
"esbuild": "^0.20.0",
|
|
50
|
+
"typescript": "^5.3.0"
|
|
51
|
+
}
|
|
52
|
+
}
|