@blaze-cms/nextjs-tools 0.146.0-translations.7 → 0.147.0-rc-eagle.2

package/README.md

@@ -81,18 +81,25 @@ If you want to make it stricter or more open you can override the default with t
 
 **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.
 
+## Custom error not found (404) page
+
+By default if a url is not found by the API the frontend app will show a simple error message saying "Page not found".
+
+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.
+
 ## Environment variables
 
 | Name | Description | Type | Default |
-|---|---|---|---|
+|---|---|---|
 | BLAZE_FRONTEND_HOST | Frontend host (used to identify host) | String |  |
-| BLAZE_ROUTE_REGEX | Override default route regex | Regex | /^\/[a-z0-9€_\/]+(?:[-\/\.]{1,2}[a-z0-9\/€_\/]+)*$|^\/$/ |
+| BLAZE_ROUTE_REGEX | Override default route regex | /^\/[a-z0-9€*\/]+(?:[-\/\.]{1,2}[a-z0-9\/€*\/]+)*$|^\/$/ |
 | BLAZE_CACHE_CONTROL_HEADER | Cache-Control header to set on page requests | String | "" |
-| BLAZE_STATIC_ROUTE_STORE_KEY | Override store for static file routes | String | default |
-| BLAZE_ROUTE_PATTERN_SITEMAP | Override sitemap route | String | /sitemap.xml |
+| BLAZE_STATIC_ROUTE_STORE_KEY | Override store for static file routes | default |
+| BLAZE_ROUTE_PATTERN_SITEMAP | Override sitemap route | /sitemap.xml |
 | BLAZE_CONTENT_SITEMAP_URL_PREFIX | Prefix for sitemap URL, used in frontend static route e.g. /sitemap/sitemap-0.xml. This needs to match the value set in the API app. | String | |
-| BLAZE_ROOT_SELECTOR_CLASSES_LIMIT | The number of root-selector classes to display. If the variable is not set, it defaults to 1, displaying only the highest-level parent class. | String | 1 |
-| BLAZE_BUILD_ENV_PREFIX_REGEX | '\|' separated list of allowed environment variable prefixes. Any environment variable that matches this prefix pattern will be dynamically added to the next environment config and will be available in code for use. If the environment variable has a "BUILD_" prefix, then this prefix will be removed from the next environment variable name before assigning it. i.e. BUILD_THIRD_PARTY_ENV will become THIRD_PARTY_ENV in the build. Prefixes BLAZE\|GOOGLE\|JWPLAYER\|DFP are added for backward compatibility and will be deprecated. We recommend to use new and change existing environment variables with "BUILD_" prefix. | String | BLAZE\|GOOGLE\|JWPLAYER\|DFP\|BUILD |
+| BLAZE_ROOT_SELECTOR_CLASSES_LIMIT | The number of root-selector classes to display. 0 or unset will show noe | String |  |
+| BLAZE_BUILD_ENV_PREFIX_REGEX | '\|' separated list of allowed environment variable prefixes. Any environment variable that matches this prefix pattern will be dynamically added to the next environment config and will be available in code for use. If the environment variable has a "BUILD_" prefix, then this prefix will be removed from the next environment variable name before assigning it. i.e. BUILD_THIRD_PARTY_ENV will become THIRD_PARTY_ENV in the build. Prefixes BLAZE\|GOOGLE\|JWPLAYER\|DFP are added for backward compatibility and will be deprecated. We recommend to use new and change existing environment variables with "BUILD_" prefix. | BLAZE\|GOOGLE\|JWPLAYER\|DFP\|BUILD |
+| 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 | |
 | BLAZE_DISABLE_REDIRECT_WITH_QUERY | Do not add query string to redirects | String |  |
 
 ## Events emitted
@@ -115,7 +122,7 @@ For more information about specific package events go to package README.
 
 ```sh
 cd packages/frontend/
-yarn install tailwindcss@latest postcss@latest autoprefixer@latest --save
+npm install tailwindcss@latest postcss@latest autoprefixer@latest --save
 ```
 
 3. Add **tailwind.config.js** file in packages/frontend with following content
