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 +43 -0
- package/README.md +26 -17
- package/SUMMARY.md +10 -10
- package/docs/index.md +26 -17
- package/index.js +1 -1
- package/package.json +4 -5
- package/documents/history.md +0 -0
- package/examples/empty +0 -0
- /package/{documents/changelog.md → CHANGELOG.md} +0 -0
- /package/{documents/code_of_conduct.md → CODE_OF_CONDUCT.md} +0 -0
- /package/{documents/contributing.md → CONTRIBUTING.md} +0 -0
- /package/{architecture/empty → HISTORY.md} +0 -0
- /package/{documents/license.md → LICENSE.md} +0 -0
- /package/{documents/security.md → SECURITY.md} +0 -0
- /package/{general → documents}/OBSERVER.md +0 -0
- /package/{general → documents}/STATE.md +0 -0
- /package/{general → documents}/STORE.md +0 -0
- /package/{general/LIST.md → documents/TOOLS.md} +0 -0
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/
|
|
59
|
-
- [Store](https://passariello.gitbook.io/dphelper-devtools/
|
|
60
|
-
- [Observer](https://passariello.gitbook.io/dphelper-devtools/
|
|
61
|
-
- [List of functions](https://passariello.gitbook.io/dphelper-devtools/
|
|
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
|
|
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
|
-
|
|
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(
|
|
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 =
|
|
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 =
|
|
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/
|
|
328
|
-
- [CODE OF CONDUCT](https://passariello.gitbook.io/dphelper-devtools/
|
|
329
|
-
- [SECURITY](https://passariello.gitbook.io/dphelper-devtools/
|
|
330
|
-
- [CONTRIBUTING](https://passariello.gitbook.io/dphelper-devtools/
|
|
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 -
|
|
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](
|
|
8
|
-
* [State](
|
|
9
|
-
* [Observer](
|
|
10
|
-
* [All Functions](
|
|
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](
|
|
15
|
-
* [Contributing](
|
|
16
|
-
* [Code of Conduct](
|
|
17
|
-
* [Security](
|
|
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
|
-
* [
|
|
22
|
-
* [
|
|
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/
|
|
59
|
-
- [Store](https://passariello.gitbook.io/dphelper-devtools/
|
|
60
|
-
- [Observer](https://passariello.gitbook.io/dphelper-devtools/
|
|
61
|
-
- [List of functions](https://passariello.gitbook.io/dphelper-devtools/
|
|
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
|
|
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
|
-
|
|
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(
|
|
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 =
|
|
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 =
|
|
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/
|
|
328
|
-
- [CODE OF CONDUCT](https://passariello.gitbook.io/dphelper-devtools/
|
|
329
|
-
- [SECURITY](https://passariello.gitbook.io/dphelper-devtools/
|
|
330
|
-
- [CONTRIBUTING](https://passariello.gitbook.io/dphelper-devtools/
|
|
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 -
|
|
343
|
+
Dario Passariello - dariopassariello@gmail.com, All rights reserved - Copyright (c) 2019 - 2025
|