@sc4rfurryx/proteusjs 1.0.0 → 1.1.0

package/dist/modules/scroll.esm.js

@@ -0,0 +1,195 @@
+/*!
+ * ProteusJS v1.1.0
+ * Shape-shifting responsive design that adapts like the sea god himself
+ * (c) 2025 sc4rfurry
+ * Released under the MIT License
+ */
+/**
+ * @sc4rfurryx/proteusjs/scroll
+ * Scroll-driven animations with CSS Scroll-Linked Animations
+ *
+ * @version 1.1.0
+ * @author sc4rfurry
+ * @license MIT
+ */
+/**
+ * Zero-boilerplate setup for CSS Scroll-Linked Animations with fallbacks
+ */
+function scrollAnimate(target, opts) {
+    const targetEl = typeof target === 'string' ? document.querySelector(target) : target;
+    if (!targetEl) {
+        throw new Error('Target element not found');
+    }
+    const { keyframes, range = ['0%', '100%'], timeline = {}, fallback = 'io' } = opts;
+    const { axis = 'block', start = '0%', end = '100%' } = timeline;
+    // Check for CSS Scroll-Linked Animations support
+    const hasScrollTimeline = 'CSS' in window && CSS.supports('animation-timeline', 'scroll()');
+    // Check for reduced motion preference
+    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    if (prefersReducedMotion) {
+        // Respect user preference - either disable or reduce animation
+        if (fallback === false)
+            return;
+        // Apply only the end state for reduced motion
+        const endKeyframe = keyframes[keyframes.length - 1];
+        Object.assign(targetEl.style, endKeyframe);
+        return;
+    }
+    if (hasScrollTimeline) {
+        // Use native CSS Scroll-Linked Animations
+        const timelineName = `scroll-timeline-${Math.random().toString(36).substr(2, 9)}`;
+        // Create scroll timeline
+        const style = document.createElement('style');
+        style.textContent = `
+      @scroll-timeline ${timelineName} {
+        source: nearest;
+        orientation: ${axis};
+        scroll-offsets: ${start}, ${end};
+      }
+      
+      .scroll-animate-${timelineName} {
+        animation-timeline: ${timelineName};
+        animation-duration: 1ms; /* Required but ignored */
+        animation-fill-mode: both;
+      }
+    `;
+        document.head.appendChild(style);
+        // Apply animation class
+        targetEl.classList.add(`scroll-animate-${timelineName}`);
+        // Create Web Animations API animation
+        const animation = targetEl.animate(keyframes, {
+            duration: 1, // Required but ignored with scroll timeline
+            fill: 'both'
+        });
+        // Set scroll timeline (when supported)
+        if ('timeline' in animation) {
+            animation.timeline = new window.ScrollTimeline({
+                source: document.scrollingElement,
+                orientation: axis,
+                scrollOffsets: [
+                    { target: targetEl, edge: 'start', threshold: parseFloat(start) / 100 },
+                    { target: targetEl, edge: 'end', threshold: parseFloat(end) / 100 }
+                ]
+            });
+        }
+    }
+    else if (fallback === 'io') {
+        // Fallback using Intersection Observer
+        let animation = null;
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                const progress = Math.max(0, Math.min(1, entry.intersectionRatio));
+                if (!animation) {
+                    animation = targetEl.animate(keyframes, {
+                        duration: 1000,
+                        fill: 'both'
+                    });
+                    animation.pause();
+                }
+                // Update animation progress based on intersection
+                animation.currentTime = progress * 1000;
+            });
+        }, {
+            threshold: Array.from({ length: 101 }, (_, i) => i / 100) // 0 to 1 in 0.01 steps
+        });
+        observer.observe(targetEl);
+        // Store cleanup function
+        targetEl._scrollAnimateCleanup = () => {
+            observer.disconnect();
+            if (animation) {
+                animation.cancel();
+            }
+        };
+    }
+}
+/**
+ * Create a scroll-triggered animation that plays once when element enters viewport
+ */
+function scrollTrigger(target, keyframes, options = {}) {
+    const targetEl = typeof target === 'string' ? document.querySelector(target) : target;
+    if (!targetEl) {
+        throw new Error('Target element not found');
+    }
+    // Check for reduced motion preference
+    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    if (prefersReducedMotion) {
+        // Apply end state immediately
+        const endKeyframe = keyframes[keyframes.length - 1];
+        Object.assign(targetEl.style, endKeyframe);
+        return;
+    }
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                // Play animation
+                targetEl.animate(keyframes, {
+                    duration: 600,
+                    easing: 'ease-out',
+                    fill: 'forwards',
+                    ...options
+                });
+                // Disconnect observer after first trigger
+                observer.disconnect();
+            }
+        });
+    }, {
+        threshold: 0.1,
+        rootMargin: '0px 0px -10% 0px'
+    });
+    observer.observe(targetEl);
+}
+/**
+ * Parallax effect using scroll-driven animations
+ */
+function parallax(target, speed = 0.5) {
+    const targetEl = typeof target === 'string' ? document.querySelector(target) : target;
+    if (!targetEl) {
+        throw new Error('Target element not found');
+    }
+    // Check for reduced motion preference
+    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    if (prefersReducedMotion)
+        return;
+    const keyframes = [
+        { transform: `translateY(${ -100 * speed}px)` },
+        { transform: `translateY(${100 * speed}px)` }
+    ];
+    scrollAnimate(targetEl, {
+        keyframes,
+        range: ['0%', '100%'],
+        timeline: { axis: 'block' },
+        fallback: 'io'
+    });
+}
+/**
+ * Cleanup function to remove scroll animations
+ */
+function cleanup(target) {
+    const targetEl = typeof target === 'string' ? document.querySelector(target) : target;
+    if (!targetEl)
+        return;
+    // Call stored cleanup function if it exists
+    if (targetEl._scrollAnimateCleanup) {
+        targetEl._scrollAnimateCleanup();
+        delete targetEl._scrollAnimateCleanup;
+    }
+    // Remove animation classes
+    targetEl.classList.forEach(className => {
+        if (className.startsWith('scroll-animate-')) {
+            targetEl.classList.remove(className);
+        }
+    });
+    // Cancel any running animations
+    const animations = targetEl.getAnimations();
+    animations.forEach(animation => animation.cancel());
+}
+// Export default object for convenience
+var index = {
+    scrollAnimate,
+    scrollTrigger,
+    parallax,
+    cleanup
+};
+
+export { cleanup, index as default, parallax, scrollAnimate, scrollTrigger };
+//# sourceMappingURL=scroll.esm.js.map

package/dist/modules/scroll.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.esm.js","sources":["../../src/modules/scroll/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/modules/transitions.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @sc4rfurryx/proteusjs/transitions
+ * View Transitions API wrapper with safe fallbacks
+ *
+ * @version 1.1.0
+ * @author sc4rfurry
+ * @license MIT
+ */
+interface TransitionOptions {
+    name?: string;
+    duration?: number;
+    onBefore?: () => void;
+    onAfter?: () => void;
+    allowInterrupt?: boolean;
+}
+interface NavigateOptions {
+    name?: string;
+    prerender?: boolean;
+}
+/**
+ * One API for animating DOM state changes and cross-document navigations
+ * using the View Transitions API with safe fallbacks.
+ */
+declare function transition(run: () => Promise<any> | any, opts?: TransitionOptions): Promise<void>;
+/**
+ * MPA-friendly navigation with view transitions when supported
+ */
+declare function navigate(url: string, opts?: NavigateOptions): Promise<void>;
+declare const _default: {
+    transition: typeof transition;
+    navigate: typeof navigate;
+};
+
+export { _default as default, navigate, transition };
+export type { NavigateOptions, TransitionOptions };

package/dist/modules/transitions.esm.js

@@ -0,0 +1,120 @@
+/*!
+ * ProteusJS v1.1.0
+ * Shape-shifting responsive design that adapts like the sea god himself
+ * (c) 2025 sc4rfurry
+ * Released under the MIT License
+ */
+/**
+ * @sc4rfurryx/proteusjs/transitions
+ * View Transitions API wrapper with safe fallbacks
+ *
+ * @version 1.1.0
+ * @author sc4rfurry
+ * @license MIT
+ */
+/**
+ * One API for animating DOM state changes and cross-document navigations
+ * using the View Transitions API with safe fallbacks.
+ */
+async function transition(run, opts = {}) {
+    const { name, duration = 300, onBefore, onAfter, allowInterrupt = true } = opts;
+    // Check for View Transitions API support
+    const hasViewTransitions = 'startViewTransition' in document;
+    if (onBefore) {
+        onBefore();
+    }
+    if (!hasViewTransitions) {
+        // Fallback: run immediately without transitions
+        try {
+            await run();
+        }
+        finally {
+            if (onAfter) {
+                onAfter();
+            }
+        }
+        return;
+    }
+    // Use native View Transitions API
+    try {
+        const viewTransition = document.startViewTransition(async () => {
+            await run();
+        });
+        // Add CSS view-transition-name if name provided
+        if (name) {
+            const style = document.createElement('style');
+            style.textContent = `
+        ::view-transition-old(${name}),
+        ::view-transition-new(${name}) {
+          animation-duration: ${duration}ms;
+        }
+      `;
+            document.head.appendChild(style);
+            // Clean up style after transition
+            viewTransition.finished.finally(() => {
+                style.remove();
+            });
+        }
+        await viewTransition.finished;
+    }
+    catch (error) {
+        console.warn('View transition failed, falling back to immediate execution:', error);
+        await run();
+    }
+    finally {
+        if (onAfter) {
+            onAfter();
+        }
+    }
+}
+/**
+ * MPA-friendly navigation with view transitions when supported
+ */
+async function navigate(url, opts = {}) {
+    const { name, prerender = false } = opts;
+    // Optional prerender hint (basic implementation)
+    if (prerender && 'speculation' in HTMLScriptElement.prototype) {
+        const script = document.createElement('script');
+        script.type = 'speculationrules';
+        script.textContent = JSON.stringify({
+            prerender: [{ where: { href_matches: url } }]
+        });
+        document.head.appendChild(script);
+    }
+    // Check for View Transitions API support
+    const hasViewTransitions = 'startViewTransition' in document;
+    if (!hasViewTransitions) {
+        // Fallback: normal navigation
+        window.location.href = url;
+        return;
+    }
+    try {
+        // Use view transitions for navigation
+        const viewTransition = document.startViewTransition(() => {
+            window.location.href = url;
+        });
+        if (name) {
+            const style = document.createElement('style');
+            style.textContent = `
+        ::view-transition-old(${name}),
+        ::view-transition-new(${name}) {
+          animation-duration: 300ms;
+        }
+      `;
+            document.head.appendChild(style);
+        }
+        await viewTransition.finished;
+    }
+    catch (error) {
+        console.warn('View transition navigation failed, falling back to normal navigation:', error);
+        window.location.href = url;
+    }
+}
+// Export default object for convenience
+var index = {
+    transition,
+    navigate
+};
+
+export { index as default, navigate, transition };
+//# sourceMappingURL=transitions.esm.js.map

package/dist/modules/transitions.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.esm.js","sources":["../../src/modules/transitions/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/modules/typography.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @sc4rfurryx/proteusjs/typography
+ * Fluid typography with CSS-first approach
+ *
+ * @version 1.1.0
+ * @author sc4rfurry
+ * @license MIT
+ */
+interface FluidTypeOptions {
+    minViewportPx?: number;
+    maxViewportPx?: number;
+    lineHeight?: number;
+    containerUnits?: boolean;
+}
+interface FluidTypeResult {
+    css: string;
+}
+/**
+ * Generate pure-CSS clamp() rules for fluid typography
+ */
+declare function fluidType(minRem: number, maxRem: number, options?: FluidTypeOptions): FluidTypeResult;
+/**
+ * Apply fluid typography to elements
+ */
+declare function applyFluidType(selector: string, minRem: number, maxRem: number, options?: FluidTypeOptions): void;
+/**
+ * Create a complete typographic scale
+ */
+declare function createTypographicScale(baseSize?: number, ratio?: number, steps?: number, options?: FluidTypeOptions): Record<string, FluidTypeResult>;
+/**
+ * Generate CSS custom properties for a typographic scale
+ */
+declare function generateScaleCSS(scale: Record<string, FluidTypeResult>, prefix?: string): string;
+/**
+ * Optimize line height for readability
+ */
+declare function optimizeLineHeight(fontSize: number, measure?: number): number;
+/**
+ * Calculate optimal font size for container width
+ */
+declare function calculateOptimalSize(containerWidth: number, targetCharacters?: number, baseCharWidth?: number): number;
+/**
+ * Apply responsive typography to an element
+ */
+declare function makeResponsive(target: Element | string, options?: {
+    minSize?: number;
+    maxSize?: number;
+    targetCharacters?: number;
+    autoLineHeight?: boolean;
+}): void;
+/**
+ * Remove applied typography styles
+ */
+declare function cleanup(target?: Element | string): void;
+/**
+ * Check if container query units are supported
+ */
+declare function supportsContainerUnits(): boolean;
+declare const _default: {
+    fluidType: typeof fluidType;
+    applyFluidType: typeof applyFluidType;
+    createTypographicScale: typeof createTypographicScale;
+    generateScaleCSS: typeof generateScaleCSS;
+    optimizeLineHeight: typeof optimizeLineHeight;
+    calculateOptimalSize: typeof calculateOptimalSize;
+    makeResponsive: typeof makeResponsive;
+    cleanup: typeof cleanup;
+    supportsContainerUnits: typeof supportsContainerUnits;
+};
+
+export { applyFluidType, calculateOptimalSize, cleanup, createTypographicScale, _default as default, fluidType, generateScaleCSS, makeResponsive, optimizeLineHeight, supportsContainerUnits };
+export type { FluidTypeOptions, FluidTypeResult };

package/dist/modules/typography.esm.js

@@ -0,0 +1,168 @@
+/*!
+ * ProteusJS v1.1.0
+ * Shape-shifting responsive design that adapts like the sea god himself
+ * (c) 2025 sc4rfurry
+ * Released under the MIT License
+ */
+/**
+ * @sc4rfurryx/proteusjs/typography
+ * Fluid typography with CSS-first approach
+ *
+ * @version 1.1.0
+ * @author sc4rfurry
+ * @license MIT
+ */
+/**
+ * Generate pure-CSS clamp() rules for fluid typography
+ */
+function fluidType(minRem, maxRem, options = {}) {
+    const { minViewportPx = 320, maxViewportPx = 1200, lineHeight, containerUnits = false } = options;
+    // Convert rem to px for calculations (assuming 16px base)
+    const minPx = minRem * 16;
+    const maxPx = maxRem * 16;
+    // Calculate slope and y-intercept for linear interpolation
+    const slope = (maxPx - minPx) / (maxViewportPx - minViewportPx);
+    const yIntercept = minPx - slope * minViewportPx;
+    // Generate clamp() function
+    const viewportUnit = containerUnits ? 'cqw' : 'vw';
+    const clampValue = `clamp(${minRem}rem, ${yIntercept / 16}rem + ${slope * 100}${viewportUnit}, ${maxRem}rem)`;
+    let css = `font-size: ${clampValue};`;
+    // Add line-height if specified
+    if (lineHeight) {
+        css += `\nline-height: ${lineHeight};`;
+    }
+    return { css };
+}
+/**
+ * Apply fluid typography to elements
+ */
+function applyFluidType(selector, minRem, maxRem, options = {}) {
+    const { css } = fluidType(minRem, maxRem, options);
+    const styleElement = document.createElement('style');
+    styleElement.textContent = `${selector} {\n  ${css.replace(/\n/g, '\n  ')}\n}`;
+    styleElement.setAttribute('data-proteus-typography', selector);
+    document.head.appendChild(styleElement);
+}
+/**
+ * Create a complete typographic scale
+ */
+function createTypographicScale(baseSize = 1, ratio = 1.25, steps = 6, options = {}) {
+    const scale = {};
+    for (let i = -2; i <= steps - 3; i++) {
+        const size = baseSize * Math.pow(ratio, i);
+        const minSize = size * 0.8; // 20% smaller at min viewport
+        const maxSize = size * 1.2; // 20% larger at max viewport
+        const stepName = i <= 0 ? `small${Math.abs(i)}` : `large${i}`;
+        scale[stepName] = fluidType(minSize, maxSize, options);
+    }
+    return scale;
+}
+/**
+ * Generate CSS custom properties for a typographic scale
+ */
+function generateScaleCSS(scale, prefix = '--font-size') {
+    const cssVars = Object.entries(scale)
+        .map(([name, result]) => `  ${prefix}-${name}: ${result.css.replace('font-size: ', '').replace(';', '')};`)
+        .join('\n');
+    return `:root {\n${cssVars}\n}`;
+}
+/**
+ * Optimize line height for readability
+ */
+function optimizeLineHeight(fontSize, measure = 65) {
+    // Optimal line height based on font size and measure (characters per line)
+    // Smaller fonts need more line height, larger fonts need less
+    const baseLineHeight = 1.4;
+    const sizeAdjustment = Math.max(0.1, Math.min(0.3, (1 - fontSize) * 0.5));
+    const measureAdjustment = Math.max(-0.1, Math.min(0.1, (65 - measure) * 0.002));
+    return baseLineHeight + sizeAdjustment + measureAdjustment;
+}
+/**
+ * Calculate optimal font size for container width
+ */
+function calculateOptimalSize(containerWidth, targetCharacters = 65, baseCharWidth = 0.5) {
+    // Calculate font size to achieve target characters per line
+    const optimalFontSize = containerWidth / (targetCharacters * baseCharWidth);
+    // Clamp to reasonable bounds (12px to 24px)
+    return Math.max(0.75, Math.min(1.5, optimalFontSize));
+}
+/**
+ * Apply responsive typography to an element
+ */
+function makeResponsive(target, options = {}) {
+    const targetEl = typeof target === 'string' ? document.querySelector(target) : target;
+    if (!targetEl) {
+        throw new Error('Target element not found');
+    }
+    const { minSize = 0.875, maxSize = 1.25, targetCharacters = 65, autoLineHeight = true } = options;
+    // Apply fluid typography
+    const { css } = fluidType(minSize, maxSize);
+    const element = targetEl;
+    // Parse and apply CSS
+    const styles = css.split(';').filter(Boolean);
+    styles.forEach(style => {
+        const [property, value] = style.split(':').map(s => s.trim());
+        if (property && value) {
+            element.style.setProperty(property, value);
+        }
+    });
+    // Auto line height if enabled
+    if (autoLineHeight) {
+        const updateLineHeight = () => {
+            const computedStyle = getComputedStyle(element);
+            const fontSize = parseFloat(computedStyle.fontSize);
+            const containerWidth = element.getBoundingClientRect().width;
+            const charactersPerLine = containerWidth / (fontSize * 0.5);
+            const optimalLineHeight = optimizeLineHeight(fontSize / 16, charactersPerLine);
+            element.style.lineHeight = optimalLineHeight.toString();
+        };
+        updateLineHeight();
+        // Update on resize
+        if ('ResizeObserver' in window) {
+            const resizeObserver = new ResizeObserver(updateLineHeight);
+            resizeObserver.observe(element);
+            // Store cleanup function
+            element._proteusTypographyCleanup = () => {
+                resizeObserver.disconnect();
+            };
+        }
+    }
+}
+/**
+ * Remove applied typography styles
+ */
+function cleanup(target) {
+    if (target) {
+        const targetEl = typeof target === 'string' ? document.querySelector(target) : target;
+        if (targetEl && targetEl._proteusTypographyCleanup) {
+            targetEl._proteusTypographyCleanup();
+            delete targetEl._proteusTypographyCleanup;
+        }
+    }
+    else {
+        // Remove all typography style elements
+        const styleElements = document.querySelectorAll('style[data-proteus-typography]');
+        styleElements.forEach(element => element.remove());
+    }
+}
+/**
+ * Check if container query units are supported
+ */
+function supportsContainerUnits() {
+    return CSS.supports('width', '1cqw');
+}
+// Export default object for convenience
+var index = {
+    fluidType,
+    applyFluidType,
+    createTypographicScale,
+    generateScaleCSS,
+    optimizeLineHeight,
+    calculateOptimalSize,
+    makeResponsive,
+    cleanup,
+    supportsContainerUnits
+};
+
+export { applyFluidType, calculateOptimalSize, cleanup, createTypographicScale, index as default, fluidType, generateScaleCSS, makeResponsive, optimizeLineHeight, supportsContainerUnits };
+//# sourceMappingURL=typography.esm.js.map

package/dist/modules/typography.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.esm.js","sources":["../../src/modules/typography/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}