Release version 0.3.1

### Added
- Changes in .version
- Changes in AUTHORS.txt
- Changes in CLASSIFIERS.txt
- Changes in SCRIPTS.txt
- Changes in increment_init.py
- Changes in increment_project.py
- Changes in increment_setup.py
- Changes in increment_version.py
- Changes in upgrade.sh
- Changes in version.sh

Author: Tom Softreck

MyComponent.js

@@ -0,0 +1,35 @@
+import React, { useState } from 'react';
+
+const MyComponent = () => {
+  const [count, setCount] = useState(0);
+  const [isVisible, setIsVisible] = useState(true);
+
+  const handleIncrement = () => {
+    setCount(prevCount => prevCount + 1);
+  };
+
+  const toggleVisibility = () => {
+    setIsVisible(prev => !prev);
+  };
+
+  return (
+    <div className="my-component">
+      <h2>My Example Component</h2>
+
+      {isVisible && (
+        <div className="counter-section">
+          <p>Count: {count}</p>
+          <button onClick={handleIncrement}>
+            Increment
+          </button>
+        </div>
+      )}
+
+      <button onClick={toggleVisibility}>
+        {isVisible ? 'Hide' : 'Show'} Counter
+      </button>
+    </div>
+  );
+};
+
+export default MyComponent;

README.md

@@ -3,6 +3,8 @@
 Przykład użycia:
 
 ```bash
+node src/index.js MyComponent
+
 # Analiza pojedynczego komponentu
 ./reactstream-analyze MyComponent.js --debug
 

package.json

@@ -11,26 +11,26 @@
     "reactstream-run": "./src/index.js"
   },
   "dependencies": {
-    "webpack": "^4.46.0",
-    "webpack-dev-server": "^3.11.3",
-    "babel-loader": "^8.2.5",
     "@babel/core": "^7.12.10",
-    "@babel/preset-react": "^7.12.10",
+    "@babel/eslint-parser": "^7.12.1",
     "@babel/preset-env": "^7.12.11",
-    "style-loader": "^2.0.0",
-    "css-loader": "^5.2.7",
+    "@babel/preset-react": "^7.12.10",
+    "babel-loader": "^8.2.5",
     "chalk": "^4.1.2",
-    "minimist": "^1.2.5",
-    "express": "^4.17.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "esprima": "^4.0.1",
+    "css-loader": "^5.2.7",
     "escodegen": "^2.0.0",
-    "estraverse": "^5.2.0",
     "eslint": "^7.32.0",
-    "@babel/eslint-parser": "^7.12.1",
     "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0"
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "esprima": "^4.0.1",
+    "estraverse": "^5.2.0",
+    "express": "^4.17.1",
+    "minimist": "^1.2.5",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "style-loader": "^2.0.0",
+    "webpack": "^5.98.0",
+    "webpack-dev-server": "^5.2.1"
   },
   "engines": {
     "node": ">=14.0.0"

src/index.js

@@ -11,6 +11,14 @@ const argv = minimist(process.argv.slice(2));
 const components = argv._;
 const port = argv.port || 3000;
 
+const args = process.argv.slice(2);
+
+if (args.length === 0) {
+    console.error('Error: Please specify at least one component to debug');
+    console.error('Usage: reactstream ComponentName [AnotherComponent...] [--port=3000]');
+    process.exit(1);
+}
+
 if (components.length === 0) {
     console.error(chalk.red('Error: Please specify at least one component to debug'));
     console.log(chalk.yellow('Usage: reactstream ComponentName [AnotherComponent...] [--port=3000]'));
@@ -448,4 +456,4 @@ process.on('SIGINT', () => {
 main().catch(error => {
     console.error(chalk.red('Error:', error));
     process.exit(1);
-});
+});