this.gui 0.0.56 → 0.0.57

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.
Files changed (2) hide show
  1. package/README.md +15 -18
  2. package/package.json +3 -2
package/README.md CHANGED
@@ -1,29 +1,23 @@
1
+ <img src="https://suign.github.io/assets/imgs/this_GUI.svg" alt="Cleaker Me" width="244" height="244" align="right">
2
+
1
3
  # THIS.GUI
2
- -----------
3
- # Installation
4
+
4
5
  Install `this.gui` via **npm**:
5
6
  ```shell
6
7
  npm install this.gui
7
8
  ```
8
- The goal is to automate the UI generation process so users only pass data or configurations, and this.gui handles the rest.
9
+ The goal is to automate the UI generation process so users only pass data or configurations, and **this.GUI** handles the rest.
9
10
 
10
- 1. The user of this.gui doesn’t need to write React components themselves. They just pass configurations or data structures, and this.gui generates the UI dynamically.
11
- 2. React is still required in the user’s project because the UI components provided by this.gui are React components that need to be rendered by React.
11
+ 1. React is still required in the user’s project because the UI components provided are React components that need to be rendered by React.
12
12
 
13
13
  The Key Value of this.gui:
14
14
 
15
- • Simplifies UI creation: Users only pass configurations or data; they don’t need to deal with the intricacies of React.
16
- • Dynamic generation: The components adapt and render based on the input you give them.
17
- • Automation: You handle all the complexity of component creation, leaving users with a simplified interface to generate UIs.
15
+ • **Simplifies UI creation:** Users only pass configurations or data; they don’t need to deal with the intricacies of React.
16
+ • **Dynamic generation:** The components adapt and render based on the input you give them.
17
+ **• Automation:** You handle all the complexity of component creation, leaving users with a simplified interface to generate UIs.
18
+
18
19
 
19
- Build the User’s App:
20
- • When someone uses this.gui in their own application, they import this.gui and use it like any other dependency.
21
- • They will then build their own application using their own bundler (such as Vite, Webpack, etc.). During this process, the bundler will include the components from this.gui as part of the final build.
22
- • This app build step will include all the app’s code and the components from this.gui, and it will bundle everything into a final production build.
23
20
 
24
- ## Contribution
25
- Contributions are welcome! To contribute to `this.gui`, please visit our [GitHub repository](https://github.com/neurons-me/GUI).
26
- ----------
27
21
  # About All.This
28
22
  ###### Modular Data Structures
29
23
  **[this.me](https://suign.github.io/this.me) - [this.audio](https://suign.github.io/this.audio) - [this.text](https://suign.github.io/this.text) - [this.wallet](https://suign.github.io/this.wallet) - [this.img](https://suign.github.io/this.img) - [this.pixel](https://suign.github.io/Pixels) - [be.this](https://suign.github.io/be.this) - [this.DOM](https://suign.github.io/this.DOM) - [this.env](https://suign.github.io/this.env/) - [this.GUI](https://suign.github.io/this.GUI) - [this.be](https://suign.github.io/this.be) - [this.video](https://suign.github.io/this.video) - [this.atom](https://suign.github.io/this.atom) - [this.dictionaries](https://suign.github.io/this.dictionaries/)**
@@ -33,8 +27,11 @@ These classes encapsulate the functionalities to **domain-specific data.**
33
27
  ## Neurons.me
34
28
  ### License & Policies
35
29
  - **License**: MIT License (see LICENSE for details).
30
+
36
31
  - **Privacy Policy**: Respects user privacy; no collection/storage of personal data.
32
+
37
33
  - **Terms of Usage**: Use responsibly. No guarantees/warranties provided.
38
- [Terms](https://www.neurons.me/terms-of-use) | [Privacy](https://www.neurons.me/privacy-policy)
39
- [neurons.me](https://neurons.me)
40
- <img src="https://suign.github.io/assets/imgs/neurons_me_logo.png" alt="neurons.me logo" width="89">
34
+ [Terms](https://www.neurons.me/terms-of-use) | [Privacy](https://www.neurons.me/privacy-policy)
35
+ [neurons.me](https://neurons.me)
36
+
37
+ <img src="https://suign.github.io/assets/imgs/neurons_me_logo.png" alt="neurons.me logo" width="89">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "this.gui",
3
- "version": "0.0.56",
3
+ "version": "0.0.57",
4
4
  "description": "This Graphic User Interface.",
5
5
  "main": "dist/this-gui.umd.js",
6
6
  "module": "dist/this-gui.es.js",
@@ -21,11 +21,11 @@
21
21
  "dependencies": {
22
22
  "@emotion/react": "^11.13.3",
23
23
  "@emotion/styled": "^11.13.0",
24
- "@storybook/addon-docs": "^8.2.9",
25
24
  "@storybook/addons": "^7.6.17",
26
25
  "@storybook/builder-vite": "^8.2.9",
27
26
  "@vitejs/plugin-react": "^4.3.1",
28
27
  "autoprefixer": "^10.4.20",
28
+ "fs": "^0.0.1-security",
29
29
  "postcss": "^8.4.45",
30
30
  "tailwindcss": "^3.4.10"
31
31
  },
@@ -35,6 +35,7 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@chromatic-com/storybook": "^1.8.0",
38
+ "@storybook/addon-docs": "^8.3.0",
38
39
  "@storybook/addon-essentials": "^8.2.9",
39
40
  "@storybook/addon-interactions": "^8.2.9",
40
41
  "@storybook/addon-links": "^8.2.9",