@amritanshu3011/mdx-renderer 1.0.0 → 1.0.3

package/dist/theme/types.d.ts

@@ -0,0 +1,30 @@
+export interface Theme {
+    colors: {
+        primary: string;
+        secondary: string;
+        text: string;
+        textSecondary: string;
+        background: string;
+        cardBackground: string;
+        border: string;
+        chartLine: string;
+        chartBar: string;
+    };
+    spacing: {
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+    };
+    typography: {
+        h1Size: string;
+        h2Size: string;
+        bodySize: string;
+        smallSize: string;
+        fontFamily: string;
+    };
+    borderRadius: {
+        small: string;
+        medium: string;
+    };
+}

package/dist/theme/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/mockLLM.d.ts

@@ -0,0 +1,5 @@
+export interface LLMResponse {
+    type: 'pros_cons' | 'comparison' | 'flow' | 'concept_tree';
+    data: any;
+}
+export declare function queryLLM(userPrompt: string): Promise<LLMResponse>;

package/dist/types/mockLLM.js

@@ -0,0 +1,109 @@
+// Mock LLM responses for different queries
+const mockResponses = {
+    'websockets': {
+        type: 'pros_cons',
+        data: {
+            title: 'WebSockets',
+            pros: [
+                'Real-time bidirectional communication',
+                'Low latency for live updates',
+                'Reduced overhead compared to HTTP polling',
+                'Persistent connection reduces handshake overhead'
+            ],
+            cons: [
+                'Harder to scale horizontally',
+                'Stateful connections consume server resources',
+                'Not supported by all proxies and firewalls',
+                'More complex error handling'
+            ]
+        }
+    },
+    'rest vs graphql': {
+        type: 'comparison',
+        data: {
+            title: 'REST vs GraphQL',
+            option1Name: 'REST',
+            option2Name: 'GraphQL',
+            items: [
+                { aspect: 'Data Fetching', option1: 'Multiple endpoints', option2: 'Single endpoint' },
+                { aspect: 'Over-fetching', option1: 'Common issue', option2: 'Eliminated' },
+                { aspect: 'Learning Curve', option1: 'Easier to learn', option2: 'Steeper learning curve' },
+                { aspect: 'Caching', option1: 'HTTP caching built-in', option2: 'Requires custom solutions' }
+            ]
+        }
+    },
+    'machine learning pipeline': {
+        type: 'flow',
+        data: {
+            title: 'ML Pipeline',
+            steps: [
+                { title: 'Data Collection', description: 'Gather raw data from various sources' },
+                { title: 'Preprocessing', description: 'Clean and transform data' },
+                { title: 'Feature Engineering', description: 'Extract relevant features' },
+                { title: 'Model Training', description: 'Train ML model on processed data' },
+                { title: 'Evaluation', description: 'Test model performance' }
+            ]
+        }
+    },
+    'react ecosystem': {
+        type: 'concept_tree',
+        data: {
+            title: 'React Ecosystem',
+            root: {
+                name: 'React',
+                children: [
+                    {
+                        name: 'State Management',
+                        children: [
+                            { name: 'Redux' },
+                            { name: 'MobX' },
+                            { name: 'Zustand' }
+                        ]
+                    },
+                    {
+                        name: 'Routing',
+                        children: [
+                            { name: 'React Router' },
+                            { name: 'Next.js' }
+                        ]
+                    },
+                    {
+                        name: 'Styling',
+                        children: [
+                            { name: 'CSS Modules' },
+                            { name: 'Styled Components' },
+                            { name: 'Tailwind' }
+                        ]
+                    }
+                ]
+            }
+        }
+    }
+};
+export async function queryLLM(userPrompt) {
+    // Simulate API delay
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    // Simple keyword matching for mock
+    const prompt = userPrompt.toLowerCase();
+    if (prompt.includes('websocket')) {
+        return mockResponses['websockets'];
+    }
+    else if (prompt.includes('rest') || prompt.includes('graphql')) {
+        return mockResponses['rest vs graphql'];
+    }
+    else if (prompt.includes('machine learning') || prompt.includes('pipeline')) {
+        return mockResponses['machine learning pipeline'];
+    }
+    else if (prompt.includes('react') || prompt.includes('ecosystem')) {
+        return mockResponses['react ecosystem'];
+    }
+    // Default fallback
+    return {
+        type: 'pros_cons',
+        data: {
+            title: 'Default Response',
+            pros: ['Unable to parse query'],
+            cons: ['Try asking about: WebSockets, REST vs GraphQL, ML Pipeline, or React Ecosystem']
+        }
+    };
+}

package/dist/utils/useThemeWithFallback.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../theme/types';
+export declare const useThemeWithFallback: () => Theme;

package/dist/utils/useThemeWithFallback.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { ThemeContext } from '../theme/ThemeContext';
+import { defaultTheme } from '../theme/defaultTheme';
+export const useThemeWithFallback = () => {
+    const context = useContext(ThemeContext);
+    return context?.theme || defaultTheme;
+};

package/dist/utils/withDefaults.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function withDefaults<P extends object>(Component: React.ComponentType<P>, defaultProps: Partial<P>): (props: P) => import("react/jsx-runtime").JSX.Element;

package/dist/utils/withDefaults.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function withDefaults(Component, defaultProps) {
+    return (props) => _jsx(Component, { ...defaultProps, ...props });
+}

package/package.json

@@ -1,25 +1,30 @@
 {
-    "name": "@amritanshu3011/mdx-renderer",
-    "version": "1.0.0",
-    "description": "Reusable MDX visualization library",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "files": [
-      "dist"
-    ],
-    "scripts": {
-      "build": "tsc"
-    },
-    "author": "Amritanshu",
-    "license": "MIT",
-    "peerDependencies": {
-      "react": ">=18.0.0",
-      "react-dom": ">=18.0.0",
-      "@mdx-js/react": ">=2.0.0",
-      "recharts": ">=2.0.0"
-    },
-    "devDependencies": {
-      "typescript": "^5.0.0",
-      "@types/react": "^18.0.0"
-    }
-  }
+  "name": "@amritanshu3011/mdx-renderer",
+  "version": "1.0.3",
+  "description": "Reusable MDX visualization library",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc"
+  },
+  "author": "Amritanshu",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "@mdx-js/react": ">=2.0.0"
+  },
+  "dependencies": {
+    "recharts": "^2.0.0",
+    "echarts": "^5.0.0",
+    "lucide-react": "^0.562.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "@types/react": "^18.0.0"
+  }
+}