fragmented 2.0.41 → 2.0.43
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 +18 -4
- package/example.js +11 -2
- package/lib/example.js +2 -2
- package/package.json +1 -1
- package/src/example.js +1 -1
package/README.md
CHANGED
|
@@ -22,6 +22,24 @@ You can also clone the repository with [Git](https://git-scm.com/)...
|
|
|
22
22
|
|
|
23
23
|
You will need to do this if you want to look at the example.
|
|
24
24
|
|
|
25
|
+
## Example
|
|
26
|
+
|
|
27
|
+
There is a small development server that can be run from within the project's directory with the following command:
|
|
28
|
+
|
|
29
|
+
npm start
|
|
30
|
+
|
|
31
|
+
The example will then be available at the following URL:
|
|
32
|
+
|
|
33
|
+
http://localhost:8888
|
|
34
|
+
|
|
35
|
+
The source for the example can be found in the `src/example.js` file and corresponding `src/example` folder. You are encouraged to try the example whilst reading what follows. You can rebuild it on the fly with the following command:
|
|
36
|
+
|
|
37
|
+
npm run watch-debug
|
|
38
|
+
|
|
39
|
+
The development server will reload the page whenever you make changes.
|
|
40
|
+
|
|
41
|
+
One last thing to bear in mind is that this package is included by way of a relative rather than a package import. If you are importing it into your own application, however, you should use the standard package import.
|
|
42
|
+
|
|
25
43
|
## Usage
|
|
26
44
|
|
|
27
45
|
There are no objects exported as such, you only need to import the package:
|
|
@@ -68,10 +86,6 @@ Also note that the `fragment` variable is an instance of the `String` object, ra
|
|
|
68
86
|
|
|
69
87
|
Finally, if you do not like the thought of a global `fragment` variable, you can of course refer to it as `window.fragment`.
|
|
70
88
|
|
|
71
|
-
## Example
|
|
72
|
-
|
|
73
|
-
Launch the `example.html` file in the project's root directory.
|
|
74
|
-
|
|
75
89
|
## Building
|
|
76
90
|
|
|
77
91
|
Automation is thanks to [npm scripts](https://docs.npmjs.com/misc/scripts), have a look at the `package.json` file. The pertinent commands are:
|
package/example.js
CHANGED
|
@@ -63,13 +63,22 @@
|
|
|
63
63
|
}
|
|
64
64
|
});
|
|
65
65
|
|
|
66
|
+
// lib/index.js
|
|
67
|
+
var require_lib = __commonJS((exports) => {
|
|
68
|
+
"use strict";
|
|
69
|
+
Object.defineProperty(exports, "__esModule", {
|
|
70
|
+
value: true
|
|
71
|
+
});
|
|
72
|
+
require_fragmented();
|
|
73
|
+
});
|
|
74
|
+
|
|
66
75
|
// lib/example.js
|
|
67
76
|
var require_example = __commonJS((exports) => {
|
|
68
77
|
"use strict";
|
|
69
78
|
Object.defineProperty(exports, "__esModule", {
|
|
70
79
|
value: true
|
|
71
80
|
});
|
|
72
|
-
|
|
81
|
+
require_lib();
|
|
73
82
|
var onFragmentChange = fragment.onFragmentChange;
|
|
74
83
|
var offFragmentChange = fragment.offFragmentChange;
|
|
75
84
|
onFragmentChange(fragmentChangeHandler);
|
|
@@ -81,4 +90,4 @@
|
|
|
81
90
|
});
|
|
82
91
|
require_example();
|
|
83
92
|
})();
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsic3JjL2ZyYWdtZW50ZWQuanMiLCAic3JjL2luZGV4LmpzIiwgInNyYy9leGFtcGxlLmpzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyJcInVzZSBzdHJpY3RcIjtcblxuT2JqZWN0LmRlZmluZVByb3BlcnR5KHdpbmRvdywgXCJmcmFnbWVudFwiLCB7XG4gIGdldDogZnVuY3Rpb24oKSB7XG4gICAgY29uc3QgZnJhZ21lbnQgPSBnZXRGcmFnbWVudCgpO1xuXG4gICAgcmV0dXJuIGZyYWdtZW50O1xuICB9LFxuXG4gIHNldDogZnVuY3Rpb24oZnJhZ21lbnQpIHtcbiAgICBjb25zdCBzaWxlbnRseSA9IGZhbHNlO1xuXG4gICAgc2V0RnJhZ21lbnQoZnJhZ21lbnQsIHNpbGVudGx5KTtcbiAgfVxufSk7XG5cbndpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwiaGFzaGNoYW5nZVwiLCBoYXNoQ2hhbmdlTGlzdGVuZXIpO1xuXG5jb25zdCBmcmFnbWVudENoYW5nZUhhbmRsZXJzID0gW107XG5cbmZ1bmN0aW9uIGdldEZyYWdtZW50KCkge1xuICBjb25zdCBoYXNoID0gd2luZG93LmxvY2F0aW9uLmhhc2guc3Vic3RyKDEpLCAgLy8vXG4gICAgICAgIGZyYWdtZW50ID0gbmV3IFN0cmluZyhoYXNoKTsgIC8vL1xuXG4gIE9iamVjdC5hc3NpZ24oZnJhZ21lbnQsIHtcbiAgICBnZXRGcmFnbWVudCxcbiAgICBzZXRGcmFnbWVudCxcbiAgICBvbkZyYWdtZW50Q2hhbmdlLFxuICAgIG9mZkZyYWdtZW50Q2hhbmdlXG4gIH0pO1xuXG4gIHJldHVybiBmcmFnbWVudDtcbn1cblxuZnVuY3Rpb24gc2V0RnJhZ21lbnQoZnJhZ21lbnQsIHNpbGVudGx5ID0gdHJ1ZSkge1xuICBjb25zdCBoYXNoID0gZnJhZ21lbnQ7ICAvLy9cblxuICBpZiAoc2lsZW50bHkpIHtcbiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImhhc2hjaGFuZ2VcIiwgaGFzaENoYW5nZUxpc3RlbmVyKTtcbiAgfVxuXG4gIHdpbmRvdy5sb2NhdGlvbi5oYXNoID0gaGFzaDtcblxuICBpZiAoc2lsZW50bHkpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKFwiaGFzaGNoYW5nZVwiLCBoYXNoQ2hhbmdlTGlzdGVuZXIpO1xuICAgIH0sIDApO1xuICB9XG59XG5cbmZ1bmN0aW9uIG9uRnJhZ21lbnRDaGFuZ2UoZnJhZ21lbnRDaGFuZ2VIYW5kbGVyKSB7XG4gIGZyYWdtZW50Q2hhbmdlSGFuZGxlcnMucHVzaChmcmFnbWVudENoYW5nZUhhbmRsZXIpO1xufVxuXG5mdW5jdGlvbiBvZmZGcmFnbWVudENoYW5nZShmcmFnbWVudENoYW5nZUhhbmRsZXIpIHtcbiAgY29uc3QgaW5kZXggPSBmcmFnbWVudENoYW5nZUhhbmRsZXJzLmluZGV4T2YoZnJhZ21lbnRDaGFuZ2VIYW5kbGVyKTtcblxuICBpZiAoaW5kZXggPiAtMSkge1xuICAgIGNvbnN0IHN0YXJ0ID0gaW5kZXgsICAvLy9cbiAgICAgICAgICBkZWxldGVDb3VudCA9IDE7XG5cbiAgICBmcmFnbWVudENoYW5nZUhhbmRsZXJzLnNwbGljZShzdGFydCwgZGVsZXRlQ291bnQpO1xuICB9XG59XG5cbmZ1bmN0aW9uIGhhc2hDaGFuZ2VMaXN0ZW5lcigpIHtcbiAgY29uc3QgaGFzaCA9IHdpbmRvdy5sb2NhdGlvbi5oYXNoLnN1YnN0cigxKSwgIC8vL1xuICAgICAgICBmcmFnbWVudCA9IGhhc2g7ICAvLy9cblxuICBmcmFnbWVudENoYW5nZUhhbmRsZXJzLmZvckVhY2goKGZyYWdtZW50Q2hhbmdlSGFuZGxlcikgPT4ge1xuICAgIGZyYWdtZW50Q2hhbmdlSGFuZGxlcihmcmFnbWVudCk7XG4gIH0pO1xufVxuIiwgIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgXCIuL2ZyYWdtZW50ZWRcIjtcbiIsICJcInVzZSBzdHJpY3RcIjtcblxuaW1wb3J0IFwiLi9pbmRleFwiOyAvLy9cblxuY29uc3QgeyBvbkZyYWdtZW50Q2hhbmdlLCBvZmZGcmFnbWVudENoYW5nZSB9ID0gZnJhZ21lbnQ7XG5cbm9uRnJhZ21lbnRDaGFuZ2UoZnJhZ21lbnRDaGFuZ2VIYW5kbGVyKTtcblxuY29uc29sZS5sb2coZnJhZ21lbnQpXG5cbmZyYWdtZW50ID0gXCJ0ZXN0XCI7XG5cbi8vIG9mZkZyYWdtZW50Q2hhbmdlKGZyYWdtZW50Q2hhbmdlSGFuZGxlcik7XG5cbmZ1bmN0aW9uIGZyYWdtZW50Q2hhbmdlSGFuZGxlcigpIHtcbiAgY29uc29sZS5sb2coZnJhZ21lbnQpXG59XG4iXSwKICAibWFwcGluZ3MiOiAiOzs7Ozs7Ozs7O0FBQUE7O0FBRUEsV0FBTyxlQUFlLFFBQVEsWUFBWTtNQUN4QyxLQUFLLGVBQUw7QUFDRSxZQUFNLFlBQVc7QUFFakIsZUFBTzs7TUFHVCxLQUFLLGFBQVMsV0FBUTtBQUNwQixZQUFNLFdBQVc7QUFFakIsb0JBQVksV0FBVTs7O0FBSTFCLFdBQU8saUJBQWlCLGNBQWM7QUFFdEMsUUFBTSx5QkFBeUI7QUFFL0IsMkJBQVM7QUFDUCxVQUFNLE9BQU8sT0FBTyxTQUFTLEtBQUssT0FBTyxJQUNuQyxZQUFXLElBQUksT0FBTztBQUU1QixhQUFPLE9BQU8sV0FBVTtRQUN0QjtRQUNBO1FBQ0E7UUFDQTs7QUFHRixhQUFPOztBQUdULHlCQUFxQixXQUFRO1VBQUUsV0FBQSxVQUFBLFNBQUEsS0FBQSxVQUFBLE9BQUEsU0FBQSxVQUFBLEtBQVc7QUFDeEMsVUFBTSxPQUFPO0FBRWIsVUFBSSxVQUFVO0FBQ1osZUFBTyxvQkFBb0IsY0FBYzs7QUFHM0MsYUFBTyxTQUFTLE9BQU87QUFFdkIsVUFBSSxVQUFVO0FBQ1osbUJBQVcsV0FBQTtBQUNULGlCQUFPLGlCQUFpQixjQUFjO1dBQ3JDOzs7QUFJUCw4QkFBMEIsdUJBQXFCO0FBQzdDLDZCQUF1QixLQUFLOztBQUc5QiwrQkFBMkIsdUJBQXFCO0FBQzlDLFVBQU0sUUFBUSx1QkFBdUIsUUFBUTtBQUU3QyxVQUFJLFFBQVEsSUFBSTtBQUNkLFlBQU0sUUFBUSxPQUNSLGNBQWM7QUFFcEIsK0JBQXVCLE9BQU8sT0FBTzs7O0FBSXpDLGtDQUFTO0FBQ1AsVUFBTSxPQUFPLE9BQU8sU0FBUyxLQUFLLE9BQU8sSUFDbkMsWUFBVztBQUVqQiw2QkFBdUIsUUFBUSxTQUFDLHVCQUFBO0FBQzlCLDhCQUFzQjs7Ozs7O0FDdEUxQjs7Ozs7Ozs7O0FDQUE7Ozs7OztBQUlBLFFBQVEsbUJBQXdDLFNBQXhDO0FBQVIsUUFBMEIsb0JBQXNCLFNBQXRCO0FBRTFCLHFCQUFpQjtBQUVqQixZQUFRLElBQUk7QUFFWixlQUFXO0FBSVgscUNBQVM7QUFDUCxjQUFRLElBQUk7OzsiLAogICJuYW1lcyI6IFtdCn0K
|
package/lib/example.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
require("./
|
|
5
|
+
require("./index");
|
|
6
6
|
var onFragmentChange = fragment.onFragmentChange, offFragmentChange = fragment.offFragmentChange;
|
|
7
7
|
onFragmentChange(fragmentChangeHandler);
|
|
8
8
|
console.log(fragment);
|
|
@@ -12,4 +12,4 @@ function fragmentChangeHandler() {
|
|
|
12
12
|
console.log(fragment);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9leGFtcGxlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgXCIuL2luZGV4XCI7IC8vL1xuXG5jb25zdCB7IG9uRnJhZ21lbnRDaGFuZ2UsIG9mZkZyYWdtZW50Q2hhbmdlIH0gPSBmcmFnbWVudDtcblxub25GcmFnbWVudENoYW5nZShmcmFnbWVudENoYW5nZUhhbmRsZXIpO1xuXG5jb25zb2xlLmxvZyhmcmFnbWVudClcblxuZnJhZ21lbnQgPSBcInRlc3RcIjtcblxuLy8gb2ZmRnJhZ21lbnRDaGFuZ2UoZnJhZ21lbnRDaGFuZ2VIYW5kbGVyKTtcblxuZnVuY3Rpb24gZnJhZ21lbnRDaGFuZ2VIYW5kbGVyKCkge1xuICBjb25zb2xlLmxvZyhmcmFnbWVudClcbn1cbiJdLCJuYW1lcyI6WyJvbkZyYWdtZW50Q2hhbmdlIiwiZnJhZ21lbnQiLCJvZmZGcmFnbWVudENoYW5nZSIsImZyYWdtZW50Q2hhbmdlSGFuZGxlciIsImNvbnNvbGUiLCJsb2ciXSwibWFwcGluZ3MiOiJBQUFBOzs7O1FBRU87QUFFUCxJQUFRQSxtQkFBd0NDLFNBQXhDRCxrQkFBa0JFLG9CQUFzQkQsU0FBdEJDO0FBRTFCRixpQkFBaUJHO0FBRWpCQyxRQUFRQyxHQUFHLENBQUNKO0FBRVpBLFdBQVc7QUFFWCw0Q0FBNEM7QUFFNUMsU0FBU0U7SUFDUEMsUUFBUUMsR0FBRyxDQUFDSjtBQUNkIn0=
|
package/package.json
CHANGED