@blaze-cms/nextjs-tools 0.146.0-node18-tooltips.21 → 0.146.0-node18-tooltips.23
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 +16 -0
- 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 -155
- package/lib/components/DebugSidebar/index.js.map +1 -1
- package/lib/helpers/index.js +7 -0
- package/lib/helpers/index.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 -125
- package/lib-es/components/DebugSidebar/index.js.map +1 -1
- package/lib-es/helpers/index.js +2 -1
- package/lib-es/helpers/index.js.map +1 -1
- package/package.json +9 -8
- package/src/components/DebugSidebar/DebugSidebar.js +110 -0
- package/src/components/DebugSidebar/DebugSidebarRender.js +67 -0
- package/src/components/DebugSidebar/index.js +2 -136
- package/src/helpers/index.js +2 -0
- package/tests/unit/src/components/DebugSidebar/DebugSidebar.test.js +0 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
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-node18-tooltips.23](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.22...v0.146.0-node18-tooltips.23) (2025-10-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/nextjs-tools
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.146.0-node18-tooltips.22](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.21...v0.146.0-node18-tooltips.22) (2025-10-17)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @blaze-cms/nextjs-tools
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
# [0.146.0-node18-tooltips.21](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.20...v0.146.0-node18-tooltips.21) (2025-10-14)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @blaze-cms/nextjs-tools
|
|
@@ -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":"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","ignoreList":[]}
|
|
@@ -1,164 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
7
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
8
5
|
Object.defineProperty(exports, "__esModule", {
|
|
9
6
|
value: true
|
|
10
7
|
});
|
|
11
8
|
exports["default"] = void 0;
|
|
12
|
-
require("
|
|
13
|
-
|
|
14
|
-
require("core-js/modules/es.array.iterator.js");
|
|
15
|
-
require("core-js/modules/es.date.to-string.js");
|
|
16
|
-
require("core-js/modules/es.object.to-string.js");
|
|
17
|
-
require("core-js/modules/es.regexp.to-string.js");
|
|
18
|
-
require("core-js/modules/es.string.includes.js");
|
|
19
|
-
require("core-js/modules/es.string.iterator.js");
|
|
20
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
21
|
-
require("core-js/modules/web.url-search-params.js");
|
|
22
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
23
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
24
|
-
var _reactDom = require("react-dom");
|
|
25
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
26
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
var _nextjsComponents = require("@blaze-cms/nextjs-components");
|
|
28
|
-
var _md = require("react-icons/md");
|
|
29
|
-
var _router = require("next/router");
|
|
30
|
-
var _io = require("react-icons/io5");
|
|
31
|
-
var _helpers = require("../../helpers");
|
|
32
|
-
var _constants = require("../../constants");
|
|
33
|
-
var _getFromLocal = _interopRequireDefault(require("../../helpers/get-from-local"));
|
|
34
|
-
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); }
|
|
35
|
-
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; }
|
|
36
|
-
var DebugSidebar = function DebugSidebar(_ref) {
|
|
37
|
-
var itemEntity = _ref.itemEntity,
|
|
38
|
-
itemId = _ref.itemId,
|
|
39
|
-
updatedDebugOptions = _ref.updatedDebugOptions,
|
|
40
|
-
debugMode = _ref.debugMode;
|
|
41
|
-
var _useState = (0, _react.useState)(debugMode),
|
|
42
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
43
|
-
isDebugMode = _useState2[0],
|
|
44
|
-
setIsDebugMode = _useState2[1];
|
|
45
|
-
var _useState3 = (0, _react.useState)(false),
|
|
46
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
47
|
-
isEditorMode = _useState4[0],
|
|
48
|
-
setIsEditorMode = _useState4[1];
|
|
49
|
-
var _useState5 = (0, _react.useState)(true),
|
|
50
|
-
_useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
|
|
51
|
-
isOpen = _useState6[0],
|
|
52
|
-
setIsOpen = _useState6[1];
|
|
53
|
-
var router = (0, _router.useRouter)();
|
|
54
|
-
(0, _react.useEffect)(function () {
|
|
55
|
-
// const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
|
|
56
|
-
var currentDebugValue = (0, _getFromLocal["default"])(_constants.BLAZE_DEBUG);
|
|
57
|
-
setIsDebugMode(currentDebugValue);
|
|
58
|
-
setIsOpen(currentDebugValue);
|
|
59
|
-
(0, _helpers.setBlazeDebug)(setIsDebugMode);
|
|
60
|
-
// setIsEditorMode(!!currentEditorMode); // todo: initilize on load
|
|
61
|
-
}, []);
|
|
62
|
-
(0, _react.useEffect)(function () {
|
|
63
|
-
var handleRouteChange = function handleRouteChange(url) {
|
|
64
|
-
var hasDebug = url.includes("".concat(_constants.BLAZE_DEBUG, "=1"));
|
|
65
|
-
if (hasDebug) {
|
|
66
|
-
(0, _helpers.setBlazeDebug)(setIsDebugMode);
|
|
67
|
-
setIsOpen(true);
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
if (router.asPath.includes("".concat(_constants.BLAZE_DEBUG, "=1"))) {
|
|
71
|
-
handleRouteChange(router.asPath);
|
|
72
|
-
}
|
|
73
|
-
router.events.on('routeChangeComplete', handleRouteChange);
|
|
74
|
-
return function () {
|
|
75
|
-
router.events.off('routeChangeComplete', handleRouteChange);
|
|
76
|
-
};
|
|
77
|
-
}, [router.events, router.asPath]);
|
|
78
|
-
var divClass = (0, _classnames["default"])('debug-sidebar', {
|
|
79
|
-
'debug-sidebar--open': isOpen,
|
|
80
|
-
'debug-sidebar--close': !isOpen
|
|
81
|
-
});
|
|
82
|
-
var toggleEditorMode = function toggleEditorMode() {
|
|
83
|
-
// todo: persist editor mode in local storage
|
|
84
|
-
// const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
|
|
85
|
-
// if (currentEditorMode) {
|
|
86
|
-
// window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);
|
|
87
|
-
// } else {
|
|
88
|
-
// window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);
|
|
89
|
-
// }
|
|
90
|
-
updatedDebugOptions('editorModeEnabled', !isEditorMode);
|
|
91
|
-
updatedDebugOptions({
|
|
92
|
-
editorModeEnabled: !isEditorMode,
|
|
93
|
-
adminHref: (0, _helpers.buildAdminHref)({
|
|
94
|
-
itemEntity: itemEntity,
|
|
95
|
-
itemId: itemId
|
|
96
|
-
})
|
|
97
|
-
});
|
|
98
|
-
setIsEditorMode(!isEditorMode);
|
|
99
|
-
};
|
|
100
|
-
var href = (0, _helpers.buildAdminHref)({
|
|
101
|
-
itemEntity: itemEntity,
|
|
102
|
-
itemId: itemId
|
|
103
|
-
});
|
|
104
|
-
if (!isDebugMode) return null;
|
|
105
|
-
var closeDebug = function closeDebug() {
|
|
106
|
-
(0, _helpers.setBlazeDebug)(setIsDebugMode);
|
|
107
|
-
window.blaze.debug();
|
|
108
|
-
var _router$asPath$split = router.asPath.split('?'),
|
|
109
|
-
_router$asPath$split2 = (0, _slicedToArray2["default"])(_router$asPath$split, 2),
|
|
110
|
-
pathname = _router$asPath$split2[0],
|
|
111
|
-
_router$asPath$split3 = _router$asPath$split2[1],
|
|
112
|
-
search = _router$asPath$split3 === void 0 ? '' : _router$asPath$split3;
|
|
113
|
-
var params = new URLSearchParams(search);
|
|
114
|
-
params["delete"](_constants.BLAZE_DEBUG);
|
|
115
|
-
var newUrl = params.toString() ? "".concat(pathname, "?").concat(params.toString()) : pathname;
|
|
116
|
-
router.push('/Resolver', newUrl, {
|
|
117
|
-
shallow: true
|
|
118
|
-
});
|
|
119
|
-
};
|
|
120
|
-
return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement("div", {
|
|
121
|
-
className: divClass,
|
|
122
|
-
"data-testid": "debug-sidebar"
|
|
123
|
-
}, /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
|
|
124
|
-
href: href,
|
|
125
|
-
target: "_blank"
|
|
126
|
-
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
127
|
-
src: _constants.DEBUG_LOGO.SRC,
|
|
128
|
-
alt: _constants.DEBUG_LOGO.ALT
|
|
129
|
-
}), /*#__PURE__*/_react["default"].createElement("span", null, "Blaze admin")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
130
|
-
role: "button",
|
|
131
|
-
className: "debug-sidebar__button debug-sidebar__button--close",
|
|
132
|
-
"data-testid": "debug-sidebar-close",
|
|
133
|
-
"aria-label": "Close debug sidebar",
|
|
134
|
-
onClick: closeDebug
|
|
135
|
-
}, /*#__PURE__*/_react["default"].createElement(_io.IoCloseOutline, null)), /*#__PURE__*/_react["default"].createElement("div", {
|
|
136
|
-
role: "button",
|
|
137
|
-
className: "debug-sidebar__button debug-sidebar__button--editor",
|
|
138
|
-
"data-testid": "debug-sidebar-editor-button",
|
|
139
|
-
id: "debug-sidebar-editor-button",
|
|
140
|
-
"aria-label": "Editor mode",
|
|
141
|
-
onClick: toggleEditorMode
|
|
142
|
-
}, /*#__PURE__*/_react["default"].createElement("i", null, isEditorMode ? /*#__PURE__*/_react["default"].createElement(_md.MdEditOff, null) : /*#__PURE__*/_react["default"].createElement(_md.MdEdit, null))), /*#__PURE__*/_react["default"].createElement("div", {
|
|
143
|
-
role: "button",
|
|
144
|
-
className: "debug-sidebar__button open",
|
|
145
|
-
"data-testid": "debug-sidebar-button",
|
|
146
|
-
id: "debug-sidebar-button",
|
|
147
|
-
onClick: function onClick() {
|
|
148
|
-
return setIsOpen(!isOpen);
|
|
149
|
-
}
|
|
150
|
-
}, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdKeyboardArrowLeft, null)))), document.body);
|
|
151
|
-
};
|
|
152
|
-
DebugSidebar.propTypes = {
|
|
153
|
-
updatedDebugOptions: _propTypes["default"].func.isRequired,
|
|
154
|
-
itemEntity: _propTypes["default"].string,
|
|
155
|
-
itemId: _propTypes["default"].string,
|
|
156
|
-
debugMode: _propTypes["default"].bool
|
|
157
|
-
};
|
|
158
|
-
DebugSidebar.defaultProps = {
|
|
159
|
-
itemEntity: '',
|
|
160
|
-
itemId: '',
|
|
161
|
-
debugMode: false
|
|
162
|
-
};
|
|
163
|
-
var _default = exports["default"] = DebugSidebar;
|
|
9
|
+
var _DebugSidebarRender = _interopRequireDefault(require("./DebugSidebarRender"));
|
|
10
|
+
var _default = exports["default"] = _DebugSidebarRender["default"];
|
|
164
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_reactDom","_propTypes","_interopRequireDefault","_classnames","_nextjsComponents","_md","_router","_io","_helpers","_constants","_getFromLocal","_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","_useState","useState","_useState2","_slicedToArray2","isDebugMode","setIsDebugMode","_useState3","_useState4","isEditorMode","setIsEditorMode","_useState5","_useState6","isOpen","setIsOpen","router","useRouter","useEffect","currentDebugValue","getFromLocal","BLAZE_DEBUG","setBlazeDebug","handleRouteChange","url","hasDebug","includes","concat","asPath","events","on","off","divClass","classnames","toggleEditorMode","editorModeEnabled","adminHref","buildAdminHref","href","closeDebug","window","blaze","debug","_router$asPath$split","split","_router$asPath$split2","pathname","_router$asPath$split3","search","params","URLSearchParams","newUrl","toString","push","shallow","createPortal","createElement","className","Link","target","src","DEBUG_LOGO","SRC","alt","ALT","role","onClick","IoCloseOutline","id","MdEditOff","MdEdit","MdKeyboardArrowLeft","document","body","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","_default","exports"],"sources":["../../../src/components/DebugSidebar/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport { MdKeyboardArrowLeft, MdEdit, MdEditOff } from 'react-icons/md';\nimport { useRouter } from 'next/router';\nimport { IoCloseOutline } from 'react-icons/io5';\nimport { buildAdminHref, setBlazeDebug } from '../../helpers';\nimport { BLAZE_DEBUG, DEBUG_LOGO } from '../../constants';\nimport getFromLocal from '../../helpers/get-from-local';\n\nconst DebugSidebar = ({ itemEntity, itemId, updatedDebugOptions, debugMode }) => {\n const [isDebugMode, setIsDebugMode] = useState(debugMode);\n const [isEditorMode, setIsEditorMode] = useState(false);\n const [isOpen, setIsOpen] = useState(true);\n const router = useRouter();\n\n useEffect(() => {\n // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);\n const currentDebugValue = getFromLocal(BLAZE_DEBUG);\n setIsDebugMode(currentDebugValue);\n setIsOpen(currentDebugValue);\n setBlazeDebug(setIsDebugMode);\n // setIsEditorMode(!!currentEditorMode); // todo: initilize on load\n }, []);\n\n useEffect(() => {\n const handleRouteChange = url => {\n const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);\n if (hasDebug) {\n setBlazeDebug(setIsDebugMode);\n setIsOpen(true);\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 }, [router.events, router.asPath]);\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 if (!isDebugMode) return null;\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 <span>Blaze admin</span>\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\n <div\n role=\"button\"\n className=\"debug-sidebar__button debug-sidebar__button--editor\"\n data-testid=\"debug-sidebar-editor-button\"\n id=\"debug-sidebar-editor-button\"\n aria-label=\"Editor mode\"\n onClick={toggleEditorMode}>\n <i>{isEditorMode ? <MdEditOff /> : <MdEdit />}</i>\n </div>\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};\n\nDebugSidebar.defaultProps = {\n itemEntity: '',\n itemId: '',\n debugMode: false\n};\n\nexport default DebugSidebar;\n"],"mappings":"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","ignoreList":[]}
|
|
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":[]}
|
package/lib/helpers/index.js
CHANGED
|
@@ -41,6 +41,12 @@ Object.defineProperty(exports, "getErrorMessage", {
|
|
|
41
41
|
return _getErrorMessage["default"];
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
|
+
Object.defineProperty(exports, "getFromLocal", {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function get() {
|
|
47
|
+
return _getFromLocal["default"];
|
|
48
|
+
}
|
|
49
|
+
});
|
|
44
50
|
Object.defineProperty(exports, "getPageData", {
|
|
45
51
|
enumerable: true,
|
|
46
52
|
get: function get() {
|
|
@@ -82,4 +88,5 @@ var _renderAppleTags = _interopRequireDefault(require("./render-apple-tags"));
|
|
|
82
88
|
var _getPageData = _interopRequireDefault(require("./get-page-data"));
|
|
83
89
|
var _getErrorMessage = _interopRequireDefault(require("./get-error-message"));
|
|
84
90
|
var _getRootSelectorClasses = _interopRequireDefault(require("./get-root-selector-classes"));
|
|
91
|
+
var _getFromLocal = _interopRequireDefault(require("./get-from-local"));
|
|
85
92
|
//# sourceMappingURL=index.js.map
|
package/lib/helpers/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_checkUrl","_interopRequireDefault","require","_getEntitysActions","_getSearchFilter","_checkParent","_buildAdminHref","_setBlazeDebug","_checkForGtm","_renderAppleTags","_getPageData","_getErrorMessage","_getRootSelectorClasses"],"sources":["../../src/helpers/index.js"],"sourcesContent":["import checkUrl from './check-url';\nimport getEntitysActions from './get-entitys-actions';\nimport getSearchFilter from './get-search-filter';\nimport checkParent from './check-parent';\nimport buildAdminHref from './build-admin-href';\nimport setBlazeDebug from './set-blaze-debug';\nimport checkForGtm from './check-for-gtm';\nimport renderAppleTags from './render-apple-tags';\nimport getPageData from './get-page-data';\nimport getErrorMessage from './get-error-message';\nimport getRootSelectorClasses from './get-root-selector-classes';\n\nexport {\n buildAdminHref,\n checkForGtm,\n checkParent,\n checkUrl,\n getEntitysActions,\n getSearchFilter,\n getPageData,\n getErrorMessage,\n renderAppleTags,\n setBlazeDebug,\n getRootSelectorClasses\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["_checkUrl","_interopRequireDefault","require","_getEntitysActions","_getSearchFilter","_checkParent","_buildAdminHref","_setBlazeDebug","_checkForGtm","_renderAppleTags","_getPageData","_getErrorMessage","_getRootSelectorClasses","_getFromLocal"],"sources":["../../src/helpers/index.js"],"sourcesContent":["import checkUrl from './check-url';\nimport getEntitysActions from './get-entitys-actions';\nimport getSearchFilter from './get-search-filter';\nimport checkParent from './check-parent';\nimport buildAdminHref from './build-admin-href';\nimport setBlazeDebug from './set-blaze-debug';\nimport checkForGtm from './check-for-gtm';\nimport renderAppleTags from './render-apple-tags';\nimport getPageData from './get-page-data';\nimport getErrorMessage from './get-error-message';\nimport getRootSelectorClasses from './get-root-selector-classes';\nimport getFromLocal from './get-from-local';\n\nexport {\n buildAdminHref,\n checkForGtm,\n checkParent,\n checkUrl,\n getEntitysActions,\n getFromLocal,\n getSearchFilter,\n getPageData,\n getErrorMessage,\n renderAppleTags,\n setBlazeDebug,\n getRootSelectorClasses\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,gBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,gBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,uBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,aAAA,GAAAZ,sBAAA,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { createPortal } from 'react-dom';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
4
|
+
import classnames from 'classnames';
|
|
5
|
+
import { IoCloseOutline } from 'react-icons/io5';
|
|
6
|
+
import { useRouter } from 'next/router';
|
|
7
|
+
import { MdKeyboardArrowLeft, MdEdit } from 'react-icons/md';
|
|
8
|
+
import { Link } from '@blaze-cms/nextjs-components';
|
|
9
|
+
import Switches from '@blaze-react/switches';
|
|
10
|
+
import { buildAdminHref, setBlazeDebug } from '../../helpers';
|
|
11
|
+
import { DEBUG_LOGO, BLAZE_DEBUG } from '../../constants';
|
|
12
|
+
const DebugSidebar = ({
|
|
13
|
+
itemEntity,
|
|
14
|
+
itemId,
|
|
15
|
+
updatedDebugOptions,
|
|
16
|
+
debugMode,
|
|
17
|
+
setIsDebugMode
|
|
18
|
+
}) => {
|
|
19
|
+
const router = useRouter();
|
|
20
|
+
const [isEditorMode, setIsEditorMode] = useState(false);
|
|
21
|
+
const [isOpen, setIsOpen] = useState(true);
|
|
22
|
+
const divClass = classnames('debug-sidebar', {
|
|
23
|
+
'debug-sidebar--open': isOpen,
|
|
24
|
+
'debug-sidebar--close': !isOpen
|
|
25
|
+
});
|
|
26
|
+
const toggleEditorMode = () => {
|
|
27
|
+
// todo: persist editor mode in local storage
|
|
28
|
+
// const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
|
|
29
|
+
// if (currentEditorMode) {
|
|
30
|
+
// window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);
|
|
31
|
+
// } else {
|
|
32
|
+
// window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);
|
|
33
|
+
// }
|
|
34
|
+
updatedDebugOptions('editorModeEnabled', !isEditorMode);
|
|
35
|
+
updatedDebugOptions({
|
|
36
|
+
editorModeEnabled: !isEditorMode,
|
|
37
|
+
adminHref: buildAdminHref({
|
|
38
|
+
itemEntity,
|
|
39
|
+
itemId
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
setIsEditorMode(!isEditorMode);
|
|
43
|
+
};
|
|
44
|
+
const href = buildAdminHref({
|
|
45
|
+
itemEntity,
|
|
46
|
+
itemId
|
|
47
|
+
});
|
|
48
|
+
const closeDebug = () => {
|
|
49
|
+
setBlazeDebug(setIsDebugMode);
|
|
50
|
+
window.blaze.debug();
|
|
51
|
+
const [pathname, search = ''] = router.asPath.split('?');
|
|
52
|
+
const params = new URLSearchParams(search);
|
|
53
|
+
params.delete(BLAZE_DEBUG);
|
|
54
|
+
const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;
|
|
55
|
+
router.push('/Resolver', newUrl, {
|
|
56
|
+
shallow: true
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
return createPortal(/*#__PURE__*/React.createElement("div", {
|
|
60
|
+
className: divClass,
|
|
61
|
+
"data-testid": "debug-sidebar"
|
|
62
|
+
}, /*#__PURE__*/React.createElement(Link, {
|
|
63
|
+
href: href,
|
|
64
|
+
target: "_blank"
|
|
65
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
66
|
+
src: DEBUG_LOGO.SRC,
|
|
67
|
+
alt: DEBUG_LOGO.ALT
|
|
68
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
69
|
+
role: "button",
|
|
70
|
+
className: "debug-sidebar__button debug-sidebar__button--close",
|
|
71
|
+
"data-testid": "debug-sidebar-close",
|
|
72
|
+
"aria-label": "Close debug sidebar",
|
|
73
|
+
onClick: closeDebug
|
|
74
|
+
}, /*#__PURE__*/React.createElement(IoCloseOutline, null)), /*#__PURE__*/React.createElement(Switches, {
|
|
75
|
+
onChange: toggleEditorMode,
|
|
76
|
+
name: "debug-sidebar-switch",
|
|
77
|
+
icon: /*#__PURE__*/React.createElement(MdEdit, null),
|
|
78
|
+
alignVertically: true,
|
|
79
|
+
returnBoolean: true,
|
|
80
|
+
onText: "ON",
|
|
81
|
+
offText: "OFF",
|
|
82
|
+
options: {
|
|
83
|
+
id: 'debug-sidebar-switch',
|
|
84
|
+
checked: isEditorMode
|
|
85
|
+
}
|
|
86
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
87
|
+
role: "button",
|
|
88
|
+
className: "debug-sidebar__button open",
|
|
89
|
+
"data-testid": "debug-sidebar-button",
|
|
90
|
+
id: "debug-sidebar-button",
|
|
91
|
+
onClick: () => setIsOpen(!isOpen)
|
|
92
|
+
}, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdKeyboardArrowLeft, null)))), document.body);
|
|
93
|
+
};
|
|
94
|
+
DebugSidebar.propTypes = {
|
|
95
|
+
updatedDebugOptions: PropTypes.func.isRequired,
|
|
96
|
+
itemEntity: PropTypes.string,
|
|
97
|
+
itemId: PropTypes.string,
|
|
98
|
+
debugMode: PropTypes.bool,
|
|
99
|
+
setIsDebugMode: PropTypes.func.isRequired
|
|
100
|
+
};
|
|
101
|
+
DebugSidebar.defaultProps = {
|
|
102
|
+
itemEntity: '',
|
|
103
|
+
itemId: '',
|
|
104
|
+
debugMode: false
|
|
105
|
+
};
|
|
106
|
+
export default DebugSidebar;
|
|
107
|
+
//# sourceMappingURL=DebugSidebar.js.map
|