dphelper 1.8.52 → 1.8.53

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/CITATION.cff ADDED
@@ -0,0 +1,43 @@
1
+ # This CITATION.cff file was generated with cffinit.
2
+ # Visit https://bit.ly/cffinit to generate yours today!
3
+
4
+ cff-version: 1.2.0
5
+ title: dpHelper
6
+ message: dphelper devtools | tools, store and state management for developers by Dario Passariello
7
+ type: software
8
+ authors:
9
+ - given-names: 'Dario '
10
+ family-names: Passariello
11
+ email: dariopassariello@gmail.com
12
+ abstract: >-
13
+ dpHelper is a precise and complete collection of 190+
14
+ tools ready to use in all web/SaaS applications. State and
15
+ Store Management are now easy and global, accessible
16
+ everywhere in your application, including Ajax or React
17
+ apps, without the need for extra files or Redux setup.
18
+ keywords:
19
+ - dphelper
20
+ - development
21
+ - toolset
22
+ - state
23
+ - store
24
+ - observer
25
+ - helper
26
+ - utils
27
+ - tools
28
+ - uuid
29
+ - random
30
+ - window
31
+ - easy
32
+ - pro
33
+ - powerful
34
+ - status
35
+ - dp helper
36
+ - local
37
+ - storage
38
+ - indexeddb
39
+ - idb
40
+ - devtool
41
+ - dario
42
+ - passariello
43
+ license: MIT
package/README.md CHANGED
@@ -55,14 +55,14 @@ You can see an HTML version where dpHelper and LayerPro work together seamlessly
55
55
  ## Documentation
56
56
 
57
57
  You can see:
58
- - [State](https://passariello.gitbook.io/dphelper-devtools/general/state)
59
- - [Store](https://passariello.gitbook.io/dphelper-devtools/general/store)
60
- - [Observer](https://passariello.gitbook.io/dphelper-devtools/general/observer)
61
- - [List of functions](https://passariello.gitbook.io/dphelper-devtools/general/list)
58
+ - [State](https://passariello.gitbook.io/dphelper-devtools/documents/state)
59
+ - [Store](https://passariello.gitbook.io/dphelper-devtools/documents/store)
60
+ - [Observer](https://passariello.gitbook.io/dphelper-devtools/documents/observer)
61
+ - [List of functions](https://passariello.gitbook.io/dphelper-devtools/documents/list)
62
62
 
63
- You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://passariello.gitbook.io/dphelper-devtools).
63
+ You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://passariello.gitbook.io/dphelper-devtools/).
64
64
 
65
- ## What You Need to Know About "No-Refresh/Reload" 🧐
65
+ ## What About "No-Refresh/Reload" 🧐
66
66
 
67
67
  ### dpHelper Compatibility and AJAX Technology
68
68
 
@@ -113,9 +113,10 @@ _example:_
113
113
 
114
114
  You can use the browser's devtools console and type " **state.test = 'I am ready'** ". Every time you want to use '**test**' values, you need just recall **state.test**.
115
115
 
116
+
116
117
  ```javascript
117
118
  // Set a state
118
- state.test = "I am ready";
119
+ state.test = "I am ready"; //:any (object, array, number, string, boolean, function)
119
120
 
120
121
  // Get the state
121
122
  state.test
@@ -142,9 +143,10 @@ If you want to run a function every time a state changes, you can use:
142
143
  * @parameters
143
144
  * [ state | store, function ]
144
145
  */
146
+
145
147
  observer( "state.test", () => alert("Test Changes to: " + state.test) )
146
148
  |__________| |___________________________________________|
147
- State: string Function
149
+ String Function
148
150
 
149
151
  PS: you need to use the name of state | store as string
150
152
  ```
@@ -163,7 +165,10 @@ observer(
163
165
  );
164
166
 
165
167
  // Store a value in the state that changes every 5 seconds
166
- setInterval(() => state.count = Date.now(), 5000);
168
+ setInterval(
169
+ () => state.count = Date.now(),
170
+ 5000
171
+ );
167
172
  ```
168
173
 
169
174
  #### Another Simple Example:
@@ -172,10 +177,12 @@ setInterval(() => state.count = Date.now(), 5000);
172
177
  import 'dphelper';
173
178
 
174
179
  // Set a state
175
- state.myData = 'Hello, world!';
180
+ state.myData = {
181
+ test: "Hello, world!"
182
+ };
176
183
 
177
184
  // Retrieve the state
178
- console.log(state.myData); // Output: Hello, world!
185
+ console.log(state.myData); // Output: {test: "Hello, world!"} as object
179
186
 
180
187
  // Observe state changes
181
188
  observer('myData', () => {
@@ -183,7 +190,9 @@ observer('myData', () => {
183
190
  });
184
191
 
185
192
  // Change the state
186
- state.myData = 'New value';
193
+ state.myData = {
194
+ newValue: "New value"
195
+ };
187
196
  ```
188
197
 
189
198
  ## The Best Way To Use Store 🫙
@@ -324,11 +333,11 @@ The dpHelper browser extension allows you to manage your application's dpHelper
324
333
 
325
334
  [MIT - https://en.wikipedia.org/wiki/MIT_License](https://en.wikipedia.org/wiki/MIT_License)
326
335
 
327
- - [LICENCE](https://passariello.gitbook.io/dphelper-devtools/documents/license)
328
- - [CODE OF CONDUCT](https://passariello.gitbook.io/dphelper-devtools/documents/code_of_conduct)
329
- - [SECURITY](https://passariello.gitbook.io/dphelper-devtools/documents/security)
330
- - [CONTRIBUTING](https://passariello.gitbook.io/dphelper-devtools/documents/contributing)
336
+ - [LICENCE](https://passariello.gitbook.io/dphelper-devtools/license)
337
+ - [CODE OF CONDUCT](https://passariello.gitbook.io/dphelper-devtools/code_of_conduct)
338
+ - [SECURITY](https://passariello.gitbook.io/dphelper-devtools/security)
339
+ - [CONTRIBUTING](https://passariello.gitbook.io/dphelper-devtools/contributing)
331
340
 
332
341
  ---
333
342
 
334
- Dario Passariello - dariopassariello@gmail.com, All rights reserved - Copyright (c) 2019 - 2024
343
+ Dario Passariello - dariopassariello@gmail.com, All rights reserved - Copyright (c) 2019 - 2025
package/SUMMARY.md CHANGED
@@ -4,19 +4,19 @@
4
4
 
5
5
  ## General
6
6
 
7
- * [Store](general/store.md)
8
- * [State](general/state.md)
9
- * [Observer](general/observer.md)
10
- * [All Functions](general/list.md)
7
+ * [Store](/documents/STORE.md)
8
+ * [State](/documents/STATE.md)
9
+ * [Observer](/documents/OBSERVER.md)
10
+ * [All Functions](/documents/TOOLS.md)
11
11
 
12
12
  ## documents
13
13
 
14
- * [License](documents/license.md)
15
- * [Contributing](documents/contributing.md)
16
- * [Code of Conduct](documents/code_of_conduct.md)
17
- * [Security](documents/security.md)
14
+ * [License](LICENSE.md)
15
+ * [Contributing](CONTRIBUTING.md)
16
+ * [Code of Conduct](CODE_OF_CONDUCT.md)
17
+ * [Security](SECURITY.md)
18
18
 
19
19
  ## changes
20
20
 
21
- * [changelog](documents/changelog.md)
22
- * [history](documents/history.md)
21
+ * [Changelog](CAHNGELOG.md)
22
+ * [History](HISTORY.md)
package/docs/index.md CHANGED
@@ -55,14 +55,14 @@ You can see an HTML version where dpHelper and LayerPro work together seamlessly
55
55
  ## Documentation
56
56
 
57
57
  You can see:
58
- - [State](https://passariello.gitbook.io/dphelper-devtools/general/state)
59
- - [Store](https://passariello.gitbook.io/dphelper-devtools/general/store)
60
- - [Observer](https://passariello.gitbook.io/dphelper-devtools/general/observer)
61
- - [List of functions](https://passariello.gitbook.io/dphelper-devtools/general/list)
58
+ - [State](https://passariello.gitbook.io/dphelper-devtools/documents/state)
59
+ - [Store](https://passariello.gitbook.io/dphelper-devtools/documents/store)
60
+ - [Observer](https://passariello.gitbook.io/dphelper-devtools/documents/observer)
61
+ - [List of functions](https://passariello.gitbook.io/dphelper-devtools/documents/list)
62
62
 
63
- You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://passariello.gitbook.io/dphelper-devtools).
63
+ You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://passariello.gitbook.io/dphelper-devtools/).
64
64
 
65
- ## What You Need to Know About "No-Refresh/Reload" 🧐
65
+ ## What About "No-Refresh/Reload" 🧐
66
66
 
67
67
  ### dpHelper Compatibility and AJAX Technology
68
68
 
@@ -113,9 +113,10 @@ _example:_
113
113
 
114
114
  You can use the browser's devtools console and type " **state.test = 'I am ready'** ". Every time you want to use '**test**' values, you need just recall **state.test**.
115
115
 
116
+
116
117
  ```javascript
117
118
  // Set a state
118
- state.test = "I am ready";
119
+ state.test = "I am ready"; //:any (object, array, number, string, boolean, function)
119
120
 
120
121
  // Get the state
121
122
  state.test
@@ -142,9 +143,10 @@ If you want to run a function every time a state changes, you can use:
142
143
  * @parameters
143
144
  * [ state | store, function ]
144
145
  */
146
+
145
147
  observer( "state.test", () => alert("Test Changes to: " + state.test) )
146
148
  |__________| |___________________________________________|
147
- State: string Function
149
+ String Function
148
150
 
149
151
  PS: you need to use the name of state | store as string
150
152
  ```
@@ -163,7 +165,10 @@ observer(
163
165
  );
164
166
 
165
167
  // Store a value in the state that changes every 5 seconds
166
- setInterval(() => state.count = Date.now(), 5000);
168
+ setInterval(
169
+ () => state.count = Date.now(),
170
+ 5000
171
+ );
167
172
  ```
168
173
 
169
174
  #### Another Simple Example:
@@ -172,10 +177,12 @@ setInterval(() => state.count = Date.now(), 5000);
172
177
  import 'dphelper';
173
178
 
174
179
  // Set a state
175
- state.myData = 'Hello, world!';
180
+ state.myData = {
181
+ test: "Hello, world!"
182
+ };
176
183
 
177
184
  // Retrieve the state
178
- console.log(state.myData); // Output: Hello, world!
185
+ console.log(state.myData); // Output: {test: "Hello, world!"} as object
179
186
 
180
187
  // Observe state changes
181
188
  observer('myData', () => {
@@ -183,7 +190,9 @@ observer('myData', () => {
183
190
  });
184
191
 
185
192
  // Change the state
186
- state.myData = 'New value';
193
+ state.myData = {
194
+ newValue: "New value"
195
+ };
187
196
  ```
188
197
 
189
198
  ## The Best Way To Use Store 🫙
@@ -324,11 +333,11 @@ The dpHelper browser extension allows you to manage your application's dpHelper
324
333
 
325
334
  [MIT - https://en.wikipedia.org/wiki/MIT_License](https://en.wikipedia.org/wiki/MIT_License)
326
335
 
327
- - [LICENCE](https://passariello.gitbook.io/dphelper-devtools/documents/license)
328
- - [CODE OF CONDUCT](https://passariello.gitbook.io/dphelper-devtools/documents/code_of_conduct)
329
- - [SECURITY](https://passariello.gitbook.io/dphelper-devtools/documents/security)
330
- - [CONTRIBUTING](https://passariello.gitbook.io/dphelper-devtools/documents/contributing)
336
+ - [LICENCE](https://passariello.gitbook.io/dphelper-devtools/license)
337
+ - [CODE OF CONDUCT](https://passariello.gitbook.io/dphelper-devtools/code_of_conduct)
338
+ - [SECURITY](https://passariello.gitbook.io/dphelper-devtools/security)
339
+ - [CONTRIBUTING](https://passariello.gitbook.io/dphelper-devtools/contributing)
331
340
 
332
341
  ---
333
342
 
334
- Dario Passariello - dariopassariello@gmail.com, All rights reserved - Copyright (c) 2019 - 2024
343
+ Dario Passariello - dariopassariello@gmail.com, All rights reserved - Copyright (c) 2019 - 2025