@@ -199,7 +206,7 @@ When checking new code or build configs make sure to check the [following things
 
 ## Root selector classes
 
-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.  If the variable is not set, it defaults to 1, displaying only the highest-level parent class.
+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.
 
 For example the following url, `/parent/child/article-123` might be broken into the following classes
 

package/lib/application/query/index.js

@@ -1,24 +1,77 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPageQuery = exports.checkUrlQuery = exports.GET_ENTITY_SCHEMA = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _client = require("@apollo/client");
-var _templateObject, _templateObject2, _templateObject3;
-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";
-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);
-var getPageQuery = exports.getPageQuery = function getPageQuery(_ref) {
-  var _ref$actions = _ref.actions,
-    _ref$actions2 = _ref$actions === void 0 ? {} : _ref$actions,
-    get = _ref$actions2.get,
-    getPublished = _ref$actions2.getPublished,
-    isPreview = _ref.isPreview;
-  var getMethod = !isPreview && getPublished ? getPublished : get;
-  return (0, _client.gql)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    query pageData($id: String!) {\n      pageData: ", "(id: $id) {\n        ", "\n        url\n      }\n    }\n  "])), getMethod, pageDataFields);
+const pageDataFields = `
+id
+name
+preparedPageBuilderComponents
+canonicalUrl
+category {
+  id
+  name
+}
+tags {
+  id
+  name
+}
+slug
+image{
+  id
+  data
+  url
+}
+contentDocumentHead {
+  type
+  props
+  content
+}
+formattedMetaTitle
+formattedMetaDescription
+__typename
+cacheControlMaxAge`;
+const checkUrlQuery = exports.checkUrlQuery = (0, _client.gql)`
+  query checkUrl($url: String!) {
+    checkUrl(url: $url) {
+      itemId
+      itemEntity
+      urlTo,
+      pageData: record {
+        ...on ContentContentInterface {
+          ${pageDataFields}
+        }
+      }
+    }
+  }
+`;
+const getPageQuery = ({
+  actions: {
+    get,
+    getPublished
+  } = {},
+  isPreview
+}) => {
+  const getMethod = !isPreview && getPublished ? getPublished : get;
+  return (0, _client.gql)`
+    query pageData($id: String!) {
+      pageData: ${getMethod}(id: $id) {
+        ${pageDataFields}
+        url
+      }
+    }
+  `;
 };
-var GET_ENTITY_SCHEMA = exports.GET_ENTITY_SCHEMA = (0, _client.gql)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  query getEntitySchema($id: String!) {\n    entitySchema: getEntitySchema(id: $id) {\n      id\n      identifier\n      actions\n    }\n  }\n"])));
+exports.getPageQuery = getPageQuery;
+const GET_ENTITY_SCHEMA = exports.GET_ENTITY_SCHEMA = (0, _client.gql)`
+  query getEntitySchema($id: String!) {
+    entitySchema: getEntitySchema(id: $id) {
+      id
+      identifier
+      actions
+    }
+  }
+`;
 //# sourceMappingURL=index.js.map

package/lib/application/query/index.js.map

@@ -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,sOAsBD;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":[]}
+{"version":3,"file":"index.js","names":["_client","require","pageDataFields","checkUrlQuery","exports","gql","getPageQuery","actions","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;AAEA,MAAMC,cAAc,GAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AAEnB,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,WAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAYH,cAAc;AAC1B;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMI,YAAY,GAAGA,CAAC;EAAEC,OAAO,EAAE;IAAEC,GAAG;IAAEC;EAAa,CAAC,GAAG,CAAC,CAAC;EAAEC;AAAU,CAAC,KAAK;EAC3E,MAAMC,SAAS,GAAG,CAACD,SAAS,IAAID,YAAY,GAAGA,YAAY,GAAGD,GAAG;EAEjE,OAAO,IAAAH,WAAG;AACZ;AACA,kBAAkBM,SAAS;AAC3B,UAAUT,cAAc;AACxB;AACA;AACA;AACA,GAAG;AACH,CAAC;AAACE,OAAA,CAAAE,YAAA,GAAAA,YAAA;AAEF,MAAMM,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAG,IAAAP,WAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/blaze.config.js

@@ -1,39 +1,35 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/web.dom-collections.iterator.js");
+exports.default = void 0;
 var _pluginPageBuilderFe = _interopRequireDefault(require("@blaze-cms/plugin-page-builder-fe"));
 var _pluginGtmFe = _interopRequireDefault(require("@blaze-cms/plugin-gtm-fe"));
+var _pluginChart = _interopRequireDefault(require("@blaze-cms/plugin-chart"));
 var _pluginGoogleMapsFe = _interopRequireDefault(require("@blaze-cms/plugin-google-maps-fe"));
 var _pluginPreviewFe = _interopRequireDefault(require("@blaze-cms/plugin-preview-fe"));
 var _pluginAuthFe = _interopRequireDefault(require("@blaze-cms/plugin-auth-fe"));
 var _pluginStructuredDataFe = _interopRequireDefault(require("@blaze-cms/plugin-structured-data-fe"));
 var _pluginTranslationFe = _interopRequireDefault(require("@blaze-cms/plugin-translation-fe"));
-var plugins = new Map();
-plugins.set(_pluginTranslationFe["default"], {});
-plugins.set(_pluginPageBuilderFe["default"], {});
-plugins.set(_pluginGtmFe["default"], {});
-plugins.set(_pluginGoogleMapsFe["default"], {});
-plugins.set(_pluginPreviewFe["default"], {});
-plugins.set(_pluginAuthFe["default"], {});
-plugins.set(_pluginStructuredDataFe["default"], {
+const plugins = new Map();
+plugins.set(_pluginTranslationFe.default, {});
+plugins.set(_pluginPageBuilderFe.default, {});
+plugins.set(_pluginGtmFe.default, {});
+plugins.set(_pluginChart.default, {});
+plugins.set(_pluginGoogleMapsFe.default, {});
+plugins.set(_pluginPreviewFe.default, {});
+plugins.set(_pluginAuthFe.default, {});
+plugins.set(_pluginStructuredDataFe.default, {
   authenticatedBotHeaders: ['x-amzn-waf-googlebot']
 });
-var apollo = {
+const apollo = {
   uri: process.env.BLAZE_GRAPHQL_URI,
   loadEntitiesInBrowser: false
 };
-var _default = exports["default"] = {
-  plugins: plugins,
-  apollo: apollo
+var _default = exports.default = {
+  plugins,
+  apollo
 };
 //# sourceMappingURL=blaze.config.js.map

package/lib/blaze.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"blaze.config.js","names":["_pluginPageBuilderFe","_interopRequireDefault","require","_pluginGtmFe","_pluginGoogleMapsFe","_pluginPreviewFe","_pluginAuthFe","_pluginStructuredDataFe","_pluginTranslationFe","plugins","Map","set","translationFe","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';\nimport translationFe from '@blaze-cms/plugin-translation-fe';\n\nconst plugins = new Map();\nplugins.set(translationFe, {});\nplugins.set(pageBuilder, {});\nplugins.set(gtm, {});\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,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,uBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,oBAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEA,IAAMO,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,8BAAU,EAAE,CAAC,CAAC,CAAC;AAC3BN,OAAO,CAACE,GAAG,CAACK,2BAAS,EAAE,CAAC,CAAC,CAAC;AAC1BP,OAAO,CAACE,GAAG,CAACM,wBAAM,EAAE,CAAC,CAAC,CAAC;AAEvBR,OAAO,CAACE,GAAG,CAACO,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;EAAElB,OAAO,EAAPA,OAAO;EAAEW,MAAM,EAANA;AAAO,CAAC","ignoreList":[]}
+{"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","default"],"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,MAAMQ,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;AACzBD,OAAO,CAACE,GAAG,CAACC,4BAAa,EAAE,CAAC,CAAC,CAAC;AAC9BH,OAAO,CAACE,GAAG,CAACE,4BAAW,EAAE,CAAC,CAAC,CAAC;AAC5BJ,OAAO,CAACE,GAAG,CAACG,oBAAG,EAAE,CAAC,CAAC,CAAC;AACpBL,OAAO,CAACE,GAAG,CAACI,oBAAK,EAAE,CAAC,CAAC,CAAC;AACtBN,OAAO,CAACE,GAAG,CAACK,2BAAU,EAAE,CAAC,CAAC,CAAC;AAC3BP,OAAO,CAACE,GAAG,CAACM,wBAAS,EAAE,CAAC,CAAC,CAAC;AAC1BR,OAAO,CAACE,GAAG,CAACO,qBAAM,EAAE,CAAC,CAAC,CAAC;AAEvBT,OAAO,CAACE,GAAG,CAACQ,+BAAgB,EAAE;EAC5BC,uBAAuB,EAAE,CAAC,sBAAsB;AAClD,CAAC,CAAC;AAEF,MAAMC,MAAM,GAAG;EACbC,GAAG,EAAEC,OAAO,CAACC,GAAG,CAACC,iBAAiB;EAClCC,qBAAqB,EAAE;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa;EAAEpB,OAAO;EAAEY;AAAO,CAAC","ignoreList":[]}

package/lib/components/DebugSidebar/DebugSidebar.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _io = require("react-icons/io5");
+var _router = require("next/router");
+var _md = require("react-icons/md");
+var _nextjsComponents = require("@blaze-cms/nextjs-components");
+var _switches = _interopRequireDefault(require("@blaze-react/switches"));
+var _helpers = require("../../helpers");
+var _constants = require("../../constants");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DebugSidebar = ({
+  itemEntity,
+  itemId,
+  updatedDebugOptions,
+  debugMode,
+  setIsDebugMode
+}) => {
+  const router = (0, _router.useRouter)();
+  const [isEditorMode, setIsEditorMode] = (0, _react.useState)(false);
+  const [isOpen, setIsOpen] = (0, _react.useState)(true);
+  const divClass = (0, _classnames.default)('debug-sidebar', {
+    'debug-sidebar--open': isOpen,
+    'debug-sidebar--close': !isOpen
+  });
+  const toggleEditorMode = () => {
+    // todo: persist editor mode in local storage
+    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
+    // if (currentEditorMode) {
+    //   window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);
+    // } else {
+    //   window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);
+    // }
+    updatedDebugOptions('editorModeEnabled', !isEditorMode);
+    updatedDebugOptions({
+      editorModeEnabled: !isEditorMode,
+      adminHref: (0, _helpers.buildAdminHref)({
+        itemEntity,
+        itemId
+      })
+    });
+    setIsEditorMode(!isEditorMode);
+  };
+  const href = (0, _helpers.buildAdminHref)({
+    itemEntity,
+    itemId
+  });
+  const closeDebug = () => {
+    (0, _helpers.setBlazeDebug)(setIsDebugMode);
+    window.blaze.debug();
+    const [pathname, search = ''] = router.asPath.split('?');
+    const params = new URLSearchParams(search);
+    params.delete(_constants.BLAZE_DEBUG);
+    const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;
+    router.push('/Resolver', newUrl, {
+      shallow: true
+    });
+  };
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
+    className: divClass,
+    "data-testid": "debug-sidebar"
+  }, /*#__PURE__*/_react.default.createElement(_nextjsComponents.Link, {
+    href: href,
+    target: "_blank"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _constants.DEBUG_LOGO.SRC,
+    alt: _constants.DEBUG_LOGO.ALT
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    className: "debug-sidebar__button debug-sidebar__button--close",
+    "data-testid": "debug-sidebar-close",
+    "aria-label": "Close debug sidebar",
+    onClick: closeDebug
+  }, /*#__PURE__*/_react.default.createElement(_io.IoCloseOutline, null)), /*#__PURE__*/_react.default.createElement(_switches.default, {
+    onChange: toggleEditorMode,
+    name: "debug-sidebar-switch",
+    icon: /*#__PURE__*/_react.default.createElement(_md.MdEdit, null),
+    alignVertically: true,
+    returnBoolean: true,
+    onText: "ON",
+    offText: "OFF",
+    options: {
+      id: 'debug-sidebar-switch',
+      checked: isEditorMode
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    role: "button",
+    className: "debug-sidebar__button open",
+    "data-testid": "debug-sidebar-button",
+    id: "debug-sidebar-button",
+    onClick: () => setIsOpen(!isOpen)
+  }, /*#__PURE__*/_react.default.createElement("i", null, /*#__PURE__*/_react.default.createElement(_md.MdKeyboardArrowLeft, null)))), document.body);
+};
+DebugSidebar.propTypes = {
+  updatedDebugOptions: _propTypes.default.func.isRequired,
+  itemEntity: _propTypes.default.string,
+  itemId: _propTypes.default.string,
+  debugMode: _propTypes.default.bool,
+  setIsDebugMode: _propTypes.default.func.isRequired
+};
+DebugSidebar.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+var _default = exports.default = DebugSidebar;
+//# sourceMappingURL=DebugSidebar.js.map

package/lib/components/DebugSidebar/DebugSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSidebar.js","names":["_react","_interopRequireWildcard","require","_reactDom","_propTypes","_interopRequireDefault","_classnames","_io","_router","_md","_nextjsComponents","_switches","_helpers","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DebugSidebar","itemEntity","itemId","updatedDebugOptions","debugMode","setIsDebugMode","router","useRouter","isEditorMode","setIsEditorMode","useState","isOpen","setIsOpen","divClass","classnames","toggleEditorMode","editorModeEnabled","adminHref","buildAdminHref","href","closeDebug","setBlazeDebug","window","blaze","debug","pathname","search","asPath","split","params","URLSearchParams","delete","BLAZE_DEBUG","newUrl","toString","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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,GAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAA0D,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE1D,MAAMkB,YAAY,GAAGA,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,mBAAmB;EAAEC,SAAS;EAAEC;AAAe,CAAC,KAAK;EAC/F,MAAMC,MAAM,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC1B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAE1C,MAAMG,QAAQ,GAAG,IAAAC,mBAAU,EAAC,eAAe,EAAE;IAC3C,qBAAqB,EAAEH,MAAM;IAC7B,sBAAsB,EAAE,CAACA;EAC3B,CAAC,CAAC;EAEF,MAAMI,gBAAgB,GAAGA,CAAA,KAAM;IAC7B;IACA;IACA;IACA;IACA;IACA;IACA;IACAZ,mBAAmB,CAAC,mBAAmB,EAAE,CAACK,YAAY,CAAC;IACvDL,mBAAmB,CAAC;MAClBa,iBAAiB,EAAE,CAACR,YAAY;MAChCS,SAAS,EAAE,IAAAC,uBAAc,EAAC;QAAEjB,UAAU;QAAEC;MAAO,CAAC;IAClD,CAAC,CAAC;IACFO,eAAe,CAAC,CAACD,YAAY,CAAC;EAChC,CAAC;EAED,MAAMW,IAAI,GAAG,IAAAD,uBAAc,EAAC;IAAEjB,UAAU;IAAEC;EAAO,CAAC,CAAC;EAEnD,MAAMkB,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAAC,sBAAa,EAAChB,cAAc,CAAC;IAC7BiB,MAAM,CAACC,KAAK,CAACC,KAAK,CAAC,CAAC;IAEpB,MAAM,CAACC,QAAQ,EAAEC,MAAM,GAAG,EAAE,CAAC,GAAGpB,MAAM,CAACqB,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;IACxD,MAAMC,MAAM,GAAG,IAAIC,eAAe,CAACJ,MAAM,CAAC;IAC1CG,MAAM,CAACE,MAAM,CAACC,sBAAW,CAAC;IAC1B,MAAMC,MAAM,GAAGJ,MAAM,CAACK,QAAQ,CAAC,CAAC,GAAG,GAAGT,QAAQ,IAAII,MAAM,CAACK,QAAQ,CAAC,CAAC,EAAE,GAAGT,QAAQ;IAEhFnB,MAAM,CAAC6B,IAAI,CAAC,WAAW,EAAEF,MAAM,EAAE;MAC/BG,OAAO,EAAE;IACX,CAAC,CAAC;EACJ,CAAC;EAED,oBAAO,IAAAC,sBAAY,eACjBtE,MAAA,CAAAwB,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAE1B,QAAS;IAAC,eAAY;EAAe,gBACnD9C,MAAA,CAAAwB,OAAA,CAAA+C,aAAA,CAAC7D,iBAAA,CAAA+D,IAAI;IAACrB,IAAI,EAAEA,IAAK;IAACsB,MAAM,EAAC;EAAQ,gBAC/B1E,MAAA,CAAAwB,OAAA,CAAA+C,aAAA;IAAKI,GAAG,EAAEC,qBAAU,CAACC,GAAI;IAACC,GAAG,EAAEF,qBAAU,CAACG;EAAI,CAAE,CAC5C,CAAC,eACP/E,MAAA,CAAAwB,OAAA,CAAA+C,aAAA;IACES,IAAI,EAAC,QAAQ;IACbR,SAAS,EAAC,oDAAoD;IAC9D,eAAY,qBAAqB;IACjC,cAAW,qBAAqB;IAChCS,OAAO,EAAE5B;EAAW,gBACpBrD,MAAA,CAAAwB,OAAA,CAAA+C,aAAA,CAAChE,GAAA,CAAA2E,cAAc,MAAE,CACd,CAAC,eACNlF,MAAA,CAAAwB,OAAA,CAAA+C,aAAA,CAAC5D,SAAA,CAAAa,OAAQ;IACP2D,QAAQ,EAAEnC,gBAAiB;IAC3BoC,IAAI,EAAC,sBAAsB;IAC3BC,IAAI,eAAErF,MAAA,CAAAwB,OAAA,CAAA+C,aAAA,CAAC9D,GAAA,CAAA6E,MAAM,MAAE,CAAE;IACjBC,eAAe;IACfC,aAAa;IACbC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,KAAK;IACbC,OAAO,EAAE;MACPC,EAAE,EAAE,sBAAsB;MAC1BC,OAAO,EAAEpD;IACX;EAAE,CACH,CAAC,eACFzC,MAAA,CAAAwB,OAAA,CAAA+C,aAAA;IACES,IAAI,EAAC,QAAQ;IACbR,SAAS,EAAC,4BAA4B;IACtC,eAAY,sBAAsB;IAClCoB,EAAE,EAAC,sBAAsB;IACzBX,OAAO,EAAEA,CAAA,KAAMpC,SAAS,CAAC,CAACD,MAAM;EAAE,gBAClC5C,MAAA,CAAAwB,OAAA,CAAA+C,aAAA,yBACEvE,MAAA,CAAAwB,OAAA,CAAA+C,aAAA,CAAC9D,GAAA,CAAAqF,mBAAmB,MAAE,CACrB,CACA,CACF,CAAC,EACNC,QAAQ,CAACC,IACX,CAAC;AACH,CAAC;AAED/D,YAAY,CAACgE,SAAS,GAAG;EACvB7D,mBAAmB,EAAE8D,kBAAS,CAACC,IAAI,CAACC,UAAU;EAC9ClE,UAAU,EAAEgE,kBAAS,CAACG,MAAM;EAC5BlE,MAAM,EAAE+D,kBAAS,CAACG,MAAM;EACxBhE,SAAS,EAAE6D,kBAAS,CAACI,IAAI;EACzBhE,cAAc,EAAE4D,kBAAS,CAACC,IAAI,CAACC;AACjC,CAAC;AAEDnE,YAAY,CAACsE,YAAY,GAAG;EAC1BrE,UAAU,EAAE,EAAE;EACdC,MAAM,EAAE,EAAE;EACVE,SAAS,EAAE;AACb,CAAC;AAAC,IAAAmE,QAAA,GAAAC,OAAA,CAAAjF,OAAA,GAEaS,YAAY","ignoreList":[]}

package/lib/components/DebugSidebar/DebugSidebarRender.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dynamic = _interopRequireDefault(require("next/dynamic"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _router = require("next/router");
+var _helpers = require("../../helpers");
+var _constants = require("../../constants");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DebugSidebar = (0, _dynamic.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./DebugSidebar'))));
+const DebugSidebarRender = ({
+  itemEntity,
+  itemId,
+  updatedDebugOptions,
+  debugMode
+}) => {
+  const [isDebugMode, setIsDebugMode] = (0, _react.useState)(debugMode);
+  const router = (0, _router.useRouter)();
+  (0, _react.useEffect)(() => {
+    const currentDebugValue = (0, _helpers.getFromLocal)(_constants.BLAZE_DEBUG);
+    setIsDebugMode(currentDebugValue);
+    (0, _helpers.setBlazeDebug)(setIsDebugMode);
+  }, []);
+  (0, _react.useEffect)(() => {
+    const handleRouteChange = url => {
+      const hasDebug = url.includes(`${_constants.BLAZE_DEBUG}=1`);
+      if (hasDebug) {
+        (0, _helpers.setBlazeDebug)(setIsDebugMode);
+      }
+    };
+    if (router.asPath.includes(`${_constants.BLAZE_DEBUG}=1`)) {
+      handleRouteChange(router.asPath);
+    }
+    router.events.on('routeChangeComplete', handleRouteChange);
+    return () => {
+      router.events.off('routeChangeComplete', handleRouteChange);
+    };
+  }, [router.events, router.asPath]);
+  if (!isDebugMode) return null;
+  return /*#__PURE__*/_react.default.createElement(DebugSidebar, {
+    itemEntity: itemEntity,
+    itemId: itemId,
+    updatedDebugOptions: updatedDebugOptions,
+    debugMode: debugMode,
+    setIsDebugMode: setIsDebugMode
+  });
+};
+DebugSidebarRender.propTypes = {
+  updatedDebugOptions: _propTypes.default.func.isRequired,
+  itemEntity: _propTypes.default.string,
+  itemId: _propTypes.default.string,
+  debugMode: _propTypes.default.bool
+};
+DebugSidebarRender.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+var _default = exports.default = DebugSidebarRender;
+//# sourceMappingURL=DebugSidebarRender.js.map

package/lib/components/DebugSidebar/DebugSidebarRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSidebarRender.js","names":["_react","_interopRequireWildcard","require","_dynamic","_interopRequireDefault","_propTypes","_router","_helpers","_constants","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DebugSidebar","dynamic","Promise","resolve","then","DebugSidebarRender","itemEntity","itemId","updatedDebugOptions","debugMode","isDebugMode","setIsDebugMode","useState","router","useRouter","useEffect","currentDebugValue","getFromLocal","BLAZE_DEBUG","setBlazeDebug","handleRouteChange","url","hasDebug","includes","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    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  }, [router.events, router.asPath]);\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":[]}

package/lib/components/DebugSidebar/index.js

@@ -1,80 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _nextjsComponents = require("@blaze-cms/nextjs-components");
-var _md = require("react-icons/md");
-var _helpers = require("../../helpers");
-var _constants = require("../../constants");
-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); }
-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; }
-var DebugSidebar = function DebugSidebar(_ref) {
-  var itemEntity = _ref.itemEntity,
-    itemId = _ref.itemId,
-    debugMode = _ref.debugMode;
-  var _useState = (0, _react.useState)(debugMode),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isDebugMode = _useState2[0],
-    setIsDebugMode = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isOpen = _useState4[0],
-    setIsOpen = _useState4[1];
-  (0, _react.useEffect)(function () {
-    if (debugMode === true) {
-      setIsDebugMode(debugMode);
-    } else (0, _helpers.setBlazeDebug)(setIsDebugMode);
-  }, [debugMode]);
-  var divClass = (0, _classnames["default"])('debug-sidebar', {
-    'debug-sidebar--open': isOpen,
-    'debug-sidebar--close': !isOpen
-  });
-  var href = (0, _helpers.buildAdminHref)({
-    itemEntity: itemEntity,
-    itemId: itemId
-  });
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDebugMode ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: divClass,
-    "data-testid": "debug-sidebar"
-  }, /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
-    href: href
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _constants.DEBUG_LOGO.SRC,
-    alt: _constants.DEBUG_LOGO.ALT
-  }), /*#__PURE__*/_react["default"].createElement("span", null, "Blaze admin")), /*#__PURE__*/_react["default"].createElement("div", {
-    role: "button",
-    className: "debug-sidebar__button open",
-    "data-testid": "debug-sidebar-button",
-    id: "debug-sidebar-button",
-    onClick: function onClick() {
-      return setIsOpen(!isOpen);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdKeyboardArrowLeft, null)))) : null);
-};
-DebugSidebar.propTypes = {
-  itemEntity: _propTypes["default"].string,
-  itemId: _propTypes["default"].string,
-  debugMode: _propTypes["default"].bool
-};
-DebugSidebar.defaultProps = {
-  itemEntity: '',
-  itemId: '',
-  debugMode: false
-};
-var _default = exports["default"] = DebugSidebar;
+exports.default = void 0;
+var _DebugSidebarRender = _interopRequireDefault(require("./DebugSidebarRender"));
+var _default = exports.default = _DebugSidebarRender.default;
 //# sourceMappingURL=index.js.map

package/lib/components/DebugSidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_nextjsComponents","_md","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DebugSidebar","_ref","itemEntity","itemId","debugMode","_useState","useState","_useState2","_slicedToArray2","isDebugMode","setIsDebugMode","_useState3","_useState4","isOpen","setIsOpen","useEffect","setBlazeDebug","divClass","classnames","href","buildAdminHref","createElement","Fragment","className","Link","src","DEBUG_LOGO","SRC","alt","ALT","role","id","onClick","MdKeyboardArrowLeft","propTypes","PropTypes","string","bool","defaultProps","_default","exports"],"sources":["../../../src/components/DebugSidebar/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport { MdKeyboardArrowLeft } from 'react-icons/md';\nimport { buildAdminHref, setBlazeDebug } from '../../helpers';\nimport { DEBUG_LOGO } from '../../constants';\n\nconst DebugSidebar = ({ itemEntity, itemId, debugMode }) => {\n  const [isDebugMode, setIsDebugMode] = useState(debugMode);\n  const [isOpen, setIsOpen] = useState(true);\n\n  useEffect(\n    () => {\n      if (debugMode === true) {\n        setIsDebugMode(debugMode);\n      } else setBlazeDebug(setIsDebugMode);\n    },\n    [debugMode]\n  );\n\n  const divClass = classnames('debug-sidebar', {\n    'debug-sidebar--open': isOpen,\n    'debug-sidebar--close': !isOpen\n  });\n\n  const href = buildAdminHref({ itemEntity, itemId });\n\n  return (\n    <>\n      {isDebugMode ? (\n        <div className={divClass} data-testid=\"debug-sidebar\">\n          <Link href={href}>\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 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      ) : null}\n    </>\n  );\n};\n\nDebugSidebar.propTypes = {\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":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAA6C,SAAAQ,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,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,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,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE7C,IAAMY,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAA0C;EAAA,IAApCC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;EACnD,IAAAC,SAAA,GAAsC,IAAAC,eAAQ,EAACF,SAAS,CAAC;IAAAG,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAlDI,WAAW,GAAAF,UAAA;IAAEG,cAAc,GAAAH,UAAA;EAClC,IAAAI,UAAA,GAA4B,IAAAL,eAAQ,EAAC,IAAI,CAAC;IAAAM,UAAA,OAAAJ,eAAA,aAAAG,UAAA;IAAnCE,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EAExB,IAAAG,gBAAS,EACP,YAAM;IACJ,IAAIX,SAAS,KAAK,IAAI,EAAE;MACtBM,cAAc,CAACN,SAAS,CAAC;IAC3B,CAAC,MAAM,IAAAY,sBAAa,EAACN,cAAc,CAAC;EACtC,CAAC,EACD,CAACN,SAAS,CACZ,CAAC;EAED,IAAMa,QAAQ,GAAG,IAAAC,sBAAU,EAAC,eAAe,EAAE;IAC3C,qBAAqB,EAAEL,MAAM;IAC7B,sBAAsB,EAAE,CAACA;EAC3B,CAAC,CAAC;EAEF,IAAMM,IAAI,GAAG,IAAAC,uBAAc,EAAC;IAAElB,UAAU,EAAVA,UAAU;IAAEC,MAAM,EAANA;EAAO,CAAC,CAAC;EAEnD,oBACElC,MAAA,YAAAoD,aAAA,CAAApD,MAAA,YAAAqD,QAAA,QACGb,WAAW,gBACVxC,MAAA,YAAAoD,aAAA;IAAKE,SAAS,EAAEN,QAAS;IAAC,eAAY;EAAe,gBACnDhD,MAAA,YAAAoD,aAAA,CAAC9C,iBAAA,CAAAiD,IAAI;IAACL,IAAI,EAAEA;EAAK,gBACflD,MAAA,YAAAoD,aAAA;IAAKI,GAAG,EAAEC,qBAAU,CAACC,GAAI;IAACC,GAAG,EAAEF,qBAAU,CAACG;EAAI,CAAE,CAAC,eACjD5D,MAAA,YAAAoD,aAAA,eAAM,aAAiB,CACnB,CAAC,eACPpD,MAAA,YAAAoD,aAAA;IACES,IAAI,EAAC,QAAQ;IACbP,SAAS,EAAC,4BAA4B;IACtC,eAAY,sBAAsB;IAClCQ,EAAE,EAAC,sBAAsB;IACzBC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMlB,SAAS,CAAC,CAACD,MAAM,CAAC;IAAA;EAAC,gBAClC5C,MAAA,YAAAoD,aAAA,yBACEpD,MAAA,YAAAoD,aAAA,CAAC7C,GAAA,CAAAyD,mBAAmB,MAAE,CACrB,CACA,CACF,CAAC,GACJ,IACJ,CAAC;AAEP,CAAC;AAEDjC,YAAY,CAACkC,SAAS,GAAG;EACvBhC,UAAU,EAAEiC,qBAAS,CAACC,MAAM;EAC5BjC,MAAM,EAAEgC,qBAAS,CAACC,MAAM;EACxBhC,SAAS,EAAE+B,qBAAS,CAACE;AACvB,CAAC;AAEDrC,YAAY,CAACsC,YAAY,GAAG;EAC1BpC,UAAU,EAAE,EAAE;EACdC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE;AACb,CAAC;AAAC,IAAAmC,QAAA,GAAAC,OAAA,cAEaxC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_DebugSidebarRender","_interopRequireDefault","require","_default","exports","default","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,CAAAC,OAAA,GAEvCC,2BAAkB","ignoreList":[]}

package/lib/components/HashObserver.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useHashObserver = _interopRequireDefault(require("../hooks/use-hash-observer"));
+function HashObserver() {
+  (0, _useHashObserver.default)();
+  return null;
+}
+var _default = exports.default = HashObserver;
+//# sourceMappingURL=HashObserver.js.map

package/lib/components/HashObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashObserver.js","names":["_useHashObserver","_interopRequireDefault","require","HashObserver","useHashObserver","_default","exports","default"],"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,wBAAe,EAAC,CAAC;EACjB,OAAO,IAAI;AACb;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcJ,YAAY","ignoreList":[]}

package/lib/components/index.js

@@ -1,15 +1,21 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "DebugSidebar", {
   enumerable: true,
-  get: function get() {
-    return _DebugSidebar["default"];
+  get: function () {
+    return _DebugSidebar.default;
+  }
+});
+Object.defineProperty(exports, "HashObserver", {
+  enumerable: true,
+  get: function () {
+    return _HashObserver.default;
   }
 });
 var _DebugSidebar = _interopRequireDefault(require("./DebugSidebar"));
+var _HashObserver = _interopRequireDefault(require("./HashObserver"));
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_DebugSidebar","_interopRequireDefault","require"],"sources":["../../src/components/index.js"],"sourcesContent":["import DebugSidebar from './DebugSidebar';\n\nexport { DebugSidebar };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_DebugSidebar","_interopRequireDefault","require","_HashObserver"],"sources":["../../src/components/index.js"],"sourcesContent":["import DebugSidebar from './DebugSidebar';\nimport HashObserver from './HashObserver';\n\nexport { DebugSidebar, HashObserver };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}