@elyndra/react-effects 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# AEGIS
+
+Futuristic Sci-Fi UI Web Framework.
+
+Check out [github.com/aegis/aegis](https://github.com/aegis/aegis).

package/build/cjs/Illuminator/Illuminator.d.ts

@@ -0,0 +1,8 @@
+import { type CreateEffectIlluminatorProps } from '@elyndra/effects';
+import React, { type ForwardedRef, type HTMLProps } from 'react';
+interface IlluminatorProps extends Omit<CreateEffectIlluminatorProps, 'container' | 'className' | 'style'>, HTMLProps<HTMLDivElement> {
+    elementRef?: ForwardedRef<HTMLDivElement>;
+}
+declare const Illuminator: React.ComponentType<IlluminatorProps>;
+export { Illuminator };
+export type { IlluminatorProps };

package/build/cjs/Illuminator/Illuminator.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Illuminator = void 0;
+const tslib_1 = require("tslib");
+const effects_1 = require("@elyndra/effects");
+const react_tools_1 = require("@elyndra/react-tools");
+const tools_1 = require("@elyndra/tools");
+const react_1 = tslib_1.__importStar(require("react"));
+const Illuminator = (0, react_tools_1.memo)((props) => {
+    const { elementRef, color, size, ...otherProps } = props;
+    const containerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        const illuminator = (0, effects_1.createEffectIlluminator)({ container, color, size });
+        return () => illuminator.cancel();
+    }, [color, size]);
+    return (react_1.default.createElement("div", { ref: (0, react_tools_1.mergeRefs)(containerRef, elementRef), role: 'presentation', ...otherProps, className: (0, tools_1.cx)('aegis-frames-illuminator', otherProps.className), style: {
+            position: 'absolute',
+            inset: 0,
+            overflow: 'hidden',
+            width: '100%',
+            height: '100%',
+            ...otherProps.style,
+        } }));
+});
+exports.Illuminator = Illuminator;

package/build/cjs/Illuminator/index.d.ts

@@ -0,0 +1 @@
+export * from './Illuminator.js';

package/build/cjs/Illuminator/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Illuminator.js"), exports);

package/build/cjs/IlluminatorSVG/IlluminatorSVG.d.ts

@@ -0,0 +1,11 @@
+import { type CreateEffectIlluminatorSVGProps } from '@elyndra/effects';
+import React, { type ForwardedRef, type RefObject, type SVGProps } from 'react';
+interface IlluminatorSVGProps extends SVGProps<SVGGElement>, Omit<CreateEffectIlluminatorSVGProps, 'svg' | 'container' | 'className' | 'style'> {
+    elementRef?: ForwardedRef<SVGGElement>;
+    svgRef: RefObject<SVGSVGElement | null>;
+    color?: string;
+    size?: number;
+}
+declare const IlluminatorSVG: React.ComponentType<IlluminatorSVGProps>;
+export { IlluminatorSVG };
+export type { IlluminatorSVGProps };

package/build/cjs/IlluminatorSVG/IlluminatorSVG.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IlluminatorSVG = void 0;
+const tslib_1 = require("tslib");
+const effects_1 = require("@elyndra/effects");
+const react_tools_1 = require("@elyndra/react-tools");
+const tools_1 = require("@elyndra/tools");
+const react_1 = tslib_1.__importStar(require("react"));
+const IlluminatorSVG = (0, react_tools_1.memo)((props) => {
+    const { elementRef, svgRef, color, size, ...otherProps } = props;
+    const containerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const svg = svgRef.current;
+        const container = containerRef.current;
+        if (!svg || !container) {
+            return;
+        }
+        const effect = (0, effects_1.createEffectIlluminatorSVG)({ svg, container, size, color });
+        return () => effect.cancel();
+    }, [size, color]);
+    return (react_1.default.createElement("g", { ref: (0, react_tools_1.mergeRefs)(containerRef, elementRef), ...otherProps, className: (0, tools_1.cx)('aegis-frames-illuminatorsvg', otherProps.className), style: {
+            pointerEvents: 'none',
+            ...otherProps.style,
+        } }));
+});
+exports.IlluminatorSVG = IlluminatorSVG;

package/build/cjs/IlluminatorSVG/index.d.ts

@@ -0,0 +1 @@
+export * from './IlluminatorSVG.js';

package/build/cjs/IlluminatorSVG/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IlluminatorSVG.js"), exports);

package/build/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Illuminator/index.js';
+export * from './IlluminatorSVG/index.js';

package/build/cjs/index.js

@@ -0,0 +1,6 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Illuminator/index.js"), exports);
+tslib_1.__exportStar(require("./IlluminatorSVG/index.js"), exports);

package/build/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/build/esm/Illuminator/Illuminator.d.ts

@@ -0,0 +1,8 @@
+import { type CreateEffectIlluminatorProps } from '@elyndra/effects';
+import React, { type ForwardedRef, type HTMLProps } from 'react';
+interface IlluminatorProps extends Omit<CreateEffectIlluminatorProps, 'container' | 'className' | 'style'>, HTMLProps<HTMLDivElement> {
+    elementRef?: ForwardedRef<HTMLDivElement>;
+}
+declare const Illuminator: React.ComponentType<IlluminatorProps>;
+export { Illuminator };
+export type { IlluminatorProps };

package/build/esm/Illuminator/Illuminator.js

@@ -0,0 +1,25 @@
+import { createEffectIlluminator } from '@elyndra/effects';
+import { memo, mergeRefs } from '@elyndra/react-tools';
+import { cx } from '@elyndra/tools';
+import React, { useEffect, useRef } from 'react';
+const Illuminator = memo((props) => {
+    const { elementRef, color, size, ...otherProps } = props;
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        const illuminator = createEffectIlluminator({ container, color, size });
+        return () => illuminator.cancel();
+    }, [color, size]);
+    return (React.createElement("div", { ref: mergeRefs(containerRef, elementRef), role: 'presentation', ...otherProps, className: cx('aegis-frames-illuminator', otherProps.className), style: {
+            position: 'absolute',
+            inset: 0,
+            overflow: 'hidden',
+            width: '100%',
+            height: '100%',
+            ...otherProps.style,
+        } }));
+});
+export { Illuminator };

package/build/esm/Illuminator/index.d.ts

@@ -0,0 +1 @@
+export * from './Illuminator.js';

package/build/esm/Illuminator/index.js

@@ -0,0 +1 @@
+export * from './Illuminator.js';

package/build/esm/IlluminatorSVG/IlluminatorSVG.d.ts

@@ -0,0 +1,11 @@
+import { type CreateEffectIlluminatorSVGProps } from '@elyndra/effects';
+import React, { type ForwardedRef, type RefObject, type SVGProps } from 'react';
+interface IlluminatorSVGProps extends SVGProps<SVGGElement>, Omit<CreateEffectIlluminatorSVGProps, 'svg' | 'container' | 'className' | 'style'> {
+    elementRef?: ForwardedRef<SVGGElement>;
+    svgRef: RefObject<SVGSVGElement | null>;
+    color?: string;
+    size?: number;
+}
+declare const IlluminatorSVG: React.ComponentType<IlluminatorSVGProps>;
+export { IlluminatorSVG };
+export type { IlluminatorSVGProps };

package/build/esm/IlluminatorSVG/IlluminatorSVG.js

@@ -0,0 +1,22 @@
+import { createEffectIlluminatorSVG } from '@elyndra/effects';
+import { memo, mergeRefs } from '@elyndra/react-tools';
+import { cx } from '@elyndra/tools';
+import React, { useEffect, useRef } from 'react';
+const IlluminatorSVG = memo((props) => {
+    const { elementRef, svgRef, color, size, ...otherProps } = props;
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const svg = svgRef.current;
+        const container = containerRef.current;
+        if (!svg || !container) {
+            return;
+        }
+        const effect = createEffectIlluminatorSVG({ svg, container, size, color });
+        return () => effect.cancel();
+    }, [size, color]);
+    return (React.createElement("g", { ref: mergeRefs(containerRef, elementRef), ...otherProps, className: cx('aegis-frames-illuminatorsvg', otherProps.className), style: {
+            pointerEvents: 'none',
+            ...otherProps.style,
+        } }));
+});
+export { IlluminatorSVG };

package/build/esm/IlluminatorSVG/index.d.ts

@@ -0,0 +1 @@
+export * from './IlluminatorSVG.js';

package/build/esm/IlluminatorSVG/index.js

@@ -0,0 +1 @@
+export * from './IlluminatorSVG.js';

package/build/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Illuminator/index.js';
+export * from './IlluminatorSVG/index.js';

package/build/esm/index.js

@@ -0,0 +1,3 @@
+'use client';
+export * from './Illuminator/index.js';
+export * from './IlluminatorSVG/index.js';

package/build/esm/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@elyndra/react-effects",
+  "version": "1.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Futuristic Sci-Fi UI Web Framework",
+  "keywords": [
+    "aegis",
+    "ui",
+    "front-end",
+    "framework",
+    "scifi",
+    "sci-fi",
+    "science-fiction"
+  ],
+  "homepage": "https://aegis.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/aegis/aegis.git"
+  },
+  "bugs": {
+    "url": "https://github.com/aegis/aegis/issues"
+  },
+  "funding": "https://github.com/sponsors/romelperez",
+  "license": "MIT",
+  "files": [
+    "build"
+  ],
+  "exports": {
+    ".": {
+      "import": "./build/esm/index.js",
+      "require": "./build/cjs/index.js"
+    },
+    "./build/": {
+      "default": "./build/"
+    }
+  },
+  "types": "./build/esm/index.d.ts",
+  "module": "./build/esm/index.js",
+  "main": "./build/cjs/index.js",
+  "peerDependencies": {
+    "react": "19"
+  },
+  "dependencies": {
+    "@elyndra/effects": "^1.0.0",
+    "@elyndra/react-tools": "^1.0.0",
+    "@elyndra/tools": "^1.0.0",
+    "tslib": "2.8.1"
+  },
+  "devDependencies": {
+    "@elyndra/frames": "^1.0.0"
+  },
+  "scripts": {
+    "build": "npm run build-esm && npm run build-cjs",
+    "build-esm": "node ../../scripts/pkg-build.mjs esm",
+    "build-cjs": "node ../../scripts/pkg-build.mjs cjs",
+    "dev": "node ../../scripts/pkg-build.mjs esm --watch"
+  }
+}