react-achievements 2.2.2 → 3.0.1

package/coverage/lcov.info

@@ -1,240 +0,0 @@
-TN:
-SF:src/index.ts
-FN:6,(anonymous_1)
-FN:7,(anonymous_2)
-FNF:2
-FNH:0
-FNDA:0,(anonymous_1)
-FNDA:0,(anonymous_2)
-DA:1,0
-DA:3,0
-DA:6,0
-DA:7,0
-DA:12,0
-LF:5
-LH:0
-BRF:0
-BRH:0
-end_of_record
-TN:
-SF:src/react-confetti.d.ts
-FNF:0
-FNH:0
-LF:0
-LH:0
-BRF:0
-BRH:0
-end_of_record
-TN:
-SF:src/react-use.d.ts
-FNF:0
-FNH:0
-LF:0
-LH:0
-BRF:0
-BRH:0
-end_of_record
-TN:
-SF:src/components/AchievementModal.tsx
-FN:10,(anonymous_1)
-FNF:1
-FNH:0
-FNDA:0,(anonymous_1)
-DA:1,0
-DA:10,0
-DA:11,0
-DA:13,0
-DA:25,0
-DA:35,0
-DA:49,0
-LF:7
-LH:0
-BRDA:11,0,0,0
-BRDA:11,1,0,0
-BRDA:11,1,1,0
-BRF:3
-BRH:0
-end_of_record
-TN:
-SF:src/components/BadgesButton.tsx
-FN:8,(anonymous_1)
-FNF:1
-FNH:0
-FNDA:0,(anonymous_1)
-DA:1,0
-DA:8,0
-DA:9,0
-DA:22,0
-DA:29,0
-LF:5
-LH:0
-BRF:0
-BRH:0
-end_of_record
-TN:
-SF:src/components/BadgesModal.tsx
-FN:10,(anonymous_1)
-FN:44,(anonymous_2)
-FNF:2
-FNH:0
-FNDA:0,(anonymous_1)
-FNDA:0,(anonymous_2)
-DA:1,0
-DA:10,0
-DA:11,0
-DA:13,0
-DA:28,0
-DA:38,0
-DA:45,0
-DA:57,0
-LF:8
-LH:0
-BRDA:11,0,0,0
-BRF:1
-BRH:0
-end_of_record
-TN:
-SF:src/components/ConfettiWrapper.tsx
-FN:11,(anonymous_1)
-FNF:1
-FNH:0
-FNDA:0,(anonymous_1)
-DA:1,0
-DA:2,0
-DA:3,0
-DA:11,0
-DA:12,0
-DA:14,0
-DA:16,0
-DA:25,0
-LF:8
-LH:0
-BRDA:14,0,0,0
-BRF:1
-BRH:0
-end_of_record
-TN:
-SF:src/context/AchievementProvider.tsx
-FN:26,(anonymous_7)
-FN:33,(anonymous_8)
-FN:34,(anonymous_9)
-FN:44,(anonymous_10)
-FN:45,(anonymous_11)
-FN:46,(anonymous_12)
-FN:46,(anonymous_13)
-FN:50,(anonymous_14)
-FN:58,(anonymous_15)
-FN:67,(anonymous_16)
-FN:71,(anonymous_17)
-FN:74,(anonymous_18)
-FN:76,(anonymous_19)
-FN:84,(anonymous_20)
-FN:92,(anonymous_21)
-FN:96,(anonymous_22)
-FN:102,(anonymous_23)
-FN:103,(anonymous_24)
-FN:119,(anonymous_25)
-FN:127,(anonymous_26)
-FN:135,(anonymous_27)
-FNF:21
-FNH:0
-FNDA:0,(anonymous_7)
-FNDA:0,(anonymous_8)
-FNDA:0,(anonymous_9)
-FNDA:0,(anonymous_10)
-FNDA:0,(anonymous_11)
-FNDA:0,(anonymous_12)
-FNDA:0,(anonymous_13)
-FNDA:0,(anonymous_14)
-FNDA:0,(anonymous_15)
-FNDA:0,(anonymous_16)
-FNDA:0,(anonymous_17)
-FNDA:0,(anonymous_18)
-FNDA:0,(anonymous_19)
-FNDA:0,(anonymous_20)
-FNDA:0,(anonymous_21)
-FNDA:0,(anonymous_22)
-FNDA:0,(anonymous_23)
-FNDA:0,(anonymous_24)
-FNDA:0,(anonymous_25)
-FNDA:0,(anonymous_26)
-FNDA:0,(anonymous_27)
-DA:1,0
-DA:3,0
-DA:4,0
-DA:5,0
-DA:6,0
-DA:24,0
-DA:26,0
-DA:33,0
-DA:34,0
-DA:35,0
-DA:36,0
-DA:38,0
-DA:40,0
-DA:44,0
-DA:45,0
-DA:46,0
-DA:50,0
-DA:51,0
-DA:52,0
-DA:53,0
-DA:55,0
-DA:58,0
-DA:59,0
-DA:60,0
-DA:63,0
-DA:64,0
-DA:65,0
-DA:67,0
-DA:68,0
-DA:71,0
-DA:72,0
-DA:74,0
-DA:75,0
-DA:76,0
-DA:77,0
-DA:78,0
-DA:83,0
-DA:84,0
-DA:85,0
-DA:86,0
-DA:87,0
-DA:88,0
-DA:92,0
-DA:93,0
-DA:96,0
-DA:97,0
-DA:100,0
-DA:103,0
-DA:104,0
-DA:105,0
-DA:113,0
-DA:120,0
-DA:121,0
-DA:127,0
-DA:135,0
-DA:136,0
-DA:137,0
-DA:138,0
-DA:140,0
-LF:59
-LH:0
-BRDA:29,0,0,0
-BRDA:30,1,0,0
-BRDA:31,2,0,0
-BRDA:35,3,0,0
-BRDA:35,3,1,0
-BRDA:52,4,0,0
-BRDA:60,5,0,0
-BRDA:60,5,1,0
-BRDA:77,6,0,0
-BRDA:77,7,0,0
-BRDA:77,7,1,0
-BRDA:83,8,0,0
-BRDA:104,9,0,0
-BRDA:104,9,1,0
-BRDA:137,10,0,0
-BRF:15
-BRH:0
-end_of_record

package/public/badges/icon1.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M560-440q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35ZM280-320q-33 0-56.5-23.5T200-400v-320q0-33 23.5-56.5T280-800h560q33 0 56.5 23.5T920-720v320q0 33-23.5 56.5T840-320H280Zm80-80h400q0-33 23.5-56.5T840-480v-160q-33 0-56.5-23.5T760-720H360q0 33-23.5 56.5T280-640v160q33 0 56.5 23.5T360-400Zm440 240H120q-33 0-56.5-23.5T40-240v-440h80v440h680v80ZM280-400v-320 320Z"/></svg>

package/rollup.config.mjs

@@ -1,34 +0,0 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import typescript from 'rollup-plugin-typescript2';
-import replace from '@rollup/plugin-replace';
-import postcss from 'rollup-plugin-postcss';
-
-export default {
-    input: 'src/index.ts',
-    output: [
-        {
-            file: 'dist/index.cjs.js',
-            format: 'cjs',
-        },
-        {
-            file: 'dist/index.esm.js',
-            format: 'esm',
-        }
-    ],
-    plugins: [
-        replace({
-            preventAssignment: true,
-            'this': 'undefined',
-        }),
-        postcss({
-            extract: false,
-            inject: true,
-            modules: false
-        }),
-        resolve(),
-        commonjs(),
-        typescript({ tsconfig: './tsconfig.json' })
-    ],
-    external: ['react', 'react-dom']
-};

package/src/assets/defaultIcons.ts

@@ -1,100 +0,0 @@
-// src/defaultIcons.ts
-
-export const defaultAchievementIcons = {
-    // General Progress & Milestones
-    levelUp: '🏆',
-    questComplete: '📜',
-    monsterDefeated: '⚔️',
-    itemCollected: '📦',
-    challengeCompleted: '🏁',
-    milestoneReached: '🏅',
-    firstStep: '👣',
-    newBeginnings: '🌱',
-    breakthrough: '💡',
-    growth: '📈',
-
-    // Social & Engagement
-    shared: '🔗',
-    liked: '❤️',
-    commented: '💬',
-    followed: '👥',
-    invited: '🤝',
-    communityMember: '🏘️',
-    supporter: '🌟',
-    connected: '🌐',
-    participant: '🙋',
-    influencer: '📣',
-
-    // Time & Activity
-    activeDay: '☀️',
-    activeWeek: '📅',
-    activeMonth: '🗓️',
-    earlyBird: '⏰',
-    nightOwl: '🌙',
-    streak: '🔥',
-    dedicated: '⏳',
-    punctual: '⏱️',
-    consistent: '🔄',
-    marathon: '🏃',
-
-    // Creativity & Skill
-    artist: '🎨',
-    writer: '✍️',
-    innovator: '🔬',
-    creator: '🛠️',
-    expert: '🎓',
-    master: '👑',
-    pioneer: '🚀',
-    performer: '🎭',
-    thinker: '🧠',
-    explorer: '🗺️',
-
-    // Achievement Types
-    bronze: '🥉',
-    silver: '🥈',
-    gold: '🥇',
-    diamond: '💎',
-    legendary: '✨',
-    epic: '💥',
-    rare: '🔮',
-    common: '🔘',
-    special: '🎁',
-    hidden: '❓',
-
-    // Numbers & Counters
-    one: '1️⃣',
-    ten: '🔟',
-    hundred: '💯',
-    thousand: '🔢',
-
-    // Actions & Interactions
-    clicked: '🖱️',
-    used: '🔑',
-    found: '🔍',
-    built: '🧱',
-    solved: '🧩',
-    discovered: '🔭',
-    unlocked: '🔓',
-    upgraded: '⬆️',
-    repaired: '🔧',
-    defended: '🛡️',
-
-    // Placeholders
-    default: '⭐', // A fallback icon
-    loading: '⏳',
-    error: '⚠️',
-    success: '✅',
-    failure: '❌',
-
-    // Miscellaneous
-    trophy: '🏆',
-    star: '⭐',
-    flag: '🚩',
-    puzzle: '🧩',
-    gem: '💎',
-    crown: '👑',
-    medal: '🏅',
-    ribbon: '🎗️',
-    badge: '🎖️',
-    shield: '🛡️',
-};

package/src/components/BadgesButton.tsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import { Styles } from '../defaultStyles';
-import { AchievementDetails } from '../types';
-
-interface BadgesButtonProps {
-    onClick: () => void;
-    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-    styles: Styles['badgesButton'];
-    unlockedAchievements: AchievementDetails[];
-    icon?: React.ReactNode; // Allow custom icons
-    drawer?: boolean; // Indicate if it triggers a drawer
-    customStyles?: React.CSSProperties; // Allow custom styles
-}
-
-const BadgesButton: React.FC<BadgesButtonProps> = ({
-                                                       onClick,
-                                                       position,
-                                                       styles,
-                                                       unlockedAchievements,
-                                                       icon,
-                                                       drawer = false,
-                                                       customStyles,
-                                                   }) => {
-    const positionStyle = position
-        ? {
-            [position.split('-')[0]]: '20px',
-            [position.split('-')[1]]: '20px',
-        }
-        : {};
-
-    const handleButtonClick = () => {
-        onClick();
-    };
-
-    const achievementsText = 'View Achievements';
-
-    const buttonContent = icon ? icon : achievementsText;
-
-    return (
-        <button
-            onClick={handleButtonClick}
-            style={{ ...styles, ...positionStyle, ...customStyles }}
-        >
-            {buttonContent}
-        </button>
-    );
-};
-
-export default React.memo(BadgesButton);

package/src/components/BadgesModal.tsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import {AchievementDetails, AchievementIconRecord} from '../types';
-import { Styles } from '../defaultStyles';
-import { defaultAchievementIcons } from '../assets/defaultIcons'; // Import default icons
-
-interface BadgesModalProps {
-    isOpen: boolean;
-    achievements: AchievementDetails[];
-    onClose: () => void;
-    styles: Styles['badgesModal'];
-    icons?: Record<string, string>; // Optional user-specified icons
-}
-
-const BadgesModal: React.FC<BadgesModalProps> = ({ isOpen, achievements, onClose, styles, icons = {} }) => {
-    if (!isOpen) return null;
-
-    return (
-        <div style={styles.overlay as React.CSSProperties}>
-            <div style={styles.content}>
-                <h2 style={styles.title}>Your Achievements</h2>
-                <div style={styles.badgeContainer}>
-                    {achievements.map((achievement) => {
-                        const mergedIcons: AchievementIconRecord = { ...defaultAchievementIcons, ...icons };
-                        let iconToDisplay: string | undefined = mergedIcons.default;
-                        if (achievement.achievementIconKey && mergedIcons[achievement.achievementIconKey]) {
-                            iconToDisplay = mergedIcons[achievement.achievementIconKey];
-                        }
-                        return (
-                            <div key={achievement.achievementId} style={styles.badge}>
-                                {/* Render icon based on type (Unicode or image path) */}
-                                {iconToDisplay.startsWith('http') || iconToDisplay.startsWith('data:image') ? (
-                                    <img src={iconToDisplay} alt={achievement.achievementTitle} style={styles.badgeIcon} />
-                                ) : (
-                                    <p style={{ fontSize: '2em' }}>{iconToDisplay}</p> // Render Unicode as large text
-                                )}
-                                <span style={styles.badgeTitle}>{achievement.achievementTitle}</span>
-                            </div>
-                        );
-                    })}
-                </div>
-                <button onClick={onClose} style={styles.button}>Close</button>
-            </div>
-        </div>
-    );
-};
-
-export default React.memo(BadgesModal);

package/src/components/ConfettiWrapper.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import Confetti from 'react-confetti';
-import { useWindowSize } from 'react-use';
-
-interface ConfettiWrapperProps {
-    show: boolean;
-}
-
-const ConfettiWrapper: React.FC<ConfettiWrapperProps> = ({ show }) => {
-    const { width, height } = useWindowSize();
-
-    if (!show) return null;
-
-    return <Confetti width={width} height={height} recycle={false} />;
-};
-
-export default ConfettiWrapper;

package/src/defaultStyles.ts

@@ -1,86 +0,0 @@
-type StyleObject = { [key: string]: string | number };
-
-interface BadgesModalStyles {
-    overlay: StyleObject;
-    content: StyleObject;
-    title: StyleObject;
-    badgeContainer: StyleObject;
-    badge: StyleObject;
-    badgeIcon: StyleObject;
-    badgeTitle: StyleObject;
-    button: StyleObject;
-}
-
-export interface Styles {
-    badgesModal: BadgesModalStyles;
-    badgesButton: StyleObject;
-}
-
-export const defaultStyles: Styles = {
-    badgesModal: {
-        overlay: {
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        content: {
-            backgroundColor: '#ffffff',
-            borderRadius: '8px',
-            padding: '20px',
-            maxWidth: '600px',
-            width: '100%',
-            maxHeight: '80vh',
-            overflowY: 'auto',
-        },
-        title: {
-            fontSize: '24px',
-            fontWeight: 'bold',
-            marginBottom: '20px',
-        },
-        badgeContainer: {
-            display: 'flex',
-            flexWrap: 'wrap',
-            justifyContent: 'center',
-        },
-        badge: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            margin: '10px',
-        },
-        badgeIcon: {
-            width: '50px',
-            height: '50px',
-            marginBottom: '5px',
-        },
-        badgeTitle: {
-            fontSize: '14px',
-            textAlign: 'center',
-        },
-        button: {
-            backgroundColor: '#007bff',
-            color: '#ffffff',
-            padding: '10px 20px',
-            borderRadius: '4px',
-            border: 'none',
-            cursor: 'pointer',
-            marginTop: '20px',
-        },
-    },
-    badgesButton: {
-        position: 'fixed',
-        padding: '10px 20px',
-        backgroundColor: '#007bff',
-        color: '#ffffff',
-        border: 'none',
-        borderRadius: '4px',
-        cursor: 'pointer',
-        zIndex: 1000,
-    },
-};

package/src/hooks/useAchievement.ts

@@ -1,17 +0,0 @@
-import { useSelector } from 'react-redux';
-import { RootState } from '../redux/store';
-import { useAchievementContext } from '../providers/AchievementProvider';
-
-export const useAchievement = () => {
-    const { updateMetrics, unlockedAchievements, resetStorage } = useAchievementContext();
-    const metrics = useSelector((state: RootState) => state.achievements.metrics);
-    const config = useSelector((state: RootState) => state.achievements.config);
-
-    return {
-        metrics,
-        unlockedAchievements,
-        config,
-        updateMetrics,
-        resetStorage,
-    };
-};

package/src/index.ts

@@ -1,25 +0,0 @@
-import { AchievementProvider, useAchievementContext as useAchievement } from './providers/AchievementProvider';
-import type { 
-    AchievementMetrics, 
-    AchievementConfiguration, 
-    AchievementDetails, 
-    AchievementUnlockCondition, 
-    AchievementMetricValue, 
-    InitialAchievementMetrics 
-} from './types';
-import achievementReducer from './redux/achievementSlice';
-
-export {
-    AchievementProvider,
-    useAchievement,
-    achievementReducer,
-};
-
-export type {
-    AchievementMetrics,
-    AchievementConfiguration,
-    AchievementDetails,
-    AchievementUnlockCondition,
-    AchievementMetricValue,
-    InitialAchievementMetrics,
-};