dphelper 1.8.47 → 1.8.49
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 +34 -32
- package/architecture/empty +0 -0
- package/docs/index.md +34 -32
- package/examples/empty +0 -0
- package/general/LIST.md +561 -0
- package/{OBSERVER.md → general/OBSERVER.md} +5 -5
- package/{STATE.md → general/STATE.md} +3 -3
- package/{STORE.md → general/STORE.md} +6 -6
- package/index.js +1 -1
- package/package.json +5 -5
- package/types/dphelper.d.ts +2 -0
- package/LIST.md +0 -571
- /package/{LICENSE → LICENSE.md} +0 -0
package/README.md
CHANGED
|
@@ -23,21 +23,21 @@ dpHelper is a precise and complete collection of 190+ tools ready to use in all
|
|
|
23
23
|
import React, { useEffect } from 'react';
|
|
24
24
|
import 'dphelper';
|
|
25
25
|
|
|
26
|
-
function App() {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
26
|
+
function App() {
|
|
27
|
+
// Store a value in the state
|
|
28
|
+
state.test = 'Hello, World!';
|
|
29
|
+
|
|
30
|
+
// Use the stored value in a React component
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
console.log("You can recall from all pages: " + state.test); // Output: "Hello, World!"
|
|
33
|
+
}, []);
|
|
34
|
+
|
|
35
|
+
return (
|
|
36
|
+
<div>
|
|
37
|
+
<h1>{state.test}</h1>
|
|
38
|
+
</div>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
41
|
|
|
42
42
|
export default App;
|
|
43
43
|
```
|
|
@@ -55,12 +55,12 @@ 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://
|
|
59
|
-
- [Store](https://
|
|
60
|
-
- [Observer](https://
|
|
61
|
-
- [List of functions](https://
|
|
58
|
+
- [State]([clicking here](https://biglogic-organization.gitbook.io/dphelper-devtools/general/state)
|
|
59
|
+
- [Store](https://biglogic-organization.gitbook.io/dphelper-devtools/general/store)
|
|
60
|
+
- [Observer](https://biglogic-organization.gitbook.io/dphelper-devtools/general/observer)
|
|
61
|
+
- [List of functions](https://biglogic-organization.gitbook.io/dphelper-devtools/general/list)
|
|
62
62
|
|
|
63
|
-
You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://
|
|
63
|
+
You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://biglogic-organization.gitbook.io/dphelper-devtools).
|
|
64
64
|
|
|
65
65
|
## What You Need to Know About "No-Refresh/Reload" 🧐
|
|
66
66
|
|
|
@@ -121,7 +121,7 @@ state.test = "I am ready";
|
|
|
121
121
|
state.test
|
|
122
122
|
|
|
123
123
|
// List all states
|
|
124
|
-
state.list // or just state
|
|
124
|
+
state.list // or just "state" to see the proxy
|
|
125
125
|
|
|
126
126
|
// Remove a state
|
|
127
127
|
state.remove("test")
|
|
@@ -142,9 +142,9 @@ If you want to run a function every time a state changes, you can use:
|
|
|
142
142
|
* @parameters
|
|
143
143
|
* [ state | store, function ]
|
|
144
144
|
*/
|
|
145
|
-
observer("state.test", () => alert("Test Changes to: " + state.test))
|
|
146
|
-
|
|
147
|
-
|
|
145
|
+
observer( "state.test", () => alert("Test Changes to: " + state.test) )
|
|
146
|
+
|__________| |___________________________________________|
|
|
147
|
+
State: string Function
|
|
148
148
|
|
|
149
149
|
PS: you need to use the name of state | store as string
|
|
150
150
|
```
|
|
@@ -232,10 +232,12 @@ function App() {
|
|
|
232
232
|
);
|
|
233
233
|
|
|
234
234
|
// Use the stored value in a React component
|
|
235
|
-
useEffect(
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
235
|
+
useEffect(
|
|
236
|
+
() => {
|
|
237
|
+
console.log(store.get("user")); // Output: { name: "John Doe", age: 30 }
|
|
238
|
+
$("#name").text(store.get("user").name)
|
|
239
|
+
}, []
|
|
240
|
+
);
|
|
239
241
|
|
|
240
242
|
// Clear all stored data if necessary
|
|
241
243
|
// store.clearAll();
|
|
@@ -322,10 +324,10 @@ The dpHelper browser extension allows you to manage your application's dpHelper
|
|
|
322
324
|
|
|
323
325
|
[MIT - https://en.wikipedia.org/wiki/MIT_License](https://en.wikipedia.org/wiki/MIT_License)
|
|
324
326
|
|
|
325
|
-
- [LICENCE](https://
|
|
326
|
-
- [CODE OF CONDUCT](https://
|
|
327
|
-
- [SECURITY](https://
|
|
328
|
-
- [CONTRIBUTING](https://
|
|
327
|
+
- [LICENCE](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/license)
|
|
328
|
+
- [CODE OF CONDUCT](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/code_of_conduct)
|
|
329
|
+
- [SECURITY](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/security)
|
|
330
|
+
- [CONTRIBUTING](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/contributing)
|
|
329
331
|
|
|
330
332
|
---
|
|
331
333
|
|
|
File without changes
|
package/docs/index.md
CHANGED
|
@@ -23,21 +23,21 @@ dpHelper is a precise and complete collection of 190+ tools ready to use in all
|
|
|
23
23
|
import React, { useEffect } from 'react';
|
|
24
24
|
import 'dphelper';
|
|
25
25
|
|
|
26
|
-
function App() {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}
|
|
26
|
+
function App() {
|
|
27
|
+
// Store a value in the state
|
|
28
|
+
state.test = 'Hello, World!';
|
|
29
|
+
|
|
30
|
+
// Use the stored value in a React component
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
console.log("You can recall from all pages: " + state.test); // Output: "Hello, World!"
|
|
33
|
+
}, []);
|
|
34
|
+
|
|
35
|
+
return (
|
|
36
|
+
<div>
|
|
37
|
+
<h1>{state.test}</h1>
|
|
38
|
+
</div>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
41
|
|
|
42
42
|
export default App;
|
|
43
43
|
```
|
|
@@ -55,12 +55,12 @@ 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://
|
|
59
|
-
- [Store](https://
|
|
60
|
-
- [Observer](https://
|
|
61
|
-
- [List of functions](https://
|
|
58
|
+
- [State]([clicking here](https://biglogic-organization.gitbook.io/dphelper-devtools/general/state)
|
|
59
|
+
- [Store](https://biglogic-organization.gitbook.io/dphelper-devtools/general/store)
|
|
60
|
+
- [Observer](https://biglogic-organization.gitbook.io/dphelper-devtools/general/observer)
|
|
61
|
+
- [List of functions](https://biglogic-organization.gitbook.io/dphelper-devtools/general/list)
|
|
62
62
|
|
|
63
|
-
You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://
|
|
63
|
+
You can see more tutorials, information, and examples about **dpHelper** [clicking here](https://biglogic-organization.gitbook.io/dphelper-devtools).
|
|
64
64
|
|
|
65
65
|
## What You Need to Know About "No-Refresh/Reload" 🧐
|
|
66
66
|
|
|
@@ -121,7 +121,7 @@ state.test = "I am ready";
|
|
|
121
121
|
state.test
|
|
122
122
|
|
|
123
123
|
// List all states
|
|
124
|
-
state.list // or just state
|
|
124
|
+
state.list // or just "state" to see the proxy
|
|
125
125
|
|
|
126
126
|
// Remove a state
|
|
127
127
|
state.remove("test")
|
|
@@ -142,9 +142,9 @@ If you want to run a function every time a state changes, you can use:
|
|
|
142
142
|
* @parameters
|
|
143
143
|
* [ state | store, function ]
|
|
144
144
|
*/
|
|
145
|
-
observer("state.test", () => alert("Test Changes to: " + state.test))
|
|
146
|
-
|
|
147
|
-
|
|
145
|
+
observer( "state.test", () => alert("Test Changes to: " + state.test) )
|
|
146
|
+
|__________| |___________________________________________|
|
|
147
|
+
State: string Function
|
|
148
148
|
|
|
149
149
|
PS: you need to use the name of state | store as string
|
|
150
150
|
```
|
|
@@ -232,10 +232,12 @@ function App() {
|
|
|
232
232
|
);
|
|
233
233
|
|
|
234
234
|
// Use the stored value in a React component
|
|
235
|
-
useEffect(
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
235
|
+
useEffect(
|
|
236
|
+
() => {
|
|
237
|
+
console.log(store.get("user")); // Output: { name: "John Doe", age: 30 }
|
|
238
|
+
$("#name").text(store.get("user").name)
|
|
239
|
+
}, []
|
|
240
|
+
);
|
|
239
241
|
|
|
240
242
|
// Clear all stored data if necessary
|
|
241
243
|
// store.clearAll();
|
|
@@ -322,10 +324,10 @@ The dpHelper browser extension allows you to manage your application's dpHelper
|
|
|
322
324
|
|
|
323
325
|
[MIT - https://en.wikipedia.org/wiki/MIT_License](https://en.wikipedia.org/wiki/MIT_License)
|
|
324
326
|
|
|
325
|
-
- [LICENCE](https://
|
|
326
|
-
- [CODE OF CONDUCT](https://
|
|
327
|
-
- [SECURITY](https://
|
|
328
|
-
- [CONTRIBUTING](https://
|
|
327
|
+
- [LICENCE](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/license)
|
|
328
|
+
- [CODE OF CONDUCT](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/code_of_conduct)
|
|
329
|
+
- [SECURITY](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/security)
|
|
330
|
+
- [CONTRIBUTING](https://biglogic-organization.gitbook.io/dphelper-devtools/documents/contributing)
|
|
329
331
|
|
|
330
332
|
---
|
|
331
333
|
|
package/examples/empty
ADDED
|
File without changes
|