auto-component 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/auto-component)
|
|
4
4
|
|
|
5
|
-
> A tool to streamline
|
|
5
|
+
> A tool to streamline UI element creation in React projects by utilizing AI prompted generation
|
|
6
6
|
|
|
7
7
|
## Installation
|
|
8
8
|
|
|
@@ -68,6 +68,44 @@ import AutoComponent from 'auto-component';
|
|
|
68
68
|
|
|
69
69
|
7. Click the red X button to start a new session.
|
|
70
70
|
|
|
71
|
+
|
|
72
|
+
# Planned Features
|
|
73
|
+
|
|
74
|
+
## User Features
|
|
75
|
+
|
|
76
|
+
1. **Personal Page:**
|
|
77
|
+
- Allow users to create a personal page to store and manage their created components.
|
|
78
|
+
- Efficiently reuse and keep track of components.
|
|
79
|
+
|
|
80
|
+
2. **Save and Manage Code:**
|
|
81
|
+
- Provide a "Save" button to store the returned code from the AI.
|
|
82
|
+
- Users can easily manage their components within their user page.
|
|
83
|
+
|
|
84
|
+
3. **Position Customization:**
|
|
85
|
+
- Allow users to shift the position of the request/code box around the screen.
|
|
86
|
+
- Ensure it doesn't obscure anything in their project.
|
|
87
|
+
|
|
88
|
+
## Developer Features
|
|
89
|
+
|
|
90
|
+
1. **Code Integration Walkthrough:**
|
|
91
|
+
- Include an optional walkthrough of code integration.
|
|
92
|
+
- Help developers understand how to implement generated components into their projects.
|
|
93
|
+
|
|
94
|
+
2. **Code Editing in the Browser:**
|
|
95
|
+
- Enable developers to edit displayed code directly in the browser.
|
|
96
|
+
- Allow quick adjustments without leaving the platform.
|
|
97
|
+
|
|
98
|
+
3. **Access Saved Components:**
|
|
99
|
+
- Provide developers with the ability to access their saved components directly from the AutoComponent component.
|
|
100
|
+
|
|
101
|
+
4. **Multiple AutoComponent Instances:**
|
|
102
|
+
- Notify developers if there is more than one `<AutoComponent />` creation component added to the project.
|
|
103
|
+
- Prevent potential functionality issues that may arise from multiple instances.
|
|
104
|
+
|
|
105
|
+
5. **Multiple Components with Single Request Box:**
|
|
106
|
+
- Allow developers to add multiple components to the page.
|
|
107
|
+
- Provide an easy way to switch between them using a single request box.
|
|
108
|
+
|
|
71
109
|
## License
|
|
72
110
|
|
|
73
111
|
This project is licensed under the AGPL 3.0 License - see the [LICENSE](LICENSE) file for details.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "auto-component",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"react": "^18.2.0",
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
33
|
"name": "Sam Patterson",
|
|
34
|
-
"email": "
|
|
34
|
+
"email": "git@sampatt.com",
|
|
35
35
|
"url": "https://github.com/sampatt"
|
|
36
36
|
}
|
|
37
37
|
],
|
|
38
|
-
"description": "
|
|
38
|
+
"description": "A tool to streamline UI element creation in React projects by utilizing AI prompted generation",
|
|
39
39
|
"repository": {
|
|
40
40
|
"type": "git",
|
|
41
41
|
"url": "https://github.com/TimHuitt/auto-component"
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"bugs": {
|
|
44
44
|
"url": "https://github.com/TimHuitt/auto-component/issues"
|
|
45
45
|
},
|
|
46
|
-
"homepage": "https://
|
|
46
|
+
"homepage": "https://auto-component.netlify.app/"
|
|
47
47
|
}
|