@spaceandtimelabs/makeinfinite-ui 0.72.2-beta.1 → 0.73.1

package/package.json

@@ -2,18 +2,18 @@
   "name": "@spaceandtimelabs/makeinfinite-ui",
   "author": "aw-sxt",
   "private": false,
-  "version": "0.72.2-beta.1",
+  "version": "0.73.1",
   "type": "module",
   "exports": {
     ".": {
       "import": "./dist/makeinfinite-ui.es.js",
       "require": "./dist/makeinfinite-ui.umd.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/index.d.ts"
     }
   },
   "main": "dist/makeinfinite-ui.umd.js",
   "module": "dist/makeinfinite-ui.es.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -23,14 +23,12 @@
   },
   "scripts": {
     "dev": "vite",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
-    "build": "vite build && yarn build:types",
-    "build:types": "tsc -p tsconfig.types.json",
-    "lint:check": "eslint --quiet \"**/*.{ts,tsx}\"",
-    "lint:fix": "eslint --fix \"**/*.{ts,tsx}\"",
-    "format:check": "prettier --check \"**/*.{ts,tsx}\"",
-    "format:fix": "prettier --write \"**/*.{ts,tsx}\"",
-    "prepublishOnly": "yarn run build"
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "yarn build",
+    "commit": "cz",
+    "watch-build": "chokidar 'src/**/*' 'lib/**/*' 'node_modules/@spaceandtimelabs/dapp-mi-components/dist/**/*' -c 'npm run build'"
   },
   "dependencies": {
     "@fontsource/geist-sans": "^5.1.0",
@@ -61,6 +59,7 @@
     "react-grid-layout": "^1.5.0",
     "react-hook-form": "^7.50.1",
     "react-resizable-panels": "^2.1.7",
+    "react-router-dom": "^5.3.3",
     "recharts": "^2.15.1",
     "sonner": "^2.0.0",
     "styled-components": "^5.3.0",
@@ -79,30 +78,41 @@
   "devDependencies": {
     "@babel/preset-typescript": "^7.26.0",
     "@babel/standalone": "^7.26.2",
+    "@eslint/js": "^9.11.1",
     "@types/babel__standalone": "^7.1.9",
-    "@types/node": "^18.9.0",
+    "@types/node": "^22.7.6",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
     "@types/react-grid-layout": "^1.3.5",
+    "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.13.0",
-    "@typescript-eslint/parser": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.15.0",
+    "@typescript-eslint/parser": "^8.15.0 ",
     "@vitejs/plugin-react": "^4.3.2",
     "chokidar-cli": "^3.0.0",
-    "eslint": "^8.2.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^9.11.1",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.12",
-    "prettier": "^2.6.2",
+    "prettier": "3.3.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "typescript": "^5.5.3",
-    "vite": "^4.5.0"
+    "typescript-eslint": "^8.7.0",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.4"
   },
   "resolutions": {
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
     "elliptic": "6.5.7",
     "ws": "8.17.1"
   },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
-  "gitHead": "d692c4c2107992935129cb6d3d2f8f7833971e1d"
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

package/README.md

@@ -1,179 +0,0 @@
-# MakeInfinite UI
-
-A React-based front-end for the MakeInfinite service, enabling non-technical users to develop miniapps through chat-based interactions with LLMs.
-
-## Features
-
-### Chat-Based Development
-
-- Interactive chat interface for communicating with LLMs
-- Real-time component development and modification
-- Git-based project management using isomorphic-git
-
-### Image Gallery
-
-The Image Gallery feature allows users to easily reference images in their chat messages when discussing component modifications.
-
-#### Using Images in Chat
-
-1. Click the "Images" button next to the chat input
-2. Browse available images in your project
-3. Click an image to insert its path into your message
-4. Continue editing your message or send it
-
-#### Project Image Management
-
-Images should be placed in the `your-project/src/assets/images/` directory of your project:
-
-```
-your-project/
-  ├── src/
-  │   ├── assets/
-  │   │   ├── images/
-  │   │   │   ├── image1.jpg
-  │   │   │   ├── image2.png
-  │   │   │   └── ...
-  │   └── ...
-  └── ...
-```
-
-#### Supported Image Formats
-
-- JPEG/JPG
-- PNG
-- GIF
-- WebP
-
-#### First-Time Setup
-
-- If no images directory exists, the gallery will prompt you to create one
-- Once created, you can add images to the directory
-- Images will automatically appear in the gallery
-
-## Development Setup
-
-This project uses Vite with React and TypeScript.
-
-### Getting Started
-
-1. Install dependencies:
-
-```bash
-npm install
-# or
-yarn install
-```
-
-2. Start the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-### Project Structure
-
-```
-makeinfinite-ui/
-  ├── lib/
-  │   ├── components/
-  │   │   ├── ImageGallery/
-  │   │   ├── PlaceholderChatbot/
-  │   │   └── ...
-  │   ├── filesystem.ts
-  │   └── ...
-  ├── src/
-  └── ...
-```
-
-## ESLint Configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-Configure the top-level `parserOptions` property:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    parserOptions: {
-      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-});
-```
-
-For React-specific linting:
-
-```js
-// eslint.config.js
-import react from "eslint-plugin-react";
-
-export default tseslint.config({
-  settings: { react: { version: "18.3" } },
-  plugins: {
-    react,
-  },
-  rules: {
-    ...react.configs.recommended.rules,
-    ...react.configs["jsx-runtime"].rules,
-  },
-});
-```
-
-## Testing
-
-Run the test suite:
-
-```bash
-npm test
-# or
-yarn test
-```
-
-### Test Coverage
-
-The project includes comprehensive tests for all components, including:
-
-- Unit tests for components
-- Integration tests for features
-- Mock filesystem operations
-- Error handling scenarios
-
-## Contributing
-
-1. Fork the repository
-2. Create your feature branch
-3. Write tests for your changes
-4. Ensure all tests pass
-5. Submit a pull request
-
-## Project Architecture
-
-### Key Components
-
-#### ImageGallery
-
-- Displays project images in a modal gallery
-- Handles image selection and insertion into chat
-- Manages directory creation and file loading
-- Provides error handling and recovery options
-
-#### PlaceholderChatbot
-
-- Manages chat interface and message history
-- Integrates with image gallery for image references
-- Handles real-time communication with backend
-
-### File System Integration
-
-The project uses isomorphic-git for managing local repositories:
-
-- Files are stored in the browser's filesystem
-- Changes are synchronized with remote repositories
-- Image files are loaded and displayed from local storage
-
-## License
-
-This project is licensed under the terms specified in the LICENSE file.