@blaze-cms/nextjs-tools 0.145.0 → 0.146.0-alpha-q1-2026.0
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/CHANGELOG.md +47 -0
- package/README.md +9 -12
- package/build/next.base.config.js +7 -0
- package/lib/application/query/index.js +1 -1
- package/lib/application/query/index.js.map +1 -1
- package/lib/blaze.config.js +4 -0
- package/lib/blaze.config.js.map +1 -1
- package/lib/components/DebugSidebar/DebugSidebar.js +140 -0
- package/lib/components/DebugSidebar/DebugSidebar.js.map +1 -0
- package/lib/components/DebugSidebar/DebugSidebarRender.js +84 -0
- package/lib/components/DebugSidebar/DebugSidebarRender.js.map +1 -0
- package/lib/components/DebugSidebar/index.js +2 -71
- package/lib/components/DebugSidebar/index.js.map +1 -1
- package/lib/components/HashObserver.js +15 -0
- package/lib/components/HashObserver.js.map +1 -0
- package/lib/components/index.js +7 -0
- package/lib/components/index.js.map +1 -1
- package/lib/constants.js +12 -2
- package/lib/constants.js.map +1 -1
- package/lib/containers/ContentContainer.js +29 -12
- package/lib/containers/ContentContainer.js.map +1 -1
- package/lib/containers/index.js.map +1 -1
- package/lib/helpers/build-admin-href.js +1 -1
- package/lib/helpers/build-admin-href.js.map +1 -1
- package/lib/helpers/check-for-gtm.js +4 -4
- package/lib/helpers/check-for-gtm.js.map +1 -1
- package/lib/helpers/check-parent.js.map +1 -1
- package/lib/helpers/check-preview-url.js.map +1 -1
- package/lib/helpers/check-url.js +138 -52
- package/lib/helpers/check-url.js.map +1 -1
- package/lib/helpers/get-entitys-actions.js.map +1 -1
- package/lib/helpers/get-error-message.js.map +1 -1
- package/lib/helpers/get-from-local.js +19 -0
- package/lib/helpers/get-from-local.js.map +1 -0
- package/lib/helpers/get-page-data.js +6 -6
- package/lib/helpers/get-page-data.js.map +1 -1
- package/lib/helpers/get-root-selector-classes.js +3 -3
- package/lib/helpers/get-root-selector-classes.js.map +1 -1
- package/lib/helpers/get-search-filter.js +3 -3
- package/lib/helpers/get-search-filter.js.map +1 -1
- package/lib/helpers/handle-static-routes.js +10 -10
- package/lib/helpers/handle-static-routes.js.map +1 -1
- package/lib/helpers/index.js +7 -0
- package/lib/helpers/index.js.map +1 -1
- package/lib/helpers/render-apple-tags.js +1 -0
- package/lib/helpers/render-apple-tags.js.map +1 -1
- package/lib/helpers/set-blaze-debug.js +33 -16
- package/lib/helpers/set-blaze-debug.js.map +1 -1
- package/lib/helpers/static-route-handlers/generic-file-handler.js +2 -2
- package/lib/helpers/static-route-handlers/generic-file-handler.js.map +1 -1
- package/lib/helpers/static-route-handlers/index.js +6 -2
- package/lib/helpers/static-route-handlers/index.js.map +1 -1
- package/lib/helpers/static-route-handlers/llms.js +21 -0
- package/lib/helpers/static-route-handlers/llms.js.map +1 -0
- package/lib/helpers/static-route-handlers/robots-txt.js.map +1 -1
- package/lib/helpers/static-route-handlers/sitemap-file.js.map +1 -1
- package/lib/helpers/static-route-handlers/sitemap.js.map +1 -1
- package/lib/hoc/withBlaze.js +25 -25
- package/lib/hoc/withBlaze.js.map +1 -1
- package/lib/hooks/use-get-page.js.map +1 -1
- package/lib/hooks/use-hash-observer.js +107 -0
- package/lib/hooks/use-hash-observer.js.map +1 -0
- package/lib/index.js +3 -10
- package/lib/index.js.map +1 -1
- package/lib/pages/Resolver.js +11 -11
- package/lib/pages/Resolver.js.map +1 -1
- package/lib/pages/document/DocumentBody.js.map +1 -1
- package/lib/pages/document/_document.js +15 -6
- package/lib/pages/document/_document.js.map +1 -1
- package/lib/server/index.js +8 -7
- package/lib/server/index.js.map +1 -1
- package/lib/server/routes.js.map +1 -1
- package/lib-es/application/query/index.js +5 -0
- package/lib-es/application/query/index.js.map +1 -1
- package/lib-es/blaze.config.js +4 -0
- package/lib-es/blaze.config.js.map +1 -1
- package/lib-es/components/DebugSidebar/DebugSidebar.js +107 -0
- package/lib-es/components/DebugSidebar/DebugSidebar.js.map +1 -0
- package/lib-es/components/DebugSidebar/DebugSidebarRender.js +57 -0
- package/lib-es/components/DebugSidebar/DebugSidebarRender.js.map +1 -0
- package/lib-es/components/DebugSidebar/index.js +2 -54
- package/lib-es/components/DebugSidebar/index.js.map +1 -1
- package/lib-es/components/HashObserver.js +7 -0
- package/lib-es/components/HashObserver.js.map +1 -0
- package/lib-es/components/index.js +2 -1
- package/lib-es/components/index.js.map +1 -1
- package/lib-es/constants.js +12 -2
- package/lib-es/constants.js.map +1 -1
- package/lib-es/containers/ContentContainer.js +15 -2
- package/lib-es/containers/ContentContainer.js.map +1 -1
- package/lib-es/containers/index.js.map +1 -1
- package/lib-es/helpers/build-admin-href.js.map +1 -1
- package/lib-es/helpers/check-for-gtm.js.map +1 -1
- package/lib-es/helpers/check-parent.js.map +1 -1
- package/lib-es/helpers/check-preview-url.js.map +1 -1
- package/lib-es/helpers/check-url.js +93 -35
- package/lib-es/helpers/check-url.js.map +1 -1
- package/lib-es/helpers/get-entitys-actions.js.map +1 -1
- package/lib-es/helpers/get-error-message.js.map +1 -1
- package/lib-es/helpers/get-from-local.js +11 -0
- package/lib-es/helpers/get-from-local.js.map +1 -0
- package/lib-es/helpers/get-page-data.js.map +1 -1
- package/lib-es/helpers/get-root-selector-classes.js.map +1 -1
- package/lib-es/helpers/get-search-filter.js.map +1 -1
- package/lib-es/helpers/handle-static-routes.js.map +1 -1
- package/lib-es/helpers/index.js +2 -1
- package/lib-es/helpers/index.js.map +1 -1
- package/lib-es/helpers/render-apple-tags.js.map +1 -1
- package/lib-es/helpers/set-blaze-debug.js +26 -17
- package/lib-es/helpers/set-blaze-debug.js.map +1 -1
- package/lib-es/helpers/static-route-handlers/generic-file-handler.js.map +1 -1
- package/lib-es/helpers/static-route-handlers/index.js +6 -0
- package/lib-es/helpers/static-route-handlers/index.js.map +1 -1
- package/lib-es/helpers/static-route-handlers/llms.js +19 -0
- package/lib-es/helpers/static-route-handlers/llms.js.map +1 -0
- package/lib-es/helpers/static-route-handlers/robots-txt.js.map +1 -1
- package/lib-es/helpers/static-route-handlers/sitemap-file.js.map +1 -1
- package/lib-es/helpers/static-route-handlers/sitemap.js.map +1 -1
- package/lib-es/hoc/withBlaze.js +8 -7
- package/lib-es/hoc/withBlaze.js.map +1 -1
- package/lib-es/hooks/use-get-page.js.map +1 -1
- package/lib-es/hooks/use-hash-observer.js +94 -0
- package/lib-es/hooks/use-hash-observer.js.map +1 -0
- package/lib-es/index.js +1 -1
- package/lib-es/index.js.map +1 -1
- package/lib-es/pages/Resolver.js +8 -8
- package/lib-es/pages/Resolver.js.map +1 -1
- package/lib-es/pages/document/DocumentBody.js.map +1 -1
- package/lib-es/pages/document/_document.js +9 -3
- package/lib-es/pages/document/_document.js.map +1 -1
- package/lib-es/server/index.js +5 -4
- package/lib-es/server/index.js.map +1 -1
- package/lib-es/server/routes.js.map +1 -1
- package/package.json +29 -26
- package/src/application/query/index.js +5 -0
- package/src/blaze.config.js +5 -1
- package/src/components/DebugSidebar/DebugSidebar.js +110 -0
- package/src/components/DebugSidebar/DebugSidebarRender.js +67 -0
- package/src/components/DebugSidebar/index.js +2 -64
- package/src/components/HashObserver.js +8 -0
- package/src/components/index.js +2 -1
- package/src/constants.js +13 -2
- package/src/containers/ContentContainer.js +16 -1
- package/src/helpers/check-url.js +79 -34
- package/src/helpers/get-from-local.js +12 -0
- package/src/helpers/index.js +2 -0
- package/src/helpers/set-blaze-debug.js +25 -15
- package/src/helpers/static-route-handlers/index.js +3 -0
- package/src/helpers/static-route-handlers/llms.js +22 -0
- package/src/hoc/withBlaze.js +2 -0
- package/src/hooks/use-hash-observer.js +119 -0
- package/src/index.js +1 -1
- package/src/pages/Resolver.js +8 -5
- package/src/pages/document/_document.js +10 -3
- package/src/server/index.js +5 -4
- package/tests/helpers/tests/static-file-handler-tests.js +7 -11
- package/tests/unit/src/__snapshots__/constants.test.js.snap +7 -1
- package/tests/unit/src/application/query/__snapshots__/index.test.js.snap +98 -2
- package/tests/unit/src/components/DebugSidebar/DebugSidebar.test.js +14 -5
- package/tests/unit/src/components/DebugSidebar/__snapshots__/DebugSidebar.test.js.snap +26 -0
- package/tests/unit/src/constants.test.js +14 -3
- package/tests/unit/src/containers/ContentContainer.test.js +2 -0
- package/tests/unit/src/containers/__snapshots__/ContentContainer.test.js.snap +7 -2
- package/tests/unit/src/helpers/check-url.test.js +55 -12
- package/tests/unit/src/helpers/handle-static-routes.test.js +1 -1
- package/tests/unit/src/helpers/static-route-handlers/__snapshots__/index.test.js.snap +1 -0
- package/tests/unit/src/helpers/static-route-handlers/__snapshots__/llms.test.js.snap +158 -0
- package/tests/unit/src/helpers/static-route-handlers/llms.test.js +4 -0
- package/tests/unit/src/hoc/withBlaze.test.js +6 -6
- package/tests/unit/src/hooks/use-hash-observer.test.js +260 -0
- package/tests/unit/src/pages/Resolver.test.js +5 -1
- package/tests/unit/src/pages/__snapshots__/Resolver.test.js.snap +5 -1
- package/tests/unit/src/server/__snapshots__/routes.test.js.snap +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,53 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.146.0-alpha-q1-2026.0](https://github.com/thebyte9/blaze/compare/v0.145.0...v0.146.0-alpha-q1-2026.0) (2026-02-03)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* bumped apollo versions ([b371dc7](https://github.com/thebyte9/blaze/commit/b371dc7e7bbe814a0cc4d57af2b959ab5e1b1bfd))
|
|
12
|
+
* changed plugin logic ([451b8af](https://github.com/thebyte9/blaze/commit/451b8afd47fade28b0143c128cf645fe90557424))
|
|
13
|
+
* enable parent redirects with custom 404 pages ([#4971](https://github.com/thebyte9/blaze/issues/4971)) ([bdac8d7](https://github.com/thebyte9/blaze/commit/bdac8d7ab48a003df199176c65df217089233fce))
|
|
14
|
+
* fixed breaking tests, updated next to 14 ([fecb0e1](https://github.com/thebyte9/blaze/commit/fecb0e1d822bd69ebbaa084072a219f0fddd23f1))
|
|
15
|
+
* fixed more tests ([46a2fb9](https://github.com/thebyte9/blaze/commit/46a2fb9467f9f3c9cf320c9caf36c66503cc1f49))
|
|
16
|
+
* fixed remaining failing tests ([8a5963f](https://github.com/thebyte9/blaze/commit/8a5963ff8a0bf615a2ced9fb77b8986a9b05d80c))
|
|
17
|
+
* force debug link to open in new tab ([#4907](https://github.com/thebyte9/blaze/issues/4907)) ([59abc33](https://github.com/thebyte9/blaze/commit/59abc3356636f5f8eb6ff911101947c878dbd213))
|
|
18
|
+
* lint errors for reegex ([daaf750](https://github.com/thebyte9/blaze/commit/daaf7506d22f9578072c71f5557d0b6bf6185018))
|
|
19
|
+
* linting fix for reading return values from promise executor functions ([7edb563](https://github.com/thebyte9/blaze/commit/7edb563a4cbfa37188f26c1ae709ffe8ed837d69))
|
|
20
|
+
* linting fixed automatically ([73135b9](https://github.com/thebyte9/blaze/commit/73135b9b8b0d5407e2e1dfba42ab2381f290607f))
|
|
21
|
+
* only do parent redirect when there are graphql errors ([#4697](https://github.com/thebyte9/blaze/issues/4697)) ([1ec63ba](https://github.com/thebyte9/blaze/commit/1ec63ba95c21c11d41721f07346945742d7237ae))
|
|
22
|
+
* prevent 404 error when no data is returned from and improve redi… ([#4688](https://github.com/thebyte9/blaze/issues/4688)) ([3a5af3d](https://github.com/thebyte9/blaze/commit/3a5af3ddf65d67456971d2d75525235c30965633))
|
|
23
|
+
* respond to live blog item size changes for laze loaded image, live blog title and global light box fix ([#4730](https://github.com/thebyte9/blaze/issues/4730)) ([5dd38d8](https://github.com/thebyte9/blaze/commit/5dd38d8d9e5983c55d3053d440eb7ab618688920))
|
|
24
|
+
* restore favion loading in the frontend ([#4851](https://github.com/thebyte9/blaze/issues/4851)) ([f1c31bb](https://github.com/thebyte9/blaze/commit/f1c31bb2213f79b1d4b6b1ae6e5d5bd2b150fdf8))
|
|
25
|
+
* set blank cache-control header to override nextjs default of 0 ([#4783](https://github.com/thebyte9/blaze/issues/4783)) ([2f1653e](https://github.com/thebyte9/blaze/commit/2f1653ed3756a90575c48f8a2253776958c6c0ff))
|
|
26
|
+
* show pagebuilder tabs when no components added ([#4844](https://github.com/thebyte9/blaze/issues/4844)) ([2cbb24d](https://github.com/thebyte9/blaze/commit/2cbb24df95b38d4c8f4575814daadebd74ba04d4))
|
|
27
|
+
* udpated yarn lock ([0cd4fa4](https://github.com/thebyte9/blaze/commit/0cd4fa4a185fca4b80b57e472badb771dd649ec2))
|
|
28
|
+
* updated with dev ([90f545f](https://github.com/thebyte9/blaze/commit/90f545f1beabb35e26ba6fb2b45a7a0dfd072927))
|
|
29
|
+
* updated with dev ([729bb6e](https://github.com/thebyte9/blaze/commit/729bb6ee7e87946081d51564a4ab45538f7be1e7))
|
|
30
|
+
* updated with latest ([21cde6f](https://github.com/thebyte9/blaze/commit/21cde6f157c9279ed1eccb326870547821bc3dde))
|
|
31
|
+
* wip ([a2b7b30](https://github.com/thebyte9/blaze/commit/a2b7b304f1871b372b3c8f105205ecc6e2ef8f01))
|
|
32
|
+
* wip ([48ea1ee](https://github.com/thebyte9/blaze/commit/48ea1ee2bff03b04bfeca7e1e2fe13bd7b316ad1))
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
### Features
|
|
36
|
+
|
|
37
|
+
* add hash observer for delayed anchor scrolling in SPAs ([#5038](https://github.com/thebyte9/blaze/issues/5038)) ([6414bc4](https://github.com/thebyte9/blaze/commit/6414bc4be7ace0de088499dc9fe4eeb3747d366e))
|
|
38
|
+
* add support for custom 404 page using custom error 404 slug and fallback rendering ([#4839](https://github.com/thebyte9/blaze/issues/4839)) ([67554a3](https://github.com/thebyte9/blaze/commit/67554a3febc2871d73bd127753edf3b918a1a0b7))
|
|
39
|
+
* added frontend links for editor mode ([#4801](https://github.com/thebyte9/blaze/issues/4801)) ([d5de370](https://github.com/thebyte9/blaze/commit/d5de370203abf467fcc3819d06c7375f4a6c1eb9))
|
|
40
|
+
* allow . (dot) character in route regex ([#4552](https://github.com/thebyte9/blaze/issues/4552)) ([9be0fe0](https://github.com/thebyte9/blaze/commit/9be0fe0dd0dac2e0891c2d965a20c6b2e02165cc))
|
|
41
|
+
* chart component ([#4846](https://github.com/thebyte9/blaze/issues/4846)) ([f74bd5a](https://github.com/thebyte9/blaze/commit/f74bd5aecc6078e725f92c523d8da0916a612d88))
|
|
42
|
+
* content document head ([#5007](https://github.com/thebyte9/blaze/issues/5007)) ([495545a](https://github.com/thebyte9/blaze/commit/495545a9b49b09a5857ff7e375f75375b15f998d))
|
|
43
|
+
* debug sidebar now shows on error if enabled ([#4667](https://github.com/thebyte9/blaze/issues/4667)) ([01d43e1](https://github.com/thebyte9/blaze/commit/01d43e19c160980cfc8259c1a951ab70ebe70eb0))
|
|
44
|
+
* handle llms.txt files ([#4972](https://github.com/thebyte9/blaze/issues/4972)) ([dc035f5](https://github.com/thebyte9/blaze/commit/dc035f5cfa1a7fa8d222fed45b3fc0f1bb6cd0c5))
|
|
45
|
+
* open frontend debug toolbar with a url param ([#4771](https://github.com/thebyte9/blaze/issues/4771)) ([37b8ea5](https://github.com/thebyte9/blaze/commit/37b8ea59a5ed4be0912465717adeb079fd6b3a89))
|
|
46
|
+
* set html lang attribute from default language env var ([17da6a8](https://github.com/thebyte9/blaze/commit/17da6a83e120e04785b04d6d5b8dcba6eff183f2))
|
|
47
|
+
* updated react to 18 ([9335f84](https://github.com/thebyte9/blaze/commit/9335f8432b376494501abb9c3deef1ddaa9b35a8))
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
6
53
|
# [0.145.0](https://github.com/thebyte9/blaze/compare/v0.145.0-alpha.0...v0.145.0) (2024-07-31)
|
|
7
54
|
|
|
8
55
|
**Note:** Version bump only for package @blaze-cms/nextjs-tools
|
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ module.exports = withPlugins(plugins, config);
|
|
|
24
24
|
|
|
25
25
|
The [withBlaze](./src/hoc/withBlaze.js) higher order component that is used to wrap Nextjs applications using the Blaze frontend. An example of usage can be seen in the [example frontend app.js file](examples/blaze-example-frontend/src/pages/_app.js).
|
|
26
26
|
|
|
27
|
-
This implements the [server side rendering recommendations of the Apollo client](https://www.apollographql.com/docs/react/api/react/ssr/).
|
|
27
|
+
This implements the [server side rendering recommendations of the Apollo client](https://www.apollographql.com/docs/react/api/react/ssr/).
|
|
28
28
|
|
|
29
29
|
Note: It also has an extra check while server side rendering that will force the page to complete rendering if the apollo client gets stuck. After 500ms if all the apollo queries are finished but apollo hasn't then the app will carry on with rendering.
|
|
30
30
|
|
|
@@ -41,7 +41,6 @@ The packages adds og metadata to the head of pages automatically. It uses the fo
|
|
|
41
41
|
- req.headers['x-forwarded-host'] // not always passed by all cdn
|
|
42
42
|
- req.headers.host
|
|
43
43
|
|
|
44
|
-
|
|
45
44
|
## Static routes
|
|
46
45
|
|
|
47
46
|
This package adds routes for some frontend files that will return responses not rendered by react. Currently these requests still initially route through the Resolver. They may be split out in the future.
|
|
@@ -78,23 +77,22 @@ The route regex defines what paths will be checked with the api. Any url paths t
|
|
|
78
77
|
|
|
79
78
|
The default regex can be seen in [constants](./src/constants.js)
|
|
80
79
|
|
|
81
|
-
If you want to make it stricter or more open you can override the default with the environmental variable BLAZE_ROUTE_REGEX
|
|
80
|
+
If you want to make it stricter or more open you can override the default with the environmental variable `BLAZE_ROUTE_REGEX`.
|
|
82
81
|
|
|
83
82
|
**Note** If you make it more open this could increase load on the frontend/api services as more paths will be checked with the api so if bot is targetting the server the load on both services will be higher.
|
|
84
83
|
|
|
85
|
-
|
|
84
|
+
## Custom error not found (404) page
|
|
86
85
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
```
|
|
86
|
+
By default if a url is not found by the API the frontend app will show a simple error message saying "Page not found".
|
|
87
|
+
|
|
88
|
+
If is possible to create a custom error page by adding a page with the slug "custom-error-404". The frontend will check the api for this url and render the page if it is set. The requested url will still be shown in the browser and appropriate 404 HTTP header.
|
|
91
89
|
|
|
92
90
|
## Environment variables
|
|
93
91
|
|
|
94
92
|
| Name | Description | Type | Default |
|
|
95
93
|
|---|---|---|
|
|
96
94
|
| BLAZE_FRONTEND_HOST | Frontend host (used to identify host) | String | |
|
|
97
|
-
| BLAZE_ROUTE_REGEX | Override default route regex | /^\/[a-z0-9
|
|
95
|
+
| BLAZE_ROUTE_REGEX | Override default route regex | /^\/[a-z0-9€*\/]+(?:[-\/\.]{1,2}[a-z0-9\/€*\/]+)*$|^\/$/ |
|
|
98
96
|
| BLAZE_CACHE_CONTROL_HEADER | Cache-Control header to set on page requests | String | "" |
|
|
99
97
|
| BLAZE_STATIC_ROUTE_STORE_KEY | Override store for static file routes | default |
|
|
100
98
|
| BLAZE_ROUTE_PATTERN_SITEMAP | Override sitemap route | /sitemap.xml |
|
|
@@ -104,7 +102,6 @@ This example will also allow the path to contain **.** characters
|
|
|
104
102
|
| BLAZE_CONTENT_SITEMAP_URL_PREFIX | Prefix for sitemap URL, used in frontend static route e.g. /sitemap/sitemap-0.xml. This needs to match value set in API app. | String | |
|
|
105
103
|
| BLAZE_DISABLE_REDIRECT_WITH_QUERY | Do not add query string to redirects | String | |
|
|
106
104
|
|
|
107
|
-
|
|
108
105
|
## Events emitted
|
|
109
106
|
|
|
110
107
|
For more information about specific package events go to package README.
|
|
@@ -113,7 +110,6 @@ For more information about specific package events go to package README.
|
|
|
113
110
|
|---|---|
|
|
114
111
|
| page-load:get-initial-props:before | Called in `getInitialProps` and passes in the nextjs `ctx` before running through AppTree |
|
|
115
112
|
|
|
116
|
-
|
|
117
113
|
## Tailwind
|
|
118
114
|
|
|
119
115
|
[Tailwind CSS](https://tailwindcss.com/) is a utility-first CSS framework packed with classes like flex , pt-4 , text-center and rotate-90 that can be composed to build any design, directly in your markup.
|
|
@@ -126,7 +122,7 @@ For more information about specific package events go to package README.
|
|
|
126
122
|
|
|
127
123
|
```sh
|
|
128
124
|
cd packages/frontend/
|
|
129
|
-
|
|
125
|
+
npm install tailwindcss@latest postcss@latest autoprefixer@latest --save
|
|
130
126
|
```
|
|
131
127
|
|
|
132
128
|
3. Add **tailwind.config.js** file in packages/frontend with following content
|
|
@@ -213,6 +209,7 @@ When checking new code or build configs make sure to check the [following things
|
|
|
213
209
|
To make styling of sections of a site simpler, it is possible to enable setting root selector classes at the top of the Resolver page structure that are generated based on the url hierarchy.
|
|
214
210
|
|
|
215
211
|
For example the following url, `/parent/child/article-123` might be broken into the following classes
|
|
212
|
+
|
|
216
213
|
```
|
|
217
214
|
root-selector--parent
|
|
218
215
|
root-selector--parent--child
|
|
@@ -99,6 +99,13 @@ const nextConfig = {
|
|
|
99
99
|
'blaze-plugin-page-builder-fe',
|
|
100
100
|
'src'
|
|
101
101
|
),
|
|
102
|
+
'@blaze-cms/plugin-chart': path.resolve(
|
|
103
|
+
__dirname,
|
|
104
|
+
rootPath,
|
|
105
|
+
'packages',
|
|
106
|
+
'blaze-plugin-chart',
|
|
107
|
+
'src'
|
|
108
|
+
),
|
|
102
109
|
'@blaze-cms/plugin-gtm-fe': path.resolve(
|
|
103
110
|
__dirname,
|
|
104
111
|
rootPath,
|
|
@@ -9,7 +9,7 @@ exports.getPageQuery = exports.checkUrlQuery = exports.GET_ENTITY_SCHEMA = void
|
|
|
9
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
10
|
var _client = require("@apollo/client");
|
|
11
11
|
var _templateObject, _templateObject2, _templateObject3;
|
|
12
|
-
var pageDataFields = "\nid\nname\npreparedPageBuilderComponents\ncanonicalUrl\ncategory {\n id\n name\n}\ntags {\n id\n name\n}\nslug\nimage{\n id\n data\n url\n}\nformattedMetaTitle\nformattedMetaDescription\n__typename\ncacheControlMaxAge";
|
|
12
|
+
var pageDataFields = "\nid\nname\npreparedPageBuilderComponents\ncanonicalUrl\ncategory {\n id\n name\n}\ntags {\n id\n name\n}\nslug\nimage{\n id\n data\n url\n}\ncontentDocumentHead {\n type\n props\n content\n}\nformattedMetaTitle\nformattedMetaDescription\n__typename\ncacheControlMaxAge";
|
|
13
13
|
var checkUrlQuery = exports.checkUrlQuery = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n query checkUrl($url: String!) {\n checkUrl(url: $url) {\n itemId\n itemEntity\n urlTo,\n pageData: record {\n ...on ContentContentInterface {\n ", "\n }\n }\n }\n }\n"])), pageDataFields);
|
|
14
14
|
var getPageQuery = exports.getPageQuery = function getPageQuery(_ref) {
|
|
15
15
|
var _ref$actions = _ref.actions,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_client","require","_templateObject","_templateObject2","_templateObject3","pageDataFields","checkUrlQuery","exports","gql","_taggedTemplateLiteral2","getPageQuery","_ref","_ref$actions","actions","_ref$actions2","get","getPublished","isPreview","getMethod","GET_ENTITY_SCHEMA"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst pageDataFields = `\nid\nname\npreparedPageBuilderComponents\ncanonicalUrl\ncategory {\n id\n name\n}\ntags {\n id\n name\n}\nslug\nimage{\n id\n data\n url\n}\nformattedMetaTitle\nformattedMetaDescription\n__typename\ncacheControlMaxAge`;\n\nconst checkUrlQuery = gql`\n query checkUrl($url: String!) {\n checkUrl(url: $url) {\n itemId\n itemEntity\n urlTo,\n pageData: record {\n ...on ContentContentInterface {\n ${pageDataFields}\n }\n }\n }\n }\n`;\n\nconst getPageQuery = ({ actions: { get, getPublished } = {}, isPreview }) => {\n const getMethod = !isPreview && getPublished ? getPublished : get;\n\n return gql`\n query pageData($id: String!) {\n pageData: ${getMethod}(id: $id) {\n ${pageDataFields}\n url\n }\n }\n `;\n};\n\nconst GET_ENTITY_SCHEMA = gql`\n query getEntitySchema($id: String!) {\n entitySchema: getEntitySchema(id: $id) {\n id\n identifier\n actions\n }\n }\n`;\n\nexport { checkUrlQuery, getPageQuery, GET_ENTITY_SCHEMA };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAErC,IAAMC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_client","require","_templateObject","_templateObject2","_templateObject3","pageDataFields","checkUrlQuery","exports","gql","_taggedTemplateLiteral2","getPageQuery","_ref","_ref$actions","actions","_ref$actions2","get","getPublished","isPreview","getMethod","GET_ENTITY_SCHEMA"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst pageDataFields = `\nid\nname\npreparedPageBuilderComponents\ncanonicalUrl\ncategory {\n id\n name\n}\ntags {\n id\n name\n}\nslug\nimage{\n id\n data\n url\n}\ncontentDocumentHead {\n type\n props\n content\n}\nformattedMetaTitle\nformattedMetaDescription\n__typename\ncacheControlMaxAge`;\n\nconst checkUrlQuery = gql`\n query checkUrl($url: String!) {\n checkUrl(url: $url) {\n itemId\n itemEntity\n urlTo,\n pageData: record {\n ...on ContentContentInterface {\n ${pageDataFields}\n }\n }\n }\n }\n`;\n\nconst getPageQuery = ({ actions: { get, getPublished } = {}, isPreview }) => {\n const getMethod = !isPreview && getPublished ? getPublished : get;\n\n return gql`\n query pageData($id: String!) {\n pageData: ${getMethod}(id: $id) {\n ${pageDataFields}\n url\n }\n }\n `;\n};\n\nconst GET_ENTITY_SCHEMA = gql`\n query getEntitySchema($id: String!) {\n entitySchema: getEntitySchema(id: $id) {\n id\n identifier\n actions\n }\n }\n`;\n\nexport { checkUrlQuery, getPageQuery, GET_ENTITY_SCHEMA };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAErC,IAAMC,cAAc,4RA2BD;AAEnB,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,OAAGE,WAAG,EAAAN,eAAA,KAAAA,eAAA,OAAAO,uBAAA,sPAQbJ,cAAc,CAKzB;AAED,IAAMK,YAAY,GAAAH,OAAA,CAAAG,YAAA,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA2D;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAArDE,OAAO;IAAAC,aAAA,GAAAF,YAAA,cAA0B,CAAC,CAAC,GAAAA,YAAA;IAAxBG,GAAG,GAAAD,aAAA,CAAHC,GAAG;IAAEC,YAAY,GAAAF,aAAA,CAAZE,YAAY;IAASC,SAAS,GAAAN,IAAA,CAATM,SAAS;EACpE,IAAMC,SAAS,GAAG,CAACD,SAAS,IAAID,YAAY,GAAGA,YAAY,GAAGD,GAAG;EAEjE,WAAOP,WAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,yIAEMS,SAAS,EACjBb,cAAc;AAKxB,CAAC;AAED,IAAMc,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,OAAGX,WAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,oKAQ5B","ignoreList":[]}
|
package/lib/blaze.config.js
CHANGED
|
@@ -13,13 +13,17 @@ require("core-js/modules/es.string.iterator.js");
|
|
|
13
13
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
14
14
|
var _pluginPageBuilderFe = _interopRequireDefault(require("@blaze-cms/plugin-page-builder-fe"));
|
|
15
15
|
var _pluginGtmFe = _interopRequireDefault(require("@blaze-cms/plugin-gtm-fe"));
|
|
16
|
+
var _pluginChart = _interopRequireDefault(require("@blaze-cms/plugin-chart"));
|
|
16
17
|
var _pluginGoogleMapsFe = _interopRequireDefault(require("@blaze-cms/plugin-google-maps-fe"));
|
|
17
18
|
var _pluginPreviewFe = _interopRequireDefault(require("@blaze-cms/plugin-preview-fe"));
|
|
18
19
|
var _pluginAuthFe = _interopRequireDefault(require("@blaze-cms/plugin-auth-fe"));
|
|
19
20
|
var _pluginStructuredDataFe = _interopRequireDefault(require("@blaze-cms/plugin-structured-data-fe"));
|
|
21
|
+
var _pluginTranslationFe = _interopRequireDefault(require("@blaze-cms/plugin-translation-fe"));
|
|
20
22
|
var plugins = new Map();
|
|
23
|
+
plugins.set(_pluginTranslationFe["default"], {});
|
|
21
24
|
plugins.set(_pluginPageBuilderFe["default"], {});
|
|
22
25
|
plugins.set(_pluginGtmFe["default"], {});
|
|
26
|
+
plugins.set(_pluginChart["default"], {});
|
|
23
27
|
plugins.set(_pluginGoogleMapsFe["default"], {});
|
|
24
28
|
plugins.set(_pluginPreviewFe["default"], {});
|
|
25
29
|
plugins.set(_pluginAuthFe["default"], {});
|
package/lib/blaze.config.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"blaze.config.js","names":["_pluginPageBuilderFe","_interopRequireDefault","require","_pluginGtmFe","_pluginGoogleMapsFe","_pluginPreviewFe","_pluginAuthFe","_pluginStructuredDataFe","plugins","Map","set","pageBuilder","gtm","googleMaps","previewFe","authFe","structuredDataFe","authenticatedBotHeaders","apollo","uri","process","env","BLAZE_GRAPHQL_URI","loadEntitiesInBrowser","_default","exports"],"sources":["../src/blaze.config.js"],"sourcesContent":["import pageBuilder from '@blaze-cms/plugin-page-builder-fe';\nimport gtm from '@blaze-cms/plugin-gtm-fe';\nimport googleMaps from '@blaze-cms/plugin-google-maps-fe';\nimport previewFe from '@blaze-cms/plugin-preview-fe';\nimport authFe from '@blaze-cms/plugin-auth-fe';\nimport structuredDataFe from '@blaze-cms/plugin-structured-data-fe';\n\nconst plugins = new Map();\
|
|
1
|
+
{"version":3,"file":"blaze.config.js","names":["_pluginPageBuilderFe","_interopRequireDefault","require","_pluginGtmFe","_pluginChart","_pluginGoogleMapsFe","_pluginPreviewFe","_pluginAuthFe","_pluginStructuredDataFe","_pluginTranslationFe","plugins","Map","set","translationFe","pageBuilder","gtm","chart","googleMaps","previewFe","authFe","structuredDataFe","authenticatedBotHeaders","apollo","uri","process","env","BLAZE_GRAPHQL_URI","loadEntitiesInBrowser","_default","exports"],"sources":["../src/blaze.config.js"],"sourcesContent":["import pageBuilder from '@blaze-cms/plugin-page-builder-fe';\nimport gtm from '@blaze-cms/plugin-gtm-fe';\nimport chart from '@blaze-cms/plugin-chart';\nimport googleMaps from '@blaze-cms/plugin-google-maps-fe';\nimport previewFe from '@blaze-cms/plugin-preview-fe';\nimport authFe from '@blaze-cms/plugin-auth-fe';\nimport structuredDataFe from '@blaze-cms/plugin-structured-data-fe';\nimport translationFe from '@blaze-cms/plugin-translation-fe';\n\nconst plugins = new Map();\nplugins.set(translationFe, {});\nplugins.set(pageBuilder, {});\nplugins.set(gtm, {});\nplugins.set(chart, {});\nplugins.set(googleMaps, {});\nplugins.set(previewFe, {});\nplugins.set(authFe, {});\n\nplugins.set(structuredDataFe, {\n authenticatedBotHeaders: ['x-amzn-waf-googlebot']\n});\n\nconst apollo = {\n uri: process.env.BLAZE_GRAPHQL_URI,\n loadEntitiesInBrowser: false\n};\n\nexport default { plugins, apollo };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,aAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,uBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,oBAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEA,IAAMQ,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;AACzBD,OAAO,CAACE,GAAG,CAACC,+BAAa,EAAE,CAAC,CAAC,CAAC;AAC9BH,OAAO,CAACE,GAAG,CAACE,+BAAW,EAAE,CAAC,CAAC,CAAC;AAC5BJ,OAAO,CAACE,GAAG,CAACG,uBAAG,EAAE,CAAC,CAAC,CAAC;AACpBL,OAAO,CAACE,GAAG,CAACI,uBAAK,EAAE,CAAC,CAAC,CAAC;AACtBN,OAAO,CAACE,GAAG,CAACK,8BAAU,EAAE,CAAC,CAAC,CAAC;AAC3BP,OAAO,CAACE,GAAG,CAACM,2BAAS,EAAE,CAAC,CAAC,CAAC;AAC1BR,OAAO,CAACE,GAAG,CAACO,wBAAM,EAAE,CAAC,CAAC,CAAC;AAEvBT,OAAO,CAACE,GAAG,CAACQ,kCAAgB,EAAE;EAC5BC,uBAAuB,EAAE,CAAC,sBAAsB;AAClD,CAAC,CAAC;AAEF,IAAMC,MAAM,GAAG;EACbC,GAAG,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB;EAClCC,qBAAqB,EAAE;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEa;EAAEnB,OAAO,EAAPA,OAAO;EAAEY,MAAM,EAANA;AAAO,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
5
|
+
require("core-js/modules/es.weak-map.js");
|
|
6
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
7
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
exports["default"] = void 0;
|
|
12
|
+
require("core-js/modules/es.array.concat.js");
|
|
13
|
+
require("core-js/modules/es.array.iterator.js");
|
|
14
|
+
require("core-js/modules/es.date.to-string.js");
|
|
15
|
+
require("core-js/modules/es.object.to-string.js");
|
|
16
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
17
|
+
require("core-js/modules/es.string.iterator.js");
|
|
18
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
19
|
+
require("core-js/modules/web.url-search-params.js");
|
|
20
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
21
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
22
|
+
var _reactDom = require("react-dom");
|
|
23
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
24
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
25
|
+
var _io = require("react-icons/io5");
|
|
26
|
+
var _router = require("next/router");
|
|
27
|
+
var _md = require("react-icons/md");
|
|
28
|
+
var _nextjsComponents = require("@blaze-cms/nextjs-components");
|
|
29
|
+
var _switches = _interopRequireDefault(require("@blaze-react/switches"));
|
|
30
|
+
var _helpers = require("../../helpers");
|
|
31
|
+
var _constants = require("../../constants");
|
|
32
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
33
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
34
|
+
var DebugSidebar = function DebugSidebar(_ref) {
|
|
35
|
+
var itemEntity = _ref.itemEntity,
|
|
36
|
+
itemId = _ref.itemId,
|
|
37
|
+
updatedDebugOptions = _ref.updatedDebugOptions,
|
|
38
|
+
debugMode = _ref.debugMode,
|
|
39
|
+
setIsDebugMode = _ref.setIsDebugMode;
|
|
40
|
+
var router = (0, _router.useRouter)();
|
|
41
|
+
var _useState = (0, _react.useState)(false),
|
|
42
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
43
|
+
isEditorMode = _useState2[0],
|
|
44
|
+
setIsEditorMode = _useState2[1];
|
|
45
|
+
var _useState3 = (0, _react.useState)(true),
|
|
46
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
47
|
+
isOpen = _useState4[0],
|
|
48
|
+
setIsOpen = _useState4[1];
|
|
49
|
+
var divClass = (0, _classnames["default"])('debug-sidebar', {
|
|
50
|
+
'debug-sidebar--open': isOpen,
|
|
51
|
+
'debug-sidebar--close': !isOpen
|
|
52
|
+
});
|
|
53
|
+
var toggleEditorMode = function toggleEditorMode() {
|
|
54
|
+
// todo: persist editor mode in local storage
|
|
55
|
+
// const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
|
|
56
|
+
// if (currentEditorMode) {
|
|
57
|
+
// window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);
|
|
58
|
+
// } else {
|
|
59
|
+
// window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);
|
|
60
|
+
// }
|
|
61
|
+
updatedDebugOptions('editorModeEnabled', !isEditorMode);
|
|
62
|
+
updatedDebugOptions({
|
|
63
|
+
editorModeEnabled: !isEditorMode,
|
|
64
|
+
adminHref: (0, _helpers.buildAdminHref)({
|
|
65
|
+
itemEntity: itemEntity,
|
|
66
|
+
itemId: itemId
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
setIsEditorMode(!isEditorMode);
|
|
70
|
+
};
|
|
71
|
+
var href = (0, _helpers.buildAdminHref)({
|
|
72
|
+
itemEntity: itemEntity,
|
|
73
|
+
itemId: itemId
|
|
74
|
+
});
|
|
75
|
+
var closeDebug = function closeDebug() {
|
|
76
|
+
(0, _helpers.setBlazeDebug)(setIsDebugMode);
|
|
77
|
+
window.blaze.debug();
|
|
78
|
+
var _router$asPath$split = router.asPath.split('?'),
|
|
79
|
+
_router$asPath$split2 = (0, _slicedToArray2["default"])(_router$asPath$split, 2),
|
|
80
|
+
pathname = _router$asPath$split2[0],
|
|
81
|
+
_router$asPath$split3 = _router$asPath$split2[1],
|
|
82
|
+
search = _router$asPath$split3 === void 0 ? '' : _router$asPath$split3;
|
|
83
|
+
var params = new URLSearchParams(search);
|
|
84
|
+
params["delete"](_constants.BLAZE_DEBUG);
|
|
85
|
+
var newUrl = params.toString() ? "".concat(pathname, "?").concat(params.toString()) : pathname;
|
|
86
|
+
router.push('/Resolver', newUrl, {
|
|
87
|
+
shallow: true
|
|
88
|
+
});
|
|
89
|
+
};
|
|
90
|
+
return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement("div", {
|
|
91
|
+
className: divClass,
|
|
92
|
+
"data-testid": "debug-sidebar"
|
|
93
|
+
}, /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
|
|
94
|
+
href: href,
|
|
95
|
+
target: "_blank"
|
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
97
|
+
src: _constants.DEBUG_LOGO.SRC,
|
|
98
|
+
alt: _constants.DEBUG_LOGO.ALT
|
|
99
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
|
+
role: "button",
|
|
101
|
+
className: "debug-sidebar__button debug-sidebar__button--close",
|
|
102
|
+
"data-testid": "debug-sidebar-close",
|
|
103
|
+
"aria-label": "Close debug sidebar",
|
|
104
|
+
onClick: closeDebug
|
|
105
|
+
}, /*#__PURE__*/_react["default"].createElement(_io.IoCloseOutline, null)), /*#__PURE__*/_react["default"].createElement(_switches["default"], {
|
|
106
|
+
onChange: toggleEditorMode,
|
|
107
|
+
name: "debug-sidebar-switch",
|
|
108
|
+
icon: /*#__PURE__*/_react["default"].createElement(_md.MdEdit, null),
|
|
109
|
+
alignVertically: true,
|
|
110
|
+
returnBoolean: true,
|
|
111
|
+
onText: "ON",
|
|
112
|
+
offText: "OFF",
|
|
113
|
+
options: {
|
|
114
|
+
id: 'debug-sidebar-switch',
|
|
115
|
+
checked: isEditorMode
|
|
116
|
+
}
|
|
117
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
118
|
+
role: "button",
|
|
119
|
+
className: "debug-sidebar__button open",
|
|
120
|
+
"data-testid": "debug-sidebar-button",
|
|
121
|
+
id: "debug-sidebar-button",
|
|
122
|
+
onClick: function onClick() {
|
|
123
|
+
return setIsOpen(!isOpen);
|
|
124
|
+
}
|
|
125
|
+
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdKeyboardArrowLeft, null)))), document.body);
|
|
126
|
+
};
|
|
127
|
+
DebugSidebar.propTypes = {
|
|
128
|
+
updatedDebugOptions: _propTypes["default"].func.isRequired,
|
|
129
|
+
itemEntity: _propTypes["default"].string,
|
|
130
|
+
itemId: _propTypes["default"].string,
|
|
131
|
+
debugMode: _propTypes["default"].bool,
|
|
132
|
+
setIsDebugMode: _propTypes["default"].func.isRequired
|
|
133
|
+
};
|
|
134
|
+
DebugSidebar.defaultProps = {
|
|
135
|
+
itemEntity: '',
|
|
136
|
+
itemId: '',
|
|
137
|
+
debugMode: false
|
|
138
|
+
};
|
|
139
|
+
var _default = exports["default"] = DebugSidebar;
|
|
140
|
+
//# sourceMappingURL=DebugSidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DebugSidebar.js","names":["_react","_interopRequireWildcard","require","_reactDom","_propTypes","_interopRequireDefault","_classnames","_io","_router","_md","_nextjsComponents","_switches","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DebugSidebar","_ref","itemEntity","itemId","updatedDebugOptions","debugMode","setIsDebugMode","router","useRouter","_useState","useState","_useState2","_slicedToArray2","isEditorMode","setIsEditorMode","_useState3","_useState4","isOpen","setIsOpen","divClass","classnames","toggleEditorMode","editorModeEnabled","adminHref","buildAdminHref","href","closeDebug","setBlazeDebug","window","blaze","debug","_router$asPath$split","asPath","split","_router$asPath$split2","pathname","_router$asPath$split3","search","params","URLSearchParams","BLAZE_DEBUG","newUrl","toString","concat","push","shallow","createPortal","createElement","className","Link","target","src","DEBUG_LOGO","SRC","alt","ALT","role","onClick","IoCloseOutline","onChange","name","icon","MdEdit","alignVertically","returnBoolean","onText","offText","options","id","checked","MdKeyboardArrowLeft","document","body","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","_default","exports"],"sources":["../../../src/components/DebugSidebar/DebugSidebar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { IoCloseOutline } from 'react-icons/io5';\nimport { useRouter } from 'next/router';\nimport { MdKeyboardArrowLeft, MdEdit } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport Switches from '@blaze-react/switches';\nimport { buildAdminHref, setBlazeDebug } from '../../helpers';\nimport { DEBUG_LOGO, BLAZE_DEBUG } from '../../constants';\n\nconst DebugSidebar = ({ itemEntity, itemId, updatedDebugOptions, debugMode, setIsDebugMode }) => {\n const router = useRouter();\n const [isEditorMode, setIsEditorMode] = useState(false);\n const [isOpen, setIsOpen] = useState(true);\n\n const divClass = classnames('debug-sidebar', {\n 'debug-sidebar--open': isOpen,\n 'debug-sidebar--close': !isOpen\n });\n\n const toggleEditorMode = () => {\n // todo: persist editor mode in local storage\n // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);\n // if (currentEditorMode) {\n // window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);\n // } else {\n // window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);\n // }\n updatedDebugOptions('editorModeEnabled', !isEditorMode);\n updatedDebugOptions({\n editorModeEnabled: !isEditorMode,\n adminHref: buildAdminHref({ itemEntity, itemId })\n });\n setIsEditorMode(!isEditorMode);\n };\n\n const href = buildAdminHref({ itemEntity, itemId });\n\n const closeDebug = () => {\n setBlazeDebug(setIsDebugMode);\n window.blaze.debug();\n\n const [pathname, search = ''] = router.asPath.split('?');\n const params = new URLSearchParams(search);\n params.delete(BLAZE_DEBUG);\n const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;\n\n router.push('/Resolver', newUrl, {\n shallow: true\n });\n };\n\n return createPortal(\n <div className={divClass} data-testid=\"debug-sidebar\">\n <Link href={href} target=\"_blank\">\n <img src={DEBUG_LOGO.SRC} alt={DEBUG_LOGO.ALT} />\n </Link>\n <div\n role=\"button\"\n className=\"debug-sidebar__button debug-sidebar__button--close\"\n data-testid=\"debug-sidebar-close\"\n aria-label=\"Close debug sidebar\"\n onClick={closeDebug}>\n <IoCloseOutline />\n </div>\n <Switches\n onChange={toggleEditorMode}\n name=\"debug-sidebar-switch\"\n icon={<MdEdit />}\n alignVertically\n returnBoolean\n onText=\"ON\"\n offText=\"OFF\"\n options={{\n id: 'debug-sidebar-switch',\n checked: isEditorMode\n }}\n />\n <div\n role=\"button\"\n className=\"debug-sidebar__button open\"\n data-testid=\"debug-sidebar-button\"\n id=\"debug-sidebar-button\"\n onClick={() => setIsOpen(!isOpen)}>\n <i>\n <MdKeyboardArrowLeft />\n </i>\n </div>\n </div>,\n document.body\n );\n};\n\nDebugSidebar.propTypes = {\n updatedDebugOptions: PropTypes.func.isRequired,\n itemEntity: PropTypes.string,\n itemId: PropTypes.string,\n debugMode: PropTypes.bool,\n setIsDebugMode: PropTypes.func.isRequired\n};\n\nDebugSidebar.defaultProps = {\n itemEntity: '',\n itemId: '',\n debugMode: false\n};\n\nexport default DebugSidebar;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
+
require("core-js/modules/es.array.includes.js");
|
|
11
|
+
require("core-js/modules/es.array.iterator.js");
|
|
12
|
+
require("core-js/modules/es.object.define-property.js");
|
|
13
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
14
|
+
require("core-js/modules/es.object.to-string.js");
|
|
15
|
+
require("core-js/modules/es.promise.js");
|
|
16
|
+
require("core-js/modules/es.string.includes.js");
|
|
17
|
+
require("core-js/modules/es.string.iterator.js");
|
|
18
|
+
require("core-js/modules/es.weak-map.js");
|
|
19
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
20
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
+
var _dynamic = _interopRequireDefault(require("next/dynamic"));
|
|
22
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
+
var _router = require("next/router");
|
|
24
|
+
var _helpers = require("../../helpers");
|
|
25
|
+
var _constants = require("../../constants");
|
|
26
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
27
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
28
|
+
var DebugSidebar = (0, _dynamic["default"])(function () {
|
|
29
|
+
return Promise.resolve().then(function () {
|
|
30
|
+
return _interopRequireWildcard(require('./DebugSidebar'));
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
var DebugSidebarRender = function DebugSidebarRender(_ref) {
|
|
34
|
+
var itemEntity = _ref.itemEntity,
|
|
35
|
+
itemId = _ref.itemId,
|
|
36
|
+
updatedDebugOptions = _ref.updatedDebugOptions,
|
|
37
|
+
debugMode = _ref.debugMode;
|
|
38
|
+
var _useState = (0, _react.useState)(debugMode),
|
|
39
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
40
|
+
isDebugMode = _useState2[0],
|
|
41
|
+
setIsDebugMode = _useState2[1];
|
|
42
|
+
var router = (0, _router.useRouter)();
|
|
43
|
+
(0, _react.useEffect)(function () {
|
|
44
|
+
var currentDebugValue = (0, _helpers.getFromLocal)(_constants.BLAZE_DEBUG);
|
|
45
|
+
setIsDebugMode(currentDebugValue);
|
|
46
|
+
(0, _helpers.setBlazeDebug)(setIsDebugMode);
|
|
47
|
+
}, []);
|
|
48
|
+
(0, _react.useEffect)(function () {
|
|
49
|
+
var handleRouteChange = function handleRouteChange(url) {
|
|
50
|
+
var hasDebug = url.includes("".concat(_constants.BLAZE_DEBUG, "=1"));
|
|
51
|
+
if (hasDebug) {
|
|
52
|
+
(0, _helpers.setBlazeDebug)(setIsDebugMode);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
if (router.asPath.includes("".concat(_constants.BLAZE_DEBUG, "=1"))) {
|
|
56
|
+
handleRouteChange(router.asPath);
|
|
57
|
+
}
|
|
58
|
+
router.events.on('routeChangeComplete', handleRouteChange);
|
|
59
|
+
return function () {
|
|
60
|
+
router.events.off('routeChangeComplete', handleRouteChange);
|
|
61
|
+
};
|
|
62
|
+
}, [router.events, router.asPath]);
|
|
63
|
+
if (!isDebugMode) return null;
|
|
64
|
+
return /*#__PURE__*/_react["default"].createElement(DebugSidebar, {
|
|
65
|
+
itemEntity: itemEntity,
|
|
66
|
+
itemId: itemId,
|
|
67
|
+
updatedDebugOptions: updatedDebugOptions,
|
|
68
|
+
debugMode: debugMode,
|
|
69
|
+
setIsDebugMode: setIsDebugMode
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
DebugSidebarRender.propTypes = {
|
|
73
|
+
updatedDebugOptions: _propTypes["default"].func.isRequired,
|
|
74
|
+
itemEntity: _propTypes["default"].string,
|
|
75
|
+
itemId: _propTypes["default"].string,
|
|
76
|
+
debugMode: _propTypes["default"].bool
|
|
77
|
+
};
|
|
78
|
+
DebugSidebarRender.defaultProps = {
|
|
79
|
+
itemEntity: '',
|
|
80
|
+
itemId: '',
|
|
81
|
+
debugMode: false
|
|
82
|
+
};
|
|
83
|
+
var _default = exports["default"] = DebugSidebarRender;
|
|
84
|
+
//# sourceMappingURL=DebugSidebarRender.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DebugSidebarRender.js","names":["_react","_interopRequireWildcard","require","_dynamic","_interopRequireDefault","_propTypes","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof2","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DebugSidebar","dynamic","Promise","resolve","then","DebugSidebarRender","_ref","itemEntity","itemId","updatedDebugOptions","debugMode","_useState","useState","_useState2","_slicedToArray2","isDebugMode","setIsDebugMode","router","useRouter","useEffect","currentDebugValue","getFromLocal","BLAZE_DEBUG","setBlazeDebug","handleRouteChange","url","hasDebug","includes","concat","asPath","events","on","off","createElement","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","_default","exports"],"sources":["../../../src/components/DebugSidebar/DebugSidebarRender.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { setBlazeDebug, getFromLocal } from '../../helpers';\nimport { BLAZE_DEBUG } from '../../constants';\n\nconst DebugSidebar = dynamic(() => import('./DebugSidebar'));\n\nconst DebugSidebarRender = ({ itemEntity, itemId, updatedDebugOptions, debugMode }) => {\n const [isDebugMode, setIsDebugMode] = useState(debugMode);\n const router = useRouter();\n\n useEffect(() => {\n const currentDebugValue = getFromLocal(BLAZE_DEBUG);\n setIsDebugMode(currentDebugValue);\n setBlazeDebug(setIsDebugMode);\n }, []);\n\n useEffect(\n () => {\n const handleRouteChange = url => {\n const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);\n if (hasDebug) {\n setBlazeDebug(setIsDebugMode);\n }\n };\n\n if (router.asPath.includes(`${BLAZE_DEBUG}=1`)) {\n handleRouteChange(router.asPath);\n }\n\n router.events.on('routeChangeComplete', handleRouteChange);\n return () => {\n router.events.off('routeChangeComplete', handleRouteChange);\n };\n },\n [router.events, router.asPath]\n );\n\n if (!isDebugMode) return null;\n\n return (\n <DebugSidebar\n itemEntity={itemEntity}\n itemId={itemId}\n updatedDebugOptions={updatedDebugOptions}\n debugMode={debugMode}\n setIsDebugMode={setIsDebugMode}\n />\n );\n};\n\nDebugSidebarRender.propTypes = {\n updatedDebugOptions: PropTypes.func.isRequired,\n itemEntity: PropTypes.string,\n itemId: PropTypes.string,\n debugMode: PropTypes.bool\n};\n\nDebugSidebarRender.defaultProps = {\n itemEntity: '',\n itemId: '',\n debugMode: false\n};\n\nexport default DebugSidebarRender;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAA8C,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,oBAAAK,QAAA,aAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE9C,IAAMW,YAAY,GAAG,IAAAC,mBAAO,EAAC;EAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;IAAA,OAAAhC,uBAAA,CAAAC,OAAA,CAAa,gBAAgB;EAAA;AAAA,CAAC,CAAC;AAE5D,IAAMgC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAA+D;EAAA,IAAzDC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAC9E,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAACF,SAAS,CAAC;IAAAG,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAlDI,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAMI,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE1B,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,iBAAiB,GAAG,IAAAC,qBAAY,EAACC,sBAAW,CAAC;IACnDN,cAAc,CAACI,iBAAiB,CAAC;IACjC,IAAAG,sBAAa,EAACP,cAAc,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAG,gBAAS,EACP,YAAM;IACJ,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,GAAG,EAAI;MAC/B,IAAMC,QAAQ,GAAGD,GAAG,CAACE,QAAQ,IAAAC,MAAA,CAAIN,sBAAW,OAAI,CAAC;MACjD,IAAII,QAAQ,EAAE;QACZ,IAAAH,sBAAa,EAACP,cAAc,CAAC;MAC/B;IACF,CAAC;IAED,IAAIC,MAAM,CAACY,MAAM,CAACF,QAAQ,IAAAC,MAAA,CAAIN,sBAAW,OAAI,CAAC,EAAE;MAC9CE,iBAAiB,CAACP,MAAM,CAACY,MAAM,CAAC;IAClC;IAEAZ,MAAM,CAACa,MAAM,CAACC,EAAE,CAAC,qBAAqB,EAAEP,iBAAiB,CAAC;IAC1D,OAAO,YAAM;MACXP,MAAM,CAACa,MAAM,CAACE,GAAG,CAAC,qBAAqB,EAAER,iBAAiB,CAAC;IAC7D,CAAC;EACH,CAAC,EACD,CAACP,MAAM,CAACa,MAAM,EAAEb,MAAM,CAACY,MAAM,CAC/B,CAAC;EAED,IAAI,CAACd,WAAW,EAAE,OAAO,IAAI;EAE7B,oBACE5C,MAAA,YAAA8D,aAAA,CAACjC,YAAY;IACXO,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfC,mBAAmB,EAAEA,mBAAoB;IACzCC,SAAS,EAAEA,SAAU;IACrBM,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAEDX,kBAAkB,CAAC6B,SAAS,GAAG;EAC7BzB,mBAAmB,EAAE0B,qBAAS,CAACC,IAAI,CAACC,UAAU;EAC9C9B,UAAU,EAAE4B,qBAAS,CAACG,MAAM;EAC5B9B,MAAM,EAAE2B,qBAAS,CAACG,MAAM;EACxB5B,SAAS,EAAEyB,qBAAS,CAACI;AACvB,CAAC;AAEDlC,kBAAkB,CAACmC,YAAY,GAAG;EAChCjC,UAAU,EAAE,EAAE;EACdC,MAAM,EAAE,EAAE;EACVE,SAAS,EAAE;AACb,CAAC;AAAC,IAAA+B,QAAA,GAAAC,OAAA,cAEarC,kBAAkB","ignoreList":[]}
|
|
@@ -1,80 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
require("core-js/modules/es.array.iterator.js");
|
|
4
|
-
require("core-js/modules/es.object.to-string.js");
|
|
5
|
-
require("core-js/modules/es.string.iterator.js");
|
|
6
|
-
require("core-js/modules/es.weak-map.js");
|
|
7
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
8
3
|
require("core-js/modules/es.object.define-property.js");
|
|
9
|
-
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
10
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
11
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
12
5
|
Object.defineProperty(exports, "__esModule", {
|
|
13
6
|
value: true
|
|
14
7
|
});
|
|
15
8
|
exports["default"] = void 0;
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
20
|
-
var _nextjsComponents = require("@blaze-cms/nextjs-components");
|
|
21
|
-
var _md = require("react-icons/md");
|
|
22
|
-
var _helpers = require("../../helpers");
|
|
23
|
-
var _constants = require("../../constants");
|
|
24
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
25
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
26
|
-
var DebugSidebar = function DebugSidebar(_ref) {
|
|
27
|
-
var itemEntity = _ref.itemEntity,
|
|
28
|
-
itemId = _ref.itemId,
|
|
29
|
-
debugMode = _ref.debugMode;
|
|
30
|
-
var _useState = (0, _react.useState)(debugMode),
|
|
31
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
32
|
-
isDebugMode = _useState2[0],
|
|
33
|
-
setIsDebugMode = _useState2[1];
|
|
34
|
-
var _useState3 = (0, _react.useState)(true),
|
|
35
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
36
|
-
isOpen = _useState4[0],
|
|
37
|
-
setIsOpen = _useState4[1];
|
|
38
|
-
(0, _react.useEffect)(function () {
|
|
39
|
-
if (debugMode === true) {
|
|
40
|
-
setIsDebugMode(debugMode);
|
|
41
|
-
} else (0, _helpers.setBlazeDebug)(setIsDebugMode);
|
|
42
|
-
}, [debugMode]);
|
|
43
|
-
var divClass = (0, _classnames["default"])('debug-sidebar', {
|
|
44
|
-
'debug-sidebar--open': isOpen,
|
|
45
|
-
'debug-sidebar--close': !isOpen
|
|
46
|
-
});
|
|
47
|
-
var href = (0, _helpers.buildAdminHref)({
|
|
48
|
-
itemEntity: itemEntity,
|
|
49
|
-
itemId: itemId
|
|
50
|
-
});
|
|
51
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDebugMode ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
52
|
-
className: divClass,
|
|
53
|
-
"data-testid": "debug-sidebar"
|
|
54
|
-
}, /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
|
|
55
|
-
href: href
|
|
56
|
-
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
57
|
-
src: _constants.DEBUG_LOGO.SRC,
|
|
58
|
-
alt: _constants.DEBUG_LOGO.ALT
|
|
59
|
-
}), /*#__PURE__*/_react["default"].createElement("span", null, "Blaze admin")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
60
|
-
role: "button",
|
|
61
|
-
className: "debug-sidebar__button open",
|
|
62
|
-
"data-testid": "debug-sidebar-button",
|
|
63
|
-
id: "debug-sidebar-button",
|
|
64
|
-
onClick: function onClick() {
|
|
65
|
-
return setIsOpen(!isOpen);
|
|
66
|
-
}
|
|
67
|
-
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdKeyboardArrowLeft, null)))) : null);
|
|
68
|
-
};
|
|
69
|
-
DebugSidebar.propTypes = {
|
|
70
|
-
itemEntity: _propTypes["default"].string,
|
|
71
|
-
itemId: _propTypes["default"].string,
|
|
72
|
-
debugMode: _propTypes["default"].bool
|
|
73
|
-
};
|
|
74
|
-
DebugSidebar.defaultProps = {
|
|
75
|
-
itemEntity: '',
|
|
76
|
-
itemId: '',
|
|
77
|
-
debugMode: false
|
|
78
|
-
};
|
|
79
|
-
var _default = exports["default"] = DebugSidebar;
|
|
9
|
+
var _DebugSidebarRender = _interopRequireDefault(require("./DebugSidebarRender"));
|
|
10
|
+
var _default = exports["default"] = _DebugSidebarRender["default"];
|
|
80
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["_DebugSidebarRender","_interopRequireDefault","require","_default","exports","DebugSidebarRender"],"sources":["../../../src/components/DebugSidebar/index.js"],"sourcesContent":["import DebugSidebarRender from './DebugSidebarRender';\n\nexport default DebugSidebarRender;\n"],"mappings":";;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsD,IAAAC,QAAA,GAAAC,OAAA,cAEvCC,8BAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _useHashObserver = _interopRequireDefault(require("../hooks/use-hash-observer"));
|
|
10
|
+
function HashObserver() {
|
|
11
|
+
(0, _useHashObserver["default"])();
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
var _default = exports["default"] = HashObserver;
|
|
15
|
+
//# sourceMappingURL=HashObserver.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HashObserver.js","names":["_useHashObserver","_interopRequireDefault","require","HashObserver","useHashObserver","_default","exports"],"sources":["../../src/components/HashObserver.js"],"sourcesContent":["import useHashObserver from '../hooks/use-hash-observer';\n\nfunction HashObserver() {\n useHashObserver();\n return null;\n}\n\nexport default HashObserver;\n"],"mappings":";;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,SAASC,YAAYA,CAAA,EAAG;EACtB,IAAAC,2BAAe,EAAC,CAAC;EACjB,OAAO,IAAI;AACb;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEcH,YAAY","ignoreList":[]}
|
package/lib/components/index.js
CHANGED
|
@@ -11,5 +11,12 @@ Object.defineProperty(exports, "DebugSidebar", {
|
|
|
11
11
|
return _DebugSidebar["default"];
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
|
+
Object.defineProperty(exports, "HashObserver", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _HashObserver["default"];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
14
20
|
var _DebugSidebar = _interopRequireDefault(require("./DebugSidebar"));
|
|
21
|
+
var _HashObserver = _interopRequireDefault(require("./HashObserver"));
|
|
15
22
|
//# sourceMappingURL=index.js.map
|