react-robot-vacuum 1.0.3 → 1.0.4

package/README.md

@@ -1,20 +1,8 @@
 # 🤖 React Robot Vacuum
 
-An animated React component featuring an autonomous robot vacuum that cleans your page by collecting dirt particles. Built with TypeScript, React 19, and CSS Modules.
+An animated React component featuring an autonomous robot vacuum that cleans your page by collecting dirt particles. Built with TypeScript, React and CSS
 
-![Robot Vacuum Demo](https://via.placeholder.com/800x400?text=Robot+Vacuum+Demo)
-
-## ✨ Features
-
-- 🎯 **Autonomous Navigation** - Robot intelligently navigates to dirt particles
-- 🔄 **Smooth Animations** - Realistic acceleration, rotation, and movement
-- ⏸️ **Window Focus Detection** - Automatically pauses when tab is inactive
-- 🎮 **Imperative Control** - Start, stop, and reset via ref
-- 📢 **Lifecycle Callbacks** - Track cleaning progress with events
-- ⚙️ **Fully Customizable** - Props for size, position, speed, and more
-- 💪 **TypeScript** - Full type safety with exported interfaces
-- 🎨 **CSS Modules** - Scoped styling, no conflicts
-- ⚡ **React 17/18/19** - Compatible with all modern React versions
+![Robot Vacuum Demo](https://codesandbox.io/p/sandbox/react-robot-vacuum-4xlm7j)
 
 ## 📦 Installation
 
@@ -87,86 +75,9 @@ function App() {
 - **`startCleaning()`** - Manually start the cleaning process
 - **`reset()`** - Reset robot to dock and generate new dirt
 
-### Types
-
-```tsx
-export interface RobotVacuumRef {
-  startCleaning: () => void;
-  reset: () => void;
-}
-
-export interface RobotVacuumProps {
-  readonly numberOfDirtBits?: number;
-  readonly minSpeed?: number;
-  readonly speedFactor?: number;
-  readonly rotationDuration?: number;
-  readonly autoStart?: boolean;
-  readonly onCleaningStart?: () => void;
-  readonly onCleaningComplete?: () => void;
-  readonly onDirtCollected?: (collected: number, total: number) => void;
-}
-```
-
-## 🎨 Examples
-
-### Manual Control with Callbacks
-
-```tsx
-import { useRef, useState } from "react";
-import { RobotVacuum, RobotVacuumRef } from "react-robot-vacuum";
-
-function App() {
-  const robotRef = useRef<RobotVacuumRef>(null);
-  const [progress, setProgress] = useState("0/0");
-  const [status, setStatus] = useState("Ready");
-
-  return (
-    <div>
-      <RobotVacuum
-        ref={robotRef}
-        autoStart={false}
-        numberOfDirtBits={10}
-        onCleaningStart={() => setStatus("Cleaning...")}
-        onDirtCollected={(collected, total) => {
-          setProgress(`${collected}/${total}`);
-        }}
-        onCleaningComplete={() => setStatus("Complete!")}
-      />
-      
-      <div style={{ position: "fixed", top: 20, right: 20 }}>
-        <p>Status: {status}</p>
-        <p>Progress: {progress}</p>
-        <button onClick={() => robotRef.current?.startCleaning()}>
-          Start
-        </button>
-        <button onClick={() => robotRef.current?.reset()}>
-          Reset
-        </button>
-      </div>
-    </div>
-  );
-}
-```
-
-### Slow and Methodical Cleaning
-
-```tsx
-import { RobotVacuum } from "react-robot-vacuum";
-
-function App() {
-  return (
-    <RobotVacuum
-      minSpeed={1.5}
-      speedFactor={50}
-      rotationDuration={1.2}
-    />
-  );
-}
-```
-
 ## 🎮 Live Demo
 
-Try it on [CodeSandbox](https://codesandbox.io/s/react-robot-vacuum-demo)
+Try it on [CodeSandbox](https://codesandbox.io/p/sandbox/react-robot-vacuum-4xlm7j)
 
 ## 🛠️ Development
 
@@ -186,7 +97,7 @@ npm run lint
 
 ## 📄 License
 
-MIT © [Your Name]
+MIT © ZhanmuTW
 
 ## 🤝 Contributing
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-robot-vacuum",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "An animated React component featuring a robot vacuum that autonomously cleans your page by collecting dirt particles",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",