react-achievements 1.0.3 → 1.0.5

package/src/{custom.d.ts → react-confetti.d.ts}

@@ -1,7 +1,7 @@
 declare module 'react-confetti' {
     import { ComponentType } from 'react';
 
-    interface ConfettiProps {
+    export interface ConfettiProps {
         width?: number;
         height?: number;
         numberOfPieces?: number;
@@ -16,6 +16,4 @@ declare module 'react-confetti' {
 
     const Confetti: ComponentType<ConfettiProps>;
     export default Confetti;
-}
-
-declare module 'react-use'
+}

package/src/react-use.d.ts

@@ -0,0 +1,4 @@
+declare module 'react-use' {
+    export function useWindowSize(): { width: number; height: number };
+    // Add other functions from react-use that you're using
+}

package/src/types.ts

@@ -0,0 +1,21 @@
+export type MetricValue = number | boolean | string | any;
+
+export interface Metrics {
+    [key: string]: MetricValue;
+}
+
+export interface AchievementData {
+    id: string;
+    title: string;
+    description: string;
+    icon: string;
+}
+
+export interface AchievementCondition {
+    check: (metricValue: MetricValue) => boolean;
+    data: AchievementData;
+}
+
+export interface AchievementConfig {
+    [metricKey: string]: AchievementCondition[];
+}

package/tsconfig.json

@@ -105,5 +105,7 @@
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
     "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
   },
-  "include": ["src"]
+  "include": [
+    "src",
+    "react-confetti.d.ts"]
 }

package/src/badges.ts

@@ -1,24 +0,0 @@
-export interface BadgeConfig {
-    id: string;
-    icon: string;
-    title: string;
-    description: string;
-}
-
-const defaultBadges: BadgeConfig[] = [
-    {
-        id: 'beginner',
-        icon: '/path/to/beginner-icon.png',
-        title: 'Beginner',
-        description: 'Achieved beginner level',
-    },
-    {
-        id: 'intermediate',
-        icon: '/path/to/intermediate-icon.png',
-        title: 'Intermediate',
-        description: 'Achieved intermediate level',
-    },
-    // Add more badges as needed
-];
-
-export { defaultBadges };

package/src/components/Achievement.tsx

@@ -1,29 +0,0 @@
-import React, { useEffect } from 'react';
-import { useAchievement } from '../context/AchievementContext';
-
-interface AchievementProps {
-    metric: number;
-    threshold: number;
-    onAchieve: () => void;
-    message: string;
-    children: React.ReactNode;
-}
-
-const Achievement: React.FC<AchievementProps> = ({ metric, threshold, onAchieve, message, children }) => {
-    const { setMetric, achievedLevels, levels, handleAchieve } = useAchievement();
-
-    useEffect(() => {
-        if (metric >= threshold && !achievedLevels.includes(threshold)) {
-            onAchieve();
-            const levelConfig = levels.find(level => level.threshold === threshold);
-            if (levelConfig) {
-                setMetric(metric);
-                handleAchieve(levelConfig.level, message);
-            }
-        }
-    }, [metric, threshold, onAchieve, achievedLevels, levels, message, setMetric, handleAchieve]);
-
-    return <>{children}</>;
-};
-
-export default React.memo(Achievement);

package/src/components/Progress.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { useAchievement } from '../context/AchievementContext';
-
-interface ProgressProps {
-    style?: React.CSSProperties;
-}
-
-const Progress: React.FC<ProgressProps> = ({ style }) => {
-    const { metric, levels, achievedLevels } = useAchievement();
-    const maxLevel = levels[levels.length - 1];
-    const progress = (metric / maxLevel.threshold) * 100;
-
-    const containerStyle: React.CSSProperties = {
-        width: '100%',
-        backgroundColor: '#e0e0e0',
-        borderRadius: '8px',
-        overflow: 'hidden',
-        ...style,
-    };
-
-    const barStyle: React.CSSProperties = {
-        width: `${progress}%`,
-        height: '20px',
-        backgroundColor: '#4caf50',
-        transition: 'width 0.5s ease-in-out',
-    };
-
-    return (
-        <div style={containerStyle}>
-            <div style={barStyle} role="progressbar" aria-valuenow={metric} aria-valuemin={0} aria-valuemax={maxLevel.threshold} />
-            <p>Level: {achievedLevels.length} / {levels.length}</p>
-            <p>Progress: {metric} / {maxLevel.threshold}</p>
-        </div>
-    );
-};
-
-export default React.memo(Progress);

package/src/levels.ts

@@ -1,13 +0,0 @@
-export interface LevelConfig {
-    level: number;
-    threshold: number;
-    badgeId: string;
-}
-
-const defaultLevels: LevelConfig[] = [
-    { level: 1, threshold: 10, badgeId: 'beginner' },
-    { level: 2, threshold: 50, badgeId: 'intermediate' },
-    // Add more levels as needed
-];
-
-export { defaultLevels };