@qoh/core-react 0.0.6 → 1.0.0-rc.10

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 gravity&storm GmbH
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 gravity&storm GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,2 +1,33 @@
-#Queen of hearts client core package
-This package is providing the core client packages in react.
+# Queen of hearts client core package
+
+> [!WARNING] This readme should not be deployed to npm.
+
+This package is providing the core client packages in react.
+
+# Running locally
+
+Run
+
+`npx nx serve server-vercel`
+
+from the root directory.
+
+## Reading Vercel logs from CLI
+
+Vercel logs can be read on the web-interface but vercel also provides a cli-tool that can be setup to show the server logs in the cli.
+
+### installation
+
+`npm i -g vercel`
+
+### Setup team
+
+Make sure you are on the right team by switching to gravityandstorm:
+
+`vercel switch gravityandstorm`
+
+### showing logs in cli
+
+Make sure you get the url of the deployment you want to watch. For example:
+
+`vercel logs queenofhearts-9qnjgvnfw-gravityandstorm.vercel.app`

package/lib/index.d.mts

@@ -0,0 +1,123 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { JSX } from 'react';
+
+declare function QueenofheartsRenderComponent(props: Readonly<{
+    data: {} | [];
+    contextProps?: any;
+}>): react_jsx_runtime.JSX.Element;
+
+declare enum Filter {
+    eq = "eq",
+    in = "in",
+    neq = "neq",
+    notIn = "notIn"
+}
+interface QohResponse {
+    pages: {} | null;
+    message: string;
+}
+type ComponentTypes = Array<{
+    typename: string;
+    props: {
+        __typename: string;
+    };
+}>;
+interface IFCDictionary {
+    [index: string]: ReactFCWithFieldNames;
+}
+interface ReactFCWithFieldNames {
+    component?: React.FC<any>;
+    fieldNames?: string[];
+    loader?: () => any;
+}
+declare let componentRegistry: IFCDictionary;
+declare function unregisterComponent(name: string): void;
+declare function registerComponent(functionalComponent: React.FC<any>, typeName: string, fieldNames?: string[], overwrite?: false): void;
+declare function registerLazyComponent(loader: () => any, typeName: string, fieldNames?: string[], overwrite?: boolean): void;
+declare function getAllregisteredComponents(): IFCDictionary;
+declare const fetchDynamicComponents: (props: any) => Promise<string[]>;
+declare class QueenofheartsService {
+    private static instance;
+    data: any;
+    debug: boolean;
+    apiToken: string;
+    localServer?: string;
+    latestUrl: string;
+    latestData: Object;
+    private constructor();
+    /**
+     * Initialize headlessli client
+     * @param apiToken headlessli api-token
+     * @param localServer optional
+     */
+    static init(apiToken: string, localServer?: string): void;
+    static getInstance(): QueenofheartsService;
+    findComponentsInProps: (props: any) => string[];
+    fetchDynamicComponents: (componentsToLoad: string[]) => Promise<(string | null)[]>;
+    private loadAsyncComponent;
+    createComponent(props: any): JSX.Element | null;
+    private readonly buildUrl;
+    queryGraphql: (graphqlQuery: string) => Promise<any>;
+    query: (queryName: string, options?: {
+        filter?: {
+            name: string;
+            operator: Filter;
+            value: string;
+        }[];
+        components?: string;
+        ignoreProperties?: string[];
+        variables?: {
+            filter?: {
+                name: string;
+                operator: Filter;
+                value: string;
+            }[];
+            locale?: string;
+            [x: string]: unknown;
+        };
+        locale?: string;
+        depth?: number;
+    }) => Promise<any>;
+    private readonly getRegisteredComponentsWithFields;
+    getQueries: () => Promise<any>;
+    private injectIds;
+    private sendDebugEvent;
+    private sendQueriesEvent;
+    private sendComponentHTML;
+    private highlightComponent;
+}
+
+interface Backend {
+    token: string;
+    uri: string;
+    normalize(data: any): any;
+}
+
+declare class DatoCMS implements Backend {
+    token: string;
+    uri: string;
+    constructor(token: string);
+    renameSEOMetaTags(props: any): void;
+    normalize(data: any): any;
+}
+
+declare class StrapiCMS implements Backend {
+    token: string;
+    uri: string;
+    constructor(token: string, strapiUrl: string);
+    renameSEOMetaTags(props: any): void;
+    normalize(data: any): any;
+}
+
+type Body = {
+    id: string;
+    summary: string;
+    details: string;
+};
+declare class ApiError extends Error {
+    status: number;
+    body: Body;
+    constructor(status: number, body: Body);
+}
+
+export { ApiError, type Backend, type ComponentTypes, DatoCMS, Filter, type IFCDictionary, type QohResponse, QueenofheartsRenderComponent, QueenofheartsService, type ReactFCWithFieldNames, StrapiCMS, componentRegistry, fetchDynamicComponents, getAllregisteredComponents, registerComponent, registerLazyComponent, unregisterComponent };

package/lib/index.d.ts

@@ -1,4 +1,123 @@
-export * from './components/QueenofheartsRenderComponent';
-export * from './QueenofheartsService';
-export * from './backend';
-export * from './ApiError';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { JSX } from 'react';
+
+declare function QueenofheartsRenderComponent(props: Readonly<{
+    data: {} | [];
+    contextProps?: any;
+}>): react_jsx_runtime.JSX.Element;
+
+declare enum Filter {
+    eq = "eq",
+    in = "in",
+    neq = "neq",
+    notIn = "notIn"
+}
+interface QohResponse {
+    pages: {} | null;
+    message: string;
+}
+type ComponentTypes = Array<{
+    typename: string;
+    props: {
+        __typename: string;
+    };
+}>;
+interface IFCDictionary {
+    [index: string]: ReactFCWithFieldNames;
+}
+interface ReactFCWithFieldNames {
+    component?: React.FC<any>;
+    fieldNames?: string[];
+    loader?: () => any;
+}
+declare let componentRegistry: IFCDictionary;
+declare function unregisterComponent(name: string): void;
+declare function registerComponent(functionalComponent: React.FC<any>, typeName: string, fieldNames?: string[], overwrite?: false): void;
+declare function registerLazyComponent(loader: () => any, typeName: string, fieldNames?: string[], overwrite?: boolean): void;
+declare function getAllregisteredComponents(): IFCDictionary;
+declare const fetchDynamicComponents: (props: any) => Promise<string[]>;
+declare class QueenofheartsService {
+    private static instance;
+    data: any;
+    debug: boolean;
+    apiToken: string;
+    localServer?: string;
+    latestUrl: string;
+    latestData: Object;
+    private constructor();
+    /**
+     * Initialize headlessli client
+     * @param apiToken headlessli api-token
+     * @param localServer optional
+     */
+    static init(apiToken: string, localServer?: string): void;
+    static getInstance(): QueenofheartsService;
+    findComponentsInProps: (props: any) => string[];
+    fetchDynamicComponents: (componentsToLoad: string[]) => Promise<(string | null)[]>;
+    private loadAsyncComponent;
+    createComponent(props: any): JSX.Element | null;
+    private readonly buildUrl;
+    queryGraphql: (graphqlQuery: string) => Promise<any>;
+    query: (queryName: string, options?: {
+        filter?: {
+            name: string;
+            operator: Filter;
+            value: string;
+        }[];
+        components?: string;
+        ignoreProperties?: string[];
+        variables?: {
+            filter?: {
+                name: string;
+                operator: Filter;
+                value: string;
+            }[];
+            locale?: string;
+            [x: string]: unknown;
+        };
+        locale?: string;
+        depth?: number;
+    }) => Promise<any>;
+    private readonly getRegisteredComponentsWithFields;
+    getQueries: () => Promise<any>;
+    private injectIds;
+    private sendDebugEvent;
+    private sendQueriesEvent;
+    private sendComponentHTML;
+    private highlightComponent;
+}
+
+interface Backend {
+    token: string;
+    uri: string;
+    normalize(data: any): any;
+}
+
+declare class DatoCMS implements Backend {
+    token: string;
+    uri: string;
+    constructor(token: string);
+    renameSEOMetaTags(props: any): void;
+    normalize(data: any): any;
+}
+
+declare class StrapiCMS implements Backend {
+    token: string;
+    uri: string;
+    constructor(token: string, strapiUrl: string);
+    renameSEOMetaTags(props: any): void;
+    normalize(data: any): any;
+}
+
+type Body = {
+    id: string;
+    summary: string;
+    details: string;
+};
+declare class ApiError extends Error {
+    status: number;
+    body: Body;
+    constructor(status: number, body: Body);
+}
+
+export { ApiError, type Backend, type ComponentTypes, DatoCMS, Filter, type IFCDictionary, type QohResponse, QueenofheartsRenderComponent, QueenofheartsService, type ReactFCWithFieldNames, StrapiCMS, componentRegistry, fetchDynamicComponents, getAllregisteredComponents, registerComponent, registerLazyComponent, unregisterComponent };

package/lib/index.js

@@ -1 +1,3 @@
-"use strict";var _QueenofheartsRenderComponent=require("./components/QueenofheartsRenderComponent");var _QueenofheartsService=require("./QueenofheartsService");var _backend=require("./backend");var _ApiError=require("./ApiError");Object.defineProperty(exports,"__esModule",{value:!0});Object.keys(_QueenofheartsRenderComponent).forEach(function(a){"default"===a||"__esModule"===a||a in exports&&exports[a]===_QueenofheartsRenderComponent[a]||Object.defineProperty(exports,a,{enumerable:!0,get:function get(){return _QueenofheartsRenderComponent[a]}})});Object.keys(_QueenofheartsService).forEach(function(a){"default"===a||"__esModule"===a||a in exports&&exports[a]===_QueenofheartsService[a]||Object.defineProperty(exports,a,{enumerable:!0,get:function get(){return _QueenofheartsService[a]}})});Object.keys(_backend).forEach(function(a){"default"===a||"__esModule"===a||a in exports&&exports[a]===_backend[a]||Object.defineProperty(exports,a,{enumerable:!0,get:function get(){return _backend[a]}})});Object.keys(_ApiError).forEach(function(a){"default"===a||"__esModule"===a||a in exports&&exports[a]===_ApiError[a]||Object.defineProperty(exports,a,{enumerable:!0,get:function get(){return _ApiError[a]}})});
+"use strict";var te=Object.create;var v=Object.defineProperty,ne=Object.defineProperties,re=Object.getOwnPropertyDescriptor,oe=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertyNames,P=Object.getOwnPropertySymbols,se=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var M=(n,e,t)=>e in n?v(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,b=(n,e)=>{for(var t in e||(e={}))Q.call(e,t)&&M(n,t,e[t]);if(P)for(var t of P(e))ae.call(e,t)&&M(n,t,e[t]);return n},A=(n,e)=>ne(n,oe(e));var F=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),ce=(n,e)=>{for(var t in e)v(n,t,{get:e[t],enumerable:!0})},U=(n,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of ie(e))!Q.call(n,o)&&o!==t&&v(n,o,{get:()=>e[o],enumerable:!(r=re(e,o))||r.enumerable});return n};var B=(n,e,t)=>(t=n!=null?te(se(n)):{},U(e||!n||!n.__esModule?v(t,"default",{value:n,enumerable:!0}):t,n)),le=n=>U(v({},"__esModule",{value:!0}),n);var m=(n,e,t)=>new Promise((r,o)=>{var i=c=>{try{a(t.next(c))}catch(d){o(d)}},s=c=>{try{a(t.throw(c))}catch(d){o(d)}},a=c=>c.done?r(c.value):Promise.resolve(c.value).then(i,s);a((t=t.apply(n,e)).next())});var z=F((Ye,ve)=>{ve.exports={name:"dotenv",version:"16.6.1",description:"Loads environment variables from .env file",main:"lib/main.js",types:"lib/main.d.ts",exports:{".":{types:"./lib/main.d.ts",require:"./lib/main.js",default:"./lib/main.js"},"./config":"./config.js","./config.js":"./config.js","./lib/env-options":"./lib/env-options.js","./lib/env-options.js":"./lib/env-options.js","./lib/cli-options":"./lib/cli-options.js","./lib/cli-options.js":"./lib/cli-options.js","./package.json":"./package.json"},scripts:{"dts-check":"tsc --project tests/types/tsconfig.json",lint:"standard",pretest:"npm run lint && npm run dts-check",test:"tap run --allow-empty-coverage --disable-coverage --timeout=60000","test:coverage":"tap run --show-full-coverage --timeout=60000 --coverage-report=text --coverage-report=lcov",prerelease:"npm test",release:"standard-version"},repository:{type:"git",url:"git://github.com/motdotla/dotenv.git"},homepage:"https://github.com/motdotla/dotenv#readme",funding:"https://dotenvx.com",keywords:["dotenv","env",".env","environment","variables","config","settings"],readmeFilename:"README.md",license:"BSD-2-Clause",devDependencies:{"@types/node":"^18.11.3",decache:"^4.6.2",sinon:"^14.0.1",standard:"^17.0.0","standard-version":"^9.5.0",tap:"^19.2.0",typescript:"^4.8.4"},engines:{node:">=12"},browser:{fs:!1}}});var Z=F((He,h)=>{"use strict";var k=require("fs"),S=require("path"),be=require("os"),Ee=require("crypto"),we=z(),L=we.version,_e=/(?:^|^)\s*(?:export\s+)?([\w.-]+)(?:\s*=\s*?|:\s+?)(\s*'(?:\\'|[^'])*'|\s*"(?:\\"|[^"])*"|\s*`(?:\\`|[^`])*`|[^#\r\n]+)?\s*(?:#.*)?(?:$|$)/mg;function De(n){let e={},t=n.toString();t=t.replace(/\r\n?/mg,`
+`);let r;for(;(r=_e.exec(t))!=null;){let o=r[1],i=r[2]||"";i=i.trim();let s=i[0];i=i.replace(/^(['"`])([\s\S]*)\1$/mg,"$2"),s==='"'&&(i=i.replace(/\\n/g,`
+`),i=i.replace(/\\r/g,"\r")),e[o]=i}return e}function Te(n){n=n||{};let e=G(n);n.path=e;let t=l.configDotenv(n);if(!t.parsed){let s=new Error(`MISSING_DATA: Cannot parse ${e} for an unknown reason`);throw s.code="MISSING_DATA",s}let r=X(n).split(","),o=r.length,i;for(let s=0;s<o;s++)try{let a=r[s].trim(),c=Oe(t,a);i=l.decrypt(c.ciphertext,c.key);break}catch(a){if(s+1>=o)throw a}return l.parse(i)}function Ae(n){console.log(`[dotenv@${L}][WARN] ${n}`)}function _(n){console.log(`[dotenv@${L}][DEBUG] ${n}`)}function W(n){console.log(`[dotenv@${L}] ${n}`)}function X(n){return n&&n.DOTENV_KEY&&n.DOTENV_KEY.length>0?n.DOTENV_KEY:process.env.DOTENV_KEY&&process.env.DOTENV_KEY.length>0?process.env.DOTENV_KEY:""}function Oe(n,e){let t;try{t=new URL(e)}catch(a){if(a.code==="ERR_INVALID_URL"){let c=new Error("INVALID_DOTENV_KEY: Wrong format. Must be in valid uri format like dotenv://:key_1234@dotenvx.com/vault/.env.vault?environment=development");throw c.code="INVALID_DOTENV_KEY",c}throw a}let r=t.password;if(!r){let a=new Error("INVALID_DOTENV_KEY: Missing key part");throw a.code="INVALID_DOTENV_KEY",a}let o=t.searchParams.get("environment");if(!o){let a=new Error("INVALID_DOTENV_KEY: Missing environment part");throw a.code="INVALID_DOTENV_KEY",a}let i=`DOTENV_VAULT_${o.toUpperCase()}`,s=n.parsed[i];if(!s){let a=new Error(`NOT_FOUND_DOTENV_ENVIRONMENT: Cannot locate environment ${i} in your .env.vault file.`);throw a.code="NOT_FOUND_DOTENV_ENVIRONMENT",a}return{ciphertext:s,key:r}}function G(n){let e=null;if(n&&n.path&&n.path.length>0)if(Array.isArray(n.path))for(let t of n.path)k.existsSync(t)&&(e=t.endsWith(".vault")?t:`${t}.vault`);else e=n.path.endsWith(".vault")?n.path:`${n.path}.vault`;else e=S.resolve(process.cwd(),".env.vault");return k.existsSync(e)?e:null}function J(n){return n[0]==="~"?S.join(be.homedir(),n.slice(1)):n}function xe(n){let e=!!(n&&n.debug),t=n&&"quiet"in n?n.quiet:!0;(e||!t)&&W("Loading env from encrypted .env.vault");let r=l._parseVault(n),o=process.env;return n&&n.processEnv!=null&&(o=n.processEnv),l.populate(o,r,n),{parsed:r}}function Ce(n){let e=S.resolve(process.cwd(),".env"),t="utf8",r=!!(n&&n.debug),o=n&&"quiet"in n?n.quiet:!0;n&&n.encoding?t=n.encoding:r&&_("No encoding is specified. UTF-8 is used by default");let i=[e];if(n&&n.path)if(!Array.isArray(n.path))i=[J(n.path)];else{i=[];for(let d of n.path)i.push(J(d))}let s,a={};for(let d of i)try{let p=l.parse(k.readFileSync(d,{encoding:t}));l.populate(a,p,n)}catch(p){r&&_(`Failed to load ${d} ${p.message}`),s=p}let c=process.env;if(n&&n.processEnv!=null&&(c=n.processEnv),l.populate(c,a,n),r||!o){let d=Object.keys(a).length,p=[];for(let R of i)try{let T=S.relative(process.cwd(),R);p.push(T)}catch(T){r&&_(`Failed to load ${R} ${T.message}`),s=T}W(`injecting env (${d}) from ${p.join(",")}`)}return s?{parsed:a,error:s}:{parsed:a}}function Ie(n){if(X(n).length===0)return l.configDotenv(n);let e=G(n);return e?l._configVault(n):(Ae(`You set DOTENV_KEY but you are missing a .env.vault file at ${e}. Did you forget to build it?`),l.configDotenv(n))}function Ne(n,e){let t=Buffer.from(e.slice(-64),"hex"),r=Buffer.from(n,"base64"),o=r.subarray(0,12),i=r.subarray(-16);r=r.subarray(12,-16);try{let s=Ee.createDecipheriv("aes-256-gcm",t,o);return s.setAuthTag(i),`${s.update(r)}${s.final()}`}catch(s){let a=s instanceof RangeError,c=s.message==="Invalid key length",d=s.message==="Unsupported state or unable to authenticate data";if(a||c){let p=new Error("INVALID_DOTENV_KEY: It must be 64 characters long (or more)");throw p.code="INVALID_DOTENV_KEY",p}else if(d){let p=new Error("DECRYPTION_FAILED: Please check your DOTENV_KEY");throw p.code="DECRYPTION_FAILED",p}else throw s}}function Se(n,e,t={}){let r=!!(t&&t.debug),o=!!(t&&t.override);if(typeof e!="object"){let i=new Error("OBJECT_REQUIRED: Please check the processEnv argument being passed to populate");throw i.code="OBJECT_REQUIRED",i}for(let i of Object.keys(e))Object.prototype.hasOwnProperty.call(n,i)?(o===!0&&(n[i]=e[i]),r&&_(o===!0?`"${i}" is already defined and WAS overwritten`:`"${i}" is already defined and was NOT overwritten`)):n[i]=e[i]}var l={configDotenv:Ce,_configVault:xe,_parseVault:Te,config:Ie,decrypt:Ne,parse:De,populate:Se};h.exports.configDotenv=l.configDotenv;h.exports._configVault=l._configVault;h.exports._parseVault=l._parseVault;h.exports.config=l.config;h.exports.decrypt=l.decrypt;h.exports.parse=l.parse;h.exports.populate=l.populate;h.exports=l});var je={};ce(je,{ApiError:()=>g,DatoCMS:()=>w,Filter:()=>Y,QueenofheartsRenderComponent:()=>ue,QueenofheartsService:()=>y,StrapiCMS:()=>D,componentRegistry:()=>f,fetchDynamicComponents:()=>ye,getAllregisteredComponents:()=>H,registerComponent:()=>ge,registerLazyComponent:()=>he,unregisterComponent:()=>me});module.exports=le(je);var j=require("react");var E=require("react/jsx-runtime");function ue(n){let e=y.getInstance(),{data:t,contextProps:r}=n;return t&&e?Array.isArray(t)?(0,E.jsx)(j.Suspense,{fallback:null,children:t.map((o,i)=>e.createComponent({data:o,contextProps:r}))}):(0,E.jsx)(j.Suspense,{fallback:null,children:e.createComponent({data:t,contextProps:r})}):e?(0,E.jsx)("div",{className:"error",children:"QueenofheartsRenderComponent: Invalid data received."}):(0,E.jsx)("div",{children:"QueenofheartsService is not initialized"})}var g=class extends Error{constructor(e,t){super(t.summary),this.name="ApiError",this.status=e,this.body=t}};var N=B(require("react"));var u=require("react/jsx-runtime"),O,x,C,q,I;try{O=require("@mui/material/Accordion").default,x=require("@mui/material/AccordionSummary").default,C=require("@mui/material/AccordionDetails").default,q=require("@mui/material/Paper").default,I=require("@mui/icons-material/ExpandMore").default}catch(n){O=({children:e,style:t})=>(0,u.jsx)("details",{style:t,children:e}),x=({children:e})=>(0,u.jsx)("summary",{children:e}),C=({children:e})=>(0,u.jsx)("div",{style:{paddingLeft:"1em"},children:e}),q=({children:e,style:t})=>(0,u.jsx)("div",{style:A(b({},t),{border:"1px solid #ccc",padding:".5em"}),children:e}),I=()=>(0,u.jsx)("span",{children:"\u25BC"})}function de(n,e,t){return(0,u.jsxs)(O,{style:{width:"100%"},children:[(0,u.jsxs)(x,{style:{padding:0},expandIcon:(0,u.jsx)(I,{}),children:[n,": Array[",e.length,"]"]}),(0,u.jsx)(C,{children:e.map((r,o)=>$("",r,o))})]},`${n}_${t}`)}function fe(n,e,t){return(0,u.jsxs)(O,{style:{width:"100%"},children:[(0,u.jsx)(x,{expandIcon:(0,u.jsx)(I,{}),children:n}),(0,u.jsx)(C,{children:Object.entries(e).map((r,o)=>$(r[0],r[1],o))})]},`${n}_${t}`)}function K(n,e,t){return(0,u.jsxs)("div",{children:[n,": ",`${e}`]},`${n}_${t}`)}function $(n,e,t){var o;if(Array.isArray(e))return de(n,e,t);if(!e||["string","number"].includes(typeof e))return K(n,e,t);if(typeof e=="boolean")return K(n,e?"true":"false",t);let r=`${n?n+": ":""}${(o=e.__typename)!=null?o:"object"}`;return fe(r,e,t)}function V(n){return typeof n.data=="object"?(0,u.jsx)(q,{style:{margin:".5em",width:"calc(100% - 1em)"},children:$("",n.data,1)}):null}var Y=(o=>(o.eq="eq",o.in="in",o.neq="neq",o.notIn="notIn",o))(Y||{}),pe="https://headless.li/api",f={};function me(n){delete f[n]}function ge(n,e,t,r){if(e!==void 0&&(r||f[e]===void 0)){let o={component:n,fieldNames:t};f[e]=o}}function he(n,e,t,r=!1){e?(r||f[e]===void 0)&&(f[e]={fieldNames:t,loader:n}):console.warn("registerComponent failed: undefined typeName ")}function H(){return f}var ye=n=>m(null,null,function*(){let e=y.getInstance(),t=e.findComponentsInProps(n).filter((o,i,s)=>s.indexOf(o)===i);return(yield e.fetchDynamicComponents(t)).filter(o=>o!==null)}),y=class n{constructor(e,t){this.latestUrl="";this.latestData={};this.findComponentsInProps=e=>{if(e&&typeof e!="string"){let t=e.__typename?[e.__typename]:[],r=Array.isArray(e)?e:Object.values(e);return[...t,...r.reduce((i,s)=>{let a=this.findComponentsInProps(s);return a&&(i=[...i,...a]),i},[])]}return[]};this.fetchDynamicComponents=e=>m(this,null,function*(){let t=!1,r=!1,o=Promise.all(e.map(i=>m(this,null,function*(){var s;return f[i]&&f[i].component===void 0?(t=!0,yield this.loadAsyncComponent(i)):(s=f[i])!=null&&s.loader?i:null})));return r=!0,o});this.buildUrl=e=>{var r;return`${(r=this.localServer)!=null?r:pe}/${e}`};this.queryGraphql=e=>m(this,null,function*(){let t=this.buildUrl("execGraphqlQuery");if(console.info(`using url : ${t}`),t){let r=yield fetch(t,{method:"POST",headers:{Authorization:`Bearer ${this.apiToken}`,"Content-Type":"application/json"},body:JSON.stringify({query:e})});if(r.ok){let o=yield r.json();return this.sendDebugEvent(),o}else{let o=yield r.json();throw console.log(o),new g(r.status,o)}}throw new g(500,{id:"99",summary:"queryUrl was not set",details:`LocalServer: ${this.localServer}`})});this.query=(e,t)=>m(this,null,function*(){var i,s;let r=this.buildUrl("execQuery"),o=t!=null&&t.variables?b({},t.variables):{};if(t!=null&&t.locale&&(o.locale=t.locale),t!=null&&t.filter&&Array.isArray(t.filter)&&(o.filter||(o.filter=[]),o.filter.push(...t.filter),(i=t==null?void 0:t.variables)!=null&&i.filter&&Array.isArray(t.variables.filter)&&o.filter.push(...t.variables.filter)),r&&t){let a=yield fetch(r,{headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.apiToken}`},method:"POST",credentials:"include",body:JSON.stringify({queryname:e,variables:o,components:this.getRegisteredComponentsWithFields(),ignoreProperties:t.ignoreProperties,depth:t.depth})});if(a.ok){let c=(s=yield a.json())==null?void 0:s.data,d=this.debug?this.injectIds(c):c;return this.latestData=d,this.sendDebugEvent(),d}else try{let c=yield a.json();throw console.log(c),new g(a.status,c)}catch(c){throw new g(a.status,c.toString())}}else throw new g(500,{id:"99",summary:`Query: queryUrl (${r}) or options are invalid`,details:`queryUrl: ${r}`})});this.getRegisteredComponentsWithFields=()=>{let e={},t=Object.entries(H());return t&&Array.isArray(t)&&t.forEach(([r,o])=>{let i={},s=o.fieldNames,a=!1;s&&Array.isArray(s)&&s.forEach(c=>{i[c]=!0,a=!0}),a?e[r]=i:e[r]={__all:!0}}),e};this.getQueries=()=>m(this,null,function*(){let e=this.buildUrl("queries");if(e){let t=yield fetch(e,{method:"POST",headers:{"Content-Type":"application/json"}});if(t.ok)try{return yield t.json()}catch(r){console.error(r)}}else console.error("api, uri and CMSToken have to be provided");return""});this.apiToken=e,this.localServer=t,this.debug=typeof document!="undefined"&&document.getElementsByTagName("body")[0].classList.contains("qoh-inject-ids"),this.debug&&typeof globalThis.window!="undefined"&&(globalThis.window.addEventListener("QueenOfHearts-RequestData",()=>{this.sendDebugEvent()}),globalThis.window.addEventListener("QueenOfHearts-RequestQueries",()=>{this.sendQueriesEvent()}),globalThis.window.addEventListener("QueenOfHearts-HighlightComponent",(r=>{this.highlightComponent(r.detail)})),globalThis.window.addEventListener("QueenOfHearts-RequestComponentHTML",(r=>{this.sendComponentHTML(r.detail)})))}static init(e,t){n.instance=new n(e,t)}static getInstance(){return n.instance||console.error("QueenofheartsService was not initialized using QueenofheartsService.init(backend, apiToken)"),n.instance}loadAsyncComponent(e){return m(this,null,function*(){let t=f[e];if(t&&t.component===void 0){if(!(t!=null&&t.component)&&t.loader){let r=t.loader,o=yield r();o?f[e].component=o.default:(console.error(`error loading ${e}`),console.error(o))}return e}return null})}createComponent(e){var a;let{data:t,contextProps:r={}}=e,o=t.__typename,i=f[o];i&&i.loader&&(0,N.lazy)(i.loader);let s=(a=i==null?void 0:i.component)!=null?a:V;return N.default.createElement(s,A(b({},t),{contextProps:r}))}injectIds(e){if(Array.isArray(e))e.forEach(t=>this.injectIds(t));else if(e&&typeof e=="object"){if(e.hasOwnProperty("__typename")){let t=Math.random().toString();e.__qohId=t.substr(t.indexOf(".")+1)}Object.keys(e).forEach(t=>e[t]=this.injectIds(e[t]))}return e}sendDebugEvent(){if(typeof window=="undefined")return;let e={registeredComponents:Object.keys(f),url:this.latestUrl,data:this.latestData},t=new CustomEvent("QueenOfHearts-DebuggingData",{detail:e});window.dispatchEvent(t)}sendQueriesEvent(){return m(this,null,function*(){if(typeof window=="undefined")return;let e=new CustomEvent("QueenOfHearts-AvailableQueries",{detail:yield this.getQueries()});window.dispatchEvent(e)})}sendComponentHTML(e){var r;if(typeof window=="undefined")return;let t=(r=document.querySelector(`[qohId='${e}']`))==null?void 0:r.nextElementSibling;if(t){let o=new CustomEvent("QueenOfHearts-SelectedComponentHTML",{detail:{qohId:e,html:t.outerHTML}});window.dispatchEvent(o)}}highlightComponent(e){var i;let t=[{outline:"thick auto white"},{outline:"thick auto red"}],r={duration:1e3,iterations:2},o=(i=document.querySelector(`[qohId='${e}']`))==null?void 0:i.nextElementSibling;o&&o.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),o&&o.animate(t,r)}};var w=class{constructor(e){this.token="";this.uri="https://graphql.datocms.com/";this.token=e}renameSEOMetaTags(e){e.forEach(function(t,r,o){o[r].__typename="SEOMetaTag"})}normalize(e){if(e)return e._seoMetaTags&&this.renameSEOMetaTags(e._seoMetaTags),Object.keys(e).forEach(t=>{Array.isArray(e[t])&&(e[t]=e[t].map(r=>this.normalize(r))),e[t]&&typeof e[t]=="object"&&(e[t]=this.normalize(e[t]))}),e}};var ee=B(Z());ee.default.config();var D=class{constructor(e,t){this.token="";this.uri="";this.token=e,this.uri=t}renameSEOMetaTags(e){e.forEach(function(t,r,o){o[r].__typename="SEOMetaTag"})}normalize(e){return e&&(e._seoMetaTags&&this.renameSEOMetaTags(e._seoMetaTags),Object.keys(e).forEach(t=>{Array.isArray(e[t])&&(e[t]=e[t].map(r=>this.normalize(r))),e[t]&&typeof e[t]=="object"&&(e[t]=this.normalize(e[t]))}),e)}};0&&(module.exports={ApiError,DatoCMS,Filter,QueenofheartsRenderComponent,QueenofheartsService,StrapiCMS,componentRegistry,fetchDynamicComponents,getAllregisteredComponents,registerComponent,registerLazyComponent,unregisterComponent});

package/lib/index.mjs

@@ -0,0 +1,3 @@
+var G=Object.create;var j=Object.defineProperty,Z=Object.defineProperties,ee=Object.getOwnPropertyDescriptor,te=Object.getOwnPropertyDescriptors,ne=Object.getOwnPropertyNames,P=Object.getOwnPropertySymbols,re=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var M=(n,e,t)=>e in n?j(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,v=(n,e)=>{for(var t in e||(e={}))Q.call(e,t)&&M(n,t,e[t]);if(P)for(var t of P(e))oe.call(e,t)&&M(n,t,e[t]);return n},_=(n,e)=>Z(n,te(e));var m=(n=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(n,{get:(e,t)=>(typeof require!="undefined"?require:e)[t]}):n)(function(n){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+n+'" is not supported')});var F=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports);var ie=(n,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of ne(e))!Q.call(n,o)&&o!==t&&j(n,o,{get:()=>e[o],enumerable:!(r=ee(e,o))||r.enumerable});return n};var se=(n,e,t)=>(t=n!=null?G(re(n)):{},ie(e||!n||!n.__esModule?j(t,"default",{value:n,enumerable:!0}):t,n));var g=(n,e,t)=>new Promise((r,o)=>{var i=c=>{try{a(t.next(c))}catch(u){o(u)}},s=c=>{try{a(t.throw(c))}catch(u){o(u)}},a=c=>c.done?r(c.value):Promise.resolve(c.value).then(i,s);a((t=t.apply(n,e)).next())});var K=F((We,me)=>{me.exports={name:"dotenv",version:"16.6.1",description:"Loads environment variables from .env file",main:"lib/main.js",types:"lib/main.d.ts",exports:{".":{types:"./lib/main.d.ts",require:"./lib/main.js",default:"./lib/main.js"},"./config":"./config.js","./config.js":"./config.js","./lib/env-options":"./lib/env-options.js","./lib/env-options.js":"./lib/env-options.js","./lib/cli-options":"./lib/cli-options.js","./lib/cli-options.js":"./lib/cli-options.js","./package.json":"./package.json"},scripts:{"dts-check":"tsc --project tests/types/tsconfig.json",lint:"standard",pretest:"npm run lint && npm run dts-check",test:"tap run --allow-empty-coverage --disable-coverage --timeout=60000","test:coverage":"tap run --show-full-coverage --timeout=60000 --coverage-report=text --coverage-report=lcov",prerelease:"npm test",release:"standard-version"},repository:{type:"git",url:"git://github.com/motdotla/dotenv.git"},homepage:"https://github.com/motdotla/dotenv#readme",funding:"https://dotenvx.com",keywords:["dotenv","env",".env","environment","variables","config","settings"],readmeFilename:"README.md",license:"BSD-2-Clause",devDependencies:{"@types/node":"^18.11.3",decache:"^4.6.2",sinon:"^14.0.1",standard:"^17.0.0","standard-version":"^9.5.0",tap:"^19.2.0",typescript:"^4.8.4"},engines:{node:">=12"},browser:{fs:!1}}});var W=F((Xe,h)=>{"use strict";var k=m("fs"),N=m("path"),ge=m("os"),he=m("crypto"),ye=K(),L=ye.version,ve=/(?:^|^)\s*(?:export\s+)?([\w.-]+)(?:\s*=\s*?|:\s+?)(\s*'(?:\\'|[^'])*'|\s*"(?:\\"|[^"])*"|\s*`(?:\\`|[^`])*`|[^#\r\n]+)?\s*(?:#.*)?(?:$|$)/mg;function be(n){let e={},t=n.toString();t=t.replace(/\r\n?/mg,`
+`);let r;for(;(r=ve.exec(t))!=null;){let o=r[1],i=r[2]||"";i=i.trim();let s=i[0];i=i.replace(/^(['"`])([\s\S]*)\1$/mg,"$2"),s==='"'&&(i=i.replace(/\\n/g,`
+`),i=i.replace(/\\r/g,"\r")),e[o]=i}return e}function Ee(n){n=n||{};let e=J(n);n.path=e;let t=l.configDotenv(n);if(!t.parsed){let s=new Error(`MISSING_DATA: Cannot parse ${e} for an unknown reason`);throw s.code="MISSING_DATA",s}let r=z(n).split(","),o=r.length,i;for(let s=0;s<o;s++)try{let a=r[s].trim(),c=_e(t,a);i=l.decrypt(c.ciphertext,c.key);break}catch(a){if(s+1>=o)throw a}return l.parse(i)}function we(n){console.log(`[dotenv@${L}][WARN] ${n}`)}function E(n){console.log(`[dotenv@${L}][DEBUG] ${n}`)}function H(n){console.log(`[dotenv@${L}] ${n}`)}function z(n){return n&&n.DOTENV_KEY&&n.DOTENV_KEY.length>0?n.DOTENV_KEY:process.env.DOTENV_KEY&&process.env.DOTENV_KEY.length>0?process.env.DOTENV_KEY:""}function _e(n,e){let t;try{t=new URL(e)}catch(a){if(a.code==="ERR_INVALID_URL"){let c=new Error("INVALID_DOTENV_KEY: Wrong format. Must be in valid uri format like dotenv://:key_1234@dotenvx.com/vault/.env.vault?environment=development");throw c.code="INVALID_DOTENV_KEY",c}throw a}let r=t.password;if(!r){let a=new Error("INVALID_DOTENV_KEY: Missing key part");throw a.code="INVALID_DOTENV_KEY",a}let o=t.searchParams.get("environment");if(!o){let a=new Error("INVALID_DOTENV_KEY: Missing environment part");throw a.code="INVALID_DOTENV_KEY",a}let i=`DOTENV_VAULT_${o.toUpperCase()}`,s=n.parsed[i];if(!s){let a=new Error(`NOT_FOUND_DOTENV_ENVIRONMENT: Cannot locate environment ${i} in your .env.vault file.`);throw a.code="NOT_FOUND_DOTENV_ENVIRONMENT",a}return{ciphertext:s,key:r}}function J(n){let e=null;if(n&&n.path&&n.path.length>0)if(Array.isArray(n.path))for(let t of n.path)k.existsSync(t)&&(e=t.endsWith(".vault")?t:`${t}.vault`);else e=n.path.endsWith(".vault")?n.path:`${n.path}.vault`;else e=N.resolve(process.cwd(),".env.vault");return k.existsSync(e)?e:null}function Y(n){return n[0]==="~"?N.join(ge.homedir(),n.slice(1)):n}function De(n){let e=!!(n&&n.debug),t=n&&"quiet"in n?n.quiet:!0;(e||!t)&&H("Loading env from encrypted .env.vault");let r=l._parseVault(n),o=process.env;return n&&n.processEnv!=null&&(o=n.processEnv),l.populate(o,r,n),{parsed:r}}function Te(n){let e=N.resolve(process.cwd(),".env"),t="utf8",r=!!(n&&n.debug),o=n&&"quiet"in n?n.quiet:!0;n&&n.encoding?t=n.encoding:r&&E("No encoding is specified. UTF-8 is used by default");let i=[e];if(n&&n.path)if(!Array.isArray(n.path))i=[Y(n.path)];else{i=[];for(let u of n.path)i.push(Y(u))}let s,a={};for(let u of i)try{let d=l.parse(k.readFileSync(u,{encoding:t}));l.populate(a,d,n)}catch(d){r&&E(`Failed to load ${u} ${d.message}`),s=d}let c=process.env;if(n&&n.processEnv!=null&&(c=n.processEnv),l.populate(c,a,n),r||!o){let u=Object.keys(a).length,d=[];for(let R of i)try{let w=N.relative(process.cwd(),R);d.push(w)}catch(w){r&&E(`Failed to load ${R} ${w.message}`),s=w}H(`injecting env (${u}) from ${d.join(",")}`)}return s?{parsed:a,error:s}:{parsed:a}}function Ae(n){if(z(n).length===0)return l.configDotenv(n);let e=J(n);return e?l._configVault(n):(we(`You set DOTENV_KEY but you are missing a .env.vault file at ${e}. Did you forget to build it?`),l.configDotenv(n))}function Oe(n,e){let t=Buffer.from(e.slice(-64),"hex"),r=Buffer.from(n,"base64"),o=r.subarray(0,12),i=r.subarray(-16);r=r.subarray(12,-16);try{let s=he.createDecipheriv("aes-256-gcm",t,o);return s.setAuthTag(i),`${s.update(r)}${s.final()}`}catch(s){let a=s instanceof RangeError,c=s.message==="Invalid key length",u=s.message==="Unsupported state or unable to authenticate data";if(a||c){let d=new Error("INVALID_DOTENV_KEY: It must be 64 characters long (or more)");throw d.code="INVALID_DOTENV_KEY",d}else if(u){let d=new Error("DECRYPTION_FAILED: Please check your DOTENV_KEY");throw d.code="DECRYPTION_FAILED",d}else throw s}}function xe(n,e,t={}){let r=!!(t&&t.debug),o=!!(t&&t.override);if(typeof e!="object"){let i=new Error("OBJECT_REQUIRED: Please check the processEnv argument being passed to populate");throw i.code="OBJECT_REQUIRED",i}for(let i of Object.keys(e))Object.prototype.hasOwnProperty.call(n,i)?(o===!0&&(n[i]=e[i]),r&&E(o===!0?`"${i}" is already defined and WAS overwritten`:`"${i}" is already defined and was NOT overwritten`)):n[i]=e[i]}var l={configDotenv:Te,_configVault:De,_parseVault:Ee,config:Ae,decrypt:Oe,parse:be,populate:xe};h.exports.configDotenv=l.configDotenv;h.exports._configVault=l._configVault;h.exports._parseVault=l._parseVault;h.exports.config=l.config;h.exports.decrypt=l.decrypt;h.exports.parse=l.parse;h.exports.populate=l.populate;h.exports=l});import{Suspense as U}from"react";import{jsx as D}from"react/jsx-runtime";function je(n){let e=b.getInstance(),{data:t,contextProps:r}=n;return t&&e?Array.isArray(t)?D(U,{fallback:null,children:t.map((o,i)=>e.createComponent({data:o,contextProps:r}))}):D(U,{fallback:null,children:e.createComponent({data:t,contextProps:r})}):e?D("div",{className:"error",children:"QueenofheartsRenderComponent: Invalid data received."}):D("div",{children:"QueenofheartsService is not initialized"})}var y=class extends Error{constructor(e,t){super(t.summary),this.name="ApiError",this.status=e,this.body=t}};import le,{lazy as ue}from"react";import{jsx as p,jsxs as C}from"react/jsx-runtime";var T,A,O,q,x;try{T=m("@mui/material/Accordion").default,A=m("@mui/material/AccordionSummary").default,O=m("@mui/material/AccordionDetails").default,q=m("@mui/material/Paper").default,x=m("@mui/icons-material/ExpandMore").default}catch(n){T=({children:e,style:t})=>p("details",{style:t,children:e}),A=({children:e})=>p("summary",{children:e}),O=({children:e})=>p("div",{style:{paddingLeft:"1em"},children:e}),q=({children:e,style:t})=>p("div",{style:_(v({},t),{border:"1px solid #ccc",padding:".5em"}),children:e}),x=()=>p("span",{children:"\u25BC"})}function ae(n,e,t){return C(T,{style:{width:"100%"},children:[C(A,{style:{padding:0},expandIcon:p(x,{}),children:[n,": Array[",e.length,"]"]}),p(O,{children:e.map((r,o)=>$("",r,o))})]},`${n}_${t}`)}function ce(n,e,t){return C(T,{style:{width:"100%"},children:[p(A,{expandIcon:p(x,{}),children:n}),p(O,{children:Object.entries(e).map((r,o)=>$(r[0],r[1],o))})]},`${n}_${t}`)}function B(n,e,t){return C("div",{children:[n,": ",`${e}`]},`${n}_${t}`)}function $(n,e,t){var o;if(Array.isArray(e))return ae(n,e,t);if(!e||["string","number"].includes(typeof e))return B(n,e,t);if(typeof e=="boolean")return B(n,e?"true":"false",t);let r=`${n?n+": ":""}${(o=e.__typename)!=null?o:"object"}`;return ce(r,e,t)}function V(n){return typeof n.data=="object"?p(q,{style:{margin:".5em",width:"calc(100% - 1em)"},children:$("",n.data,1)}):null}var de=(o=>(o.eq="eq",o.in="in",o.neq="neq",o.notIn="notIn",o))(de||{}),fe="https://headless.li/api",f={};function Ue(n){delete f[n]}function Be(n,e,t,r){if(e!==void 0&&(r||f[e]===void 0)){let o={component:n,fieldNames:t};f[e]=o}}function Ke(n,e,t,r=!1){e?(r||f[e]===void 0)&&(f[e]={fieldNames:t,loader:n}):console.warn("registerComponent failed: undefined typeName ")}function pe(){return f}var Ye=n=>g(null,null,function*(){let e=b.getInstance(),t=e.findComponentsInProps(n).filter((o,i,s)=>s.indexOf(o)===i);return(yield e.fetchDynamicComponents(t)).filter(o=>o!==null)}),b=class n{constructor(e,t){this.latestUrl="";this.latestData={};this.findComponentsInProps=e=>{if(e&&typeof e!="string"){let t=e.__typename?[e.__typename]:[],r=Array.isArray(e)?e:Object.values(e);return[...t,...r.reduce((i,s)=>{let a=this.findComponentsInProps(s);return a&&(i=[...i,...a]),i},[])]}return[]};this.fetchDynamicComponents=e=>g(this,null,function*(){let t=!1,r=!1,o=Promise.all(e.map(i=>g(this,null,function*(){var s;return f[i]&&f[i].component===void 0?(t=!0,yield this.loadAsyncComponent(i)):(s=f[i])!=null&&s.loader?i:null})));return r=!0,o});this.buildUrl=e=>{var r;return`${(r=this.localServer)!=null?r:fe}/${e}`};this.queryGraphql=e=>g(this,null,function*(){let t=this.buildUrl("execGraphqlQuery");if(console.info(`using url : ${t}`),t){let r=yield fetch(t,{method:"POST",headers:{Authorization:`Bearer ${this.apiToken}`,"Content-Type":"application/json"},body:JSON.stringify({query:e})});if(r.ok){let o=yield r.json();return this.sendDebugEvent(),o}else{let o=yield r.json();throw console.log(o),new y(r.status,o)}}throw new y(500,{id:"99",summary:"queryUrl was not set",details:`LocalServer: ${this.localServer}`})});this.query=(e,t)=>g(this,null,function*(){var i,s;let r=this.buildUrl("execQuery"),o=t!=null&&t.variables?v({},t.variables):{};if(t!=null&&t.locale&&(o.locale=t.locale),t!=null&&t.filter&&Array.isArray(t.filter)&&(o.filter||(o.filter=[]),o.filter.push(...t.filter),(i=t==null?void 0:t.variables)!=null&&i.filter&&Array.isArray(t.variables.filter)&&o.filter.push(...t.variables.filter)),r&&t){let a=yield fetch(r,{headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.apiToken}`},method:"POST",credentials:"include",body:JSON.stringify({queryname:e,variables:o,components:this.getRegisteredComponentsWithFields(),ignoreProperties:t.ignoreProperties,depth:t.depth})});if(a.ok){let c=(s=yield a.json())==null?void 0:s.data,u=this.debug?this.injectIds(c):c;return this.latestData=u,this.sendDebugEvent(),u}else try{let c=yield a.json();throw console.log(c),new y(a.status,c)}catch(c){throw new y(a.status,c.toString())}}else throw new y(500,{id:"99",summary:`Query: queryUrl (${r}) or options are invalid`,details:`queryUrl: ${r}`})});this.getRegisteredComponentsWithFields=()=>{let e={},t=Object.entries(pe());return t&&Array.isArray(t)&&t.forEach(([r,o])=>{let i={},s=o.fieldNames,a=!1;s&&Array.isArray(s)&&s.forEach(c=>{i[c]=!0,a=!0}),a?e[r]=i:e[r]={__all:!0}}),e};this.getQueries=()=>g(this,null,function*(){let e=this.buildUrl("queries");if(e){let t=yield fetch(e,{method:"POST",headers:{"Content-Type":"application/json"}});if(t.ok)try{return yield t.json()}catch(r){console.error(r)}}else console.error("api, uri and CMSToken have to be provided");return""});this.apiToken=e,this.localServer=t,this.debug=typeof document!="undefined"&&document.getElementsByTagName("body")[0].classList.contains("qoh-inject-ids"),this.debug&&typeof globalThis.window!="undefined"&&(globalThis.window.addEventListener("QueenOfHearts-RequestData",()=>{this.sendDebugEvent()}),globalThis.window.addEventListener("QueenOfHearts-RequestQueries",()=>{this.sendQueriesEvent()}),globalThis.window.addEventListener("QueenOfHearts-HighlightComponent",(r=>{this.highlightComponent(r.detail)})),globalThis.window.addEventListener("QueenOfHearts-RequestComponentHTML",(r=>{this.sendComponentHTML(r.detail)})))}static init(e,t){n.instance=new n(e,t)}static getInstance(){return n.instance||console.error("QueenofheartsService was not initialized using QueenofheartsService.init(backend, apiToken)"),n.instance}loadAsyncComponent(e){return g(this,null,function*(){let t=f[e];if(t&&t.component===void 0){if(!(t!=null&&t.component)&&t.loader){let r=t.loader,o=yield r();o?f[e].component=o.default:(console.error(`error loading ${e}`),console.error(o))}return e}return null})}createComponent(e){var a;let{data:t,contextProps:r={}}=e,o=t.__typename,i=f[o];i&&i.loader&&ue(i.loader);let s=(a=i==null?void 0:i.component)!=null?a:V;return le.createElement(s,_(v({},t),{contextProps:r}))}injectIds(e){if(Array.isArray(e))e.forEach(t=>this.injectIds(t));else if(e&&typeof e=="object"){if(e.hasOwnProperty("__typename")){let t=Math.random().toString();e.__qohId=t.substr(t.indexOf(".")+1)}Object.keys(e).forEach(t=>e[t]=this.injectIds(e[t]))}return e}sendDebugEvent(){if(typeof window=="undefined")return;let e={registeredComponents:Object.keys(f),url:this.latestUrl,data:this.latestData},t=new CustomEvent("QueenOfHearts-DebuggingData",{detail:e});window.dispatchEvent(t)}sendQueriesEvent(){return g(this,null,function*(){if(typeof window=="undefined")return;let e=new CustomEvent("QueenOfHearts-AvailableQueries",{detail:yield this.getQueries()});window.dispatchEvent(e)})}sendComponentHTML(e){var r;if(typeof window=="undefined")return;let t=(r=document.querySelector(`[qohId='${e}']`))==null?void 0:r.nextElementSibling;if(t){let o=new CustomEvent("QueenOfHearts-SelectedComponentHTML",{detail:{qohId:e,html:t.outerHTML}});window.dispatchEvent(o)}}highlightComponent(e){var i;let t=[{outline:"thick auto white"},{outline:"thick auto red"}],r={duration:1e3,iterations:2},o=(i=document.querySelector(`[qohId='${e}']`))==null?void 0:i.nextElementSibling;o&&o.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),o&&o.animate(t,r)}};var I=class{constructor(e){this.token="";this.uri="https://graphql.datocms.com/";this.token=e}renameSEOMetaTags(e){e.forEach(function(t,r,o){o[r].__typename="SEOMetaTag"})}normalize(e){if(e)return e._seoMetaTags&&this.renameSEOMetaTags(e._seoMetaTags),Object.keys(e).forEach(t=>{Array.isArray(e[t])&&(e[t]=e[t].map(r=>this.normalize(r))),e[t]&&typeof e[t]=="object"&&(e[t]=this.normalize(e[t]))}),e}};var X=se(W());X.default.config();var S=class{constructor(e,t){this.token="";this.uri="";this.token=e,this.uri=t}renameSEOMetaTags(e){e.forEach(function(t,r,o){o[r].__typename="SEOMetaTag"})}normalize(e){return e&&(e._seoMetaTags&&this.renameSEOMetaTags(e._seoMetaTags),Object.keys(e).forEach(t=>{Array.isArray(e[t])&&(e[t]=e[t].map(r=>this.normalize(r))),e[t]&&typeof e[t]=="object"&&(e[t]=this.normalize(e[t]))}),e)}};export{y as ApiError,I as DatoCMS,de as Filter,je as QueenofheartsRenderComponent,b as QueenofheartsService,S as StrapiCMS,f as componentRegistry,Ye as fetchDynamicComponents,pe as getAllregisteredComponents,Be as registerComponent,Ke as registerLazyComponent,Ue as unregisterComponent};

package/package.json

@@ -1,57 +1,69 @@
-{
-  "name": "@qoh/core-react",
-  "description": "Queen of hearts Core API",
-  "version": "0.0.6",
-  "license": "MIT",
-  "main": "lib/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "files": [
-    "/lib",
-    "/*.md"
-  ],
-  "scripts": {
-    "test": "jest --passWithNoTests",
-    "build:prod": "babel src --out-dir lib --extensions \".ts,.tsx\" --presets minify",
-    "build": "npm run build:types && npm run build:dev",
-    "build:dev": "babel src --out-dir lib --extensions \".ts,.tsx\"",
-    "build:types": "tsc --project tsconfig.json"
-  },
-  "dependencies": {
-    "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.4",
-    "@mui/icons-material": "^5.11.16",
-    "babel-plugin-transform-scss": "^1.2.0",
-    "cross-env": "^7.0.3",
-    "mobx": "^6.3.0",
-    "mobx-react": "^7.1.0",
-    "uuid": "^9.0.0"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/plugin-proposal-decorators": "^7.14.2",
-    "@babel/plugin-transform-runtime": "^7.21.0",
-    "@babel/preset-env": "^7.14.7",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@mui/material": "^5.11.16",
-    "@types/react": "^18.0.33",
-    "babel-jest": "^26.6.3",
-    "babel-plugin-import": "^1.13.8",
-    "babel-plugin-transform-react-jsx": "^6.24.1",
-    "babel-preset-minify": "^0.5.2",
-    "decamelize": "^1.2.0",
-    "i": "^0.3.7",
-    "identity-obj-proxy": "^3.0.0",
-    "is-ci": "^2.0.0",
-    "jest": "^26.6.3",
-    "npm": "^9.6.4",
-    "typescript": "^4.9.5",
-    "which-module": "^2.0.0"
-  },
-  "jest": {
-    "transform": {
-      "^.+\\.[t|j]sx?$": "babel-jest"
-    }
-  }
+{
+  "name": "@qoh/core-react",
+  "description": "Queen of hearts Core React API",
+  "version": "1.0.0-rc.10",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "lib/index.mjs",
+  "types": "lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.mjs",
+      "require": "./lib/index.js"
+    }
+  },
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "scripts": {
+    "test": "jest --passWithNoTests",
+    "build:prod": "tsup src/index.tsx --format esm,cjs --dts --minify --clean --out-dir lib",
+    "build": "npm run build:prod",
+    "build:dev": "tsup src/index.ts --format esm,cjs --dts --clean --out-dir lib",
+    "prepublishOnly": "npm run build:prod",
+    "release": "npm publish --access public"
+  },
+  "peerDependencies": {
+    "@mui/icons-material": "^5.16.7 || ^6.0.0",
+    "@mui/material": "^5.16.7 || ^6.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": " ^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@mui/icons-material": {
+      "optional": true
+    },
+    "@mui/material": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@types/jest": "^29.5.14",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "cross-env": "^7.0.3",
+    "dotenv": "^16.4.5",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "next": "^16.2.4",
+    "prettier": "^3.3.3",
+    "ts-jest": "^29.1.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "testEnvironment": "jsdom",
+    "testPathIgnorePatterns": [
+      "<rootDir>/.next/",
+      "<rootDir>/node_modules/"
+    ],
+    "moduleNameMapper": {
+      "\\.(css|less|scss|sass)$": "identity-obj-proxy"
+    }
+  }
 }

package/CHANGELOG.md

@@ -1,5 +0,0 @@
-# **0.0.1** feature parity _(2023-03-20)_
-
-#### changes:
-
-- use the same features and names as the angular version

package/lib/ApiError.d.ts

@@ -1,11 +0,0 @@
-type Body = {
-    id: string;
-    summary: string;
-    details: string;
-};
-export declare class ApiError extends Error {
-    status: number;
-    body: Body;
-    constructor(status: number, body: Body);
-}
-export {};

package/lib/ApiError.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiError=void 0;var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")),_inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits")),_possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")),_getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")),_wrapNativeSuper2=_interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));function _createSuper(a){var b=_isNativeReflectConstruct();return function(){var c,d=(0,_getPrototypeOf2["default"])(a);if(b){var e=(0,_getPrototypeOf2["default"])(this).constructor;c=Reflect.construct(d,arguments,e)}else c=d.apply(this,arguments);return(0,_possibleConstructorReturn2["default"])(this,c)}}function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(a){return!1}}var ApiError=exports.ApiError=/*#__PURE__*/function(a){function b(a,d){var e;return(0,_classCallCheck2["default"])(this,b),e=c.call(this,d.summary),(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(e),"status",void 0),(0,_defineProperty2["default"])((0,_assertThisInitialized2["default"])(e),"body",void 0),e.name="ApiError",e.status=a,e.body=d,e}(0,_inherits2["default"])(b,a);var c=_createSuper(b);return(0,_createClass2["default"])(b)}(/*#__PURE__*/(0,_wrapNativeSuper2["default"])(Error));

package/lib/QueenofheartsService.d.ts

@@ -1,68 +0,0 @@
-export interface IFCDictionary {
-    [index: string]: ReactFCWithFieldNames;
-}
-export interface ReactFCWithFieldNames {
-    component?: React.FC<any>;
-    fieldNames?: string[];
-    loader?: () => () => any;
-}
-export declare let componentRegistry: IFCDictionary;
-export declare function unregisterComponent(name: string): void;
-export declare function registerComponent(functionalComponent: React.FC<any>, typeName: string, fieldNames?: string[]): void;
-export declare function registerLazyComponent(loader: () => any, typeName: string, fieldNames?: string[]): void;
-export declare function getAllregisteredComponents(): IFCDictionary;
-import React from 'react';
-import Backend from './backend/Backend';
-export declare enum Filter {
-    eq = "eq",
-    in = "in",
-    neq = "neq",
-    notIn = "notIn"
-}
-export interface QohResponse {
-    pages: any | null;
-    message: string;
-}
-export declare class QueenofheartsService {
-    private static instance;
-    data: any;
-    debug: boolean;
-    backend: Backend;
-    apiToken: string | null;
-    localServer?: string;
-    latestUrl: string;
-    latestData: Object;
-    private constructor();
-    static init(backend: Backend, apiToken: string, localServer?: string): void;
-    static getInstance(): QueenofheartsService;
-    createComponent(props: any): JSX.Element | null;
-    private buildUrl;
-    queryGraphql: (graphqlQuery: string) => Promise<any>;
-    query: (queryName: string, options?: {
-        filter?: {
-            name: string;
-            operator: Filter;
-            value: string;
-        }[] | undefined;
-        components?: string | undefined;
-        ignoreProperties?: string[] | undefined;
-        variables?: {
-            [x: string]: unknown;
-            filter?: {
-                name: string;
-                operator: Filter;
-                value: string;
-            }[] | undefined;
-            locale?: string | undefined;
-        } | undefined;
-        locale?: string | undefined;
-        depth?: number | undefined;
-    } | undefined) => Promise<any>;
-    private getRegisteredComponentsWithFields;
-    getQueries: () => Promise<any>;
-    private injectIds;
-    private sendDebugEvent;
-    private sendQueriesEvent;
-    private sendComponentHTML;
-    private highlightComponent;
-}

package/lib/QueenofheartsService.js

@@ -1,5 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRegistry=exports.QueenofheartsService=exports.Filter=void 0,exports.getAllregisteredComponents=getAllregisteredComponents,exports.registerComponent=registerComponent,exports.registerLazyComponent=registerLazyComponent,exports.unregisterComponent=unregisterComponent;var _QueenofheartsService,_regenerator=_interopRequireDefault(require("@babel/runtime/regenerator")),_typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof")),_slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")),_toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray")),_asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator")),_classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),_ApiError=require("./ApiError"),_react=_interopRequireDefault(require("react")),_Dodo=_interopRequireDefault(require("./components/Dodo"));function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){(0,_defineProperty2["default"])(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}var qohUri="https://qoh.azurewebsites.net/api",componentRegistry=exports.componentRegistry={};function unregisterComponent(a){delete componentRegistry[a]}function registerComponent(a,b,c){if(b!==void 0&&void 0===componentRegistry[b]){componentRegistry[b]={component:a,fieldNames:c}}}function registerLazyComponent(a,b,c){!b?console.warn("registerComponent failed: undefined typeName "):componentRegistry[b]===void 0?componentRegistry[b]={fieldNames:c,loader:a}:console.warn("registerComponent failed for ".concat(b," : already defined as ").concat(componentRegistry[b]))}function getAllregisteredComponents(){return componentRegistry}//TODO: remove????
-var Filter=exports.Filter=/*#__PURE__*/function(a){return a.eq="eq",a["in"]="in",a.neq="neq",a.notIn="notIn",a}({}),QueenofheartsService=exports.QueenofheartsService=/*#__PURE__*/function(){function a(b,c,d){var e=this;(0,_classCallCheck2["default"])(this,a),(0,_defineProperty2["default"])(this,"data",void 0),(0,_defineProperty2["default"])(this,"debug",void 0),(0,_defineProperty2["default"])(this,"backend",void 0),(0,_defineProperty2["default"])(this,"apiToken",void 0),(0,_defineProperty2["default"])(this,"localServer",void 0),(0,_defineProperty2["default"])(this,"latestUrl",""),(0,_defineProperty2["default"])(this,"latestData",{}),(0,_defineProperty2["default"])(this,"buildUrl",function(a){//use Azure function
-if(e.apiToken){var b;return"".concat(null!==(b=e.localServer)&&void 0!==b?b:qohUri,"/").concat(a,"?code=").concat(e.apiToken)}//use localServer (API token not provided)
-return""==e.apiToken?"".concat(e.localServer,"/").concat(a):null}),(0,_defineProperty2["default"])(this,"queryGraphql",/*#__PURE__*/function(){var a=(0,_asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function b(a){var c,d,f,g;return _regenerator["default"].wrap(function(b){for(;;)switch(b.prev=b.next){case 0:if(c=e.buildUrl("execGraphqlQuery"),!c){b.next=18;break}return b.next=4,fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({uri:e.backend.uri,query:a,token:e.backend.token})});case 4:if(d=b.sent,!d.ok){b.next=13;break}return b.next=8,d.json();case 8:return f=b.sent,e.sendDebugEvent(),b.abrupt("return",f);case 13:return b.next=15,d.json();case 15:throw g=b.sent,console.log(g),new _ApiError.ApiError(d.status,g);case 18:throw new _ApiError.ApiError(500,{id:"99",summary:"queryUrl was not set",details:"LocalServer: ".concat(e.localServer)});case 19:case"end":return b.stop()}},b)}));return function(){return a.apply(this,arguments)}}()),(0,_defineProperty2["default"])(this,"query",/*#__PURE__*/function(){var a=(0,_asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function c(a,b){var d,f,g,h,i,j,k,l,m,n,o;return _regenerator["default"].wrap(function(c){for(;;)switch(c.prev=c.next){case 0:if(d=e.buildUrl("execQuery"),f=null!==b&&void 0!==b&&b.variables?_objectSpread({},b.variables):{},null!==b&&void 0!==b&&b.locale&&(f.locale=b.locale),null!==b&&void 0!==b&&b.filter&&Array.isArray(b.filter)&&(!f.filter&&(f.filter=[]),(g=f.filter).push.apply(g,(0,_toConsumableArray2["default"])(b.filter)),null!==b&&void 0!==b&&null!==(h=b.variables)&&void 0!==h&&h.filter&&Array.isArray(b.variables.filter)&&(i=f.filter).push.apply(i,(0,_toConsumableArray2["default"])(b.variables.filter))),!d||!b){c.next=35;break}return c.next=7,fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({uri:e.backend.uri,queryname:a,token:e.backend.token,variables:f,components:e.getRegisteredComponentsWithFields(),ignoreProperties:b.ignoreProperties,depth:b.depth})});case 7:if(j=c.sent,!j.ok){c.next=28;break}return c.next=11,j.json();case 11:if(c.t1=k=c.sent,c.t0=null===c.t1,c.t0){c.next=15;break}c.t0=void 0===k;case 15:if(!c.t0){c.next=19;break}c.t2=void 0,c.next=20;break;case 19:c.t2=k.data;case 20:return l=c.t2,m=e.backend.normalize(l),n=e.debug?e.injectIds(m):m,e.latestData=n,e.sendDebugEvent(),c.abrupt("return",n);case 28:return c.next=30,j.json();case 30:throw o=c.sent,console.log(o),new _ApiError.ApiError(j.status,o);case 33:c.next=36;break;case 35:throw new _ApiError.ApiError(500,{id:"99",summary:"Query: queryUrl or options are invalid",details:""});case 36:case"end":return c.stop()}},c)}));return function(){return a.apply(this,arguments)}}()),(0,_defineProperty2["default"])(this,"getRegisteredComponentsWithFields",function(){var a={},b=Object.entries(getAllregisteredComponents());return b&&Array.isArray(b)&&b.forEach(function(b){var c=(0,_slicedToArray2["default"])(b,2),d=c[0],e=c[1],f={},g=e.fieldNames,h=!1;g&&Array.isArray(g)&&g.forEach(function(a){f[a]=!0,h=!0}),a[d]=h?f:{__all:!0}}),a}),(0,_defineProperty2["default"])(this,"getQueries",/*#__PURE__*/(0,_asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function a(){var b,c,d;return _regenerator["default"].wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(b=e.buildUrl("queries"),!(b&&e.backend&&(e.localServer||e.backend.token))){a.next=18;break}return a.next=4,fetch(b,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({uri:e.backend.uri,token:e.backend.token||null})});case 4:if(c=a.sent,!c.ok){a.next=16;break}return a.prev=6,a.next=9,c.json();case 9:return d=a.sent,a.abrupt("return",d);case 13:a.prev=13,a.t0=a["catch"](6),console.error(a.t0);case 16:a.next=19;break;case 18:console.error("api, uri and CMSToken have to be provided");case 19:return a.abrupt("return","");case 20:case"end":return a.stop()}},a,null,[[6,13]])}))),this.backend=b,this.apiToken=c?c:null,this.localServer=d,this.debug="undefined"!=typeof document&&document.getElementsByTagName("body")[0].classList.contains("qoh-inject-ids"),this.debug&&"undefined"!=typeof window&&(window.addEventListener("QueenOfHearts-RequestData",function(){e.sendDebugEvent()}),window.addEventListener("QueenOfHearts-RequestQueries",function(){e.sendQueriesEvent()}),window.addEventListener("QueenOfHearts-HighlightComponent",function(a){e.highlightComponent(a.detail)}),window.addEventListener("QueenOfHearts-RequestComponentHTML",function(a){e.sendComponentHTML(a.detail)}))}return(0,_createClass2["default"])(a,[{key:"createComponent",value:function createComponent(a){var b,c;//console.log('create component : ' + props.data.__typename);
-if(componentRegistry[a.data.__typename]&&!componentRegistry[a.data.__typename].component){var d,e;console.log("loading component : "+a.data.__typename);var f=null===(d=componentRegistry[a.data.__typename])||void 0===d?void 0:d.loader;null!==(e=componentRegistry[a.data.__typename])&&void 0!==e&&e.component||(componentRegistry[a.data.__typename].component=f&&f())}var g=null!==(b=null===(c=componentRegistry[a.data.__typename])||void 0===c?void 0:c.component)&&void 0!==b?b:_Dodo["default"];return/*#__PURE__*/_react["default"].createElement(g,_objectSpread(_objectSpread({},a),a.data))}},{key:"injectIds",value:function injectIds(a){var b=this;if(Array.isArray(a))a.forEach(function(a){return b.injectIds(a)});else if(a&&"object"===(0,_typeof2["default"])(a)){if(a.hasOwnProperty("__typename")){var c=Math.random().toString();a.__qohId=c.substr(c.indexOf(".")+1)}Object.keys(a).forEach(function(c){return a[c]=b.injectIds(a[c])})}return a}},{key:"sendDebugEvent",value:function sendDebugEvent(){if("undefined"!=typeof window){var a={registeredComponents:Object.keys(componentRegistry),url:this.latestUrl,data:this.latestData},b=new CustomEvent("QueenOfHearts-DebuggingData",{detail:a});window.dispatchEvent(b)}}},{key:"sendQueriesEvent",value:function(){function a(){return b.apply(this,arguments)}var b=(0,_asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function a(){var b;return _regenerator["default"].wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if("undefined"!=typeof window){a.next=2;break}return a.abrupt("return");case 2:return a.t0=CustomEvent,a.next=5,this.getQueries();case 5:a.t1=a.sent,a.t2={detail:a.t1},b=new a.t0("QueenOfHearts-AvailableQueries",a.t2),window.dispatchEvent(b);case 9:case"end":return a.stop()}},a,this)}));return a}()},{key:"sendComponentHTML",value:function sendComponentHTML(a){var b;if("undefined"!=typeof window){var c=null===(b=document.querySelector("[qohId='".concat(a,"']")))||void 0===b?void 0:b.nextElementSibling;if(c){var d=new CustomEvent("QueenOfHearts-SelectedComponentHTML",{detail:{qohId:a,html:c.outerHTML}});window.dispatchEvent(d)}}}},{key:"highlightComponent",value:function highlightComponent(a){var b,c=null===(b=document.querySelector("[qohId='".concat(a,"']")))||void 0===b?void 0:b.nextElementSibling;c&&c.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),c&&c.animate([{outline:"thick auto white"},{outline:"thick auto red"}],{duration:1e3,iterations:2})}}],[{key:"init",value:function init(b,c,d){a.instance=new a(b,c,d)}},{key:"getInstance",value:function getInstance(){return a.instance||console.error("QueenofheartsService was not initializes using QueenofheartsService.init(backend, apiToken)"),a.instance}}]),a}();_QueenofheartsService=QueenofheartsService,(0,_defineProperty2["default"])(QueenofheartsService,"instance",void 0);

package/lib/backend/Backend.d.ts

@@ -1,5 +0,0 @@
-export default interface Backend {
-    token: string;
-    uri: string;
-    normalize(data: any): any;
-}

package/lib/backend/Backend.js

@@ -1 +0,0 @@
-"use strict";

package/lib/backend/DatoCMS.d.ts

@@ -1,8 +0,0 @@
-import Backend from './Backend';
-export default class DatoCMS implements Backend {
-    token: string;
-    uri: string;
-    constructor(token: string);
-    renameSEOMetaTags(props: any): void;
-    normalize(data: any): any;
-}

package/lib/backend/DatoCMS.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof")),_classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),DatoCMS=exports["default"]=/*#__PURE__*/function(){function a(b){(0,_classCallCheck2["default"])(this,a),(0,_defineProperty2["default"])(this,"token",""),(0,_defineProperty2["default"])(this,"uri","https://graphql.datocms.com/"),this.token=b}return(0,_createClass2["default"])(a,[{key:"renameSEOMetaTags",value:function renameSEOMetaTags(a){a.forEach(function(a,b,c){c[b].__typename="SEOMetaTag"})}},{key:"normalize",value:function normalize(a){var b=this;return a._seoMetaTags&&this.renameSEOMetaTags(a._seoMetaTags),Object.keys(a).forEach(function(c){Array.isArray(a[c])&&(a[c]=a[c].map(function(a){return b.normalize(a)})),!a[c]||"object"!==(0,_typeof2["default"])(a[c])||(a[c]=b.normalize(a[c]))}),a}}]),a}();

package/lib/backend/StrapiCMS.d.ts

@@ -1,8 +0,0 @@
-import Backend from './Backend';
-export default class StrapiCMS implements Backend {
-    token: string;
-    uri: string;
-    constructor(token: string, strapiUrl: string);
-    renameSEOMetaTags(props: any): void;
-    normalize(data: any): any;
-}

package/lib/backend/StrapiCMS.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof")),_classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),_dotenv=_interopRequireDefault(require("dotenv"));_dotenv["default"].config();var StrapiCMS=exports["default"]=/*#__PURE__*/function(){function a(b,c){(0,_classCallCheck2["default"])(this,a),(0,_defineProperty2["default"])(this,"token",""),(0,_defineProperty2["default"])(this,"uri",""),this.token=b,this.uri=c}return(0,_createClass2["default"])(a,[{key:"renameSEOMetaTags",value:function renameSEOMetaTags(a){a.forEach(function(a,b,c){c[b].__typename="SEOMetaTag"})}},{key:"normalize",value:function normalize(a){var b=this;return a?(a._seoMetaTags&&this.renameSEOMetaTags(a._seoMetaTags),Object.keys(a).forEach(function(c){Array.isArray(a[c])&&(a[c]=a[c].map(function(a){return b.normalize(a)})),!a[c]||"object"!==(0,_typeof2["default"])(a[c])||(a[c]=b.normalize(a[c]))}),a):a}}]),a}();

package/lib/backend/index.d.ts

@@ -1,3 +0,0 @@
-import DatoCMS from './DatoCMS';
-import StrapiCMS from './StrapiCMS';
-export { DatoCMS, StrapiCMS };

package/lib/backend/index.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DatoCMS",{enumerable:!0,get:function get(){return _DatoCMS["default"]}}),Object.defineProperty(exports,"StrapiCMS",{enumerable:!0,get:function get(){return _StrapiCMS["default"]}});var _DatoCMS=_interopRequireDefault(require("./DatoCMS")),_StrapiCMS=_interopRequireDefault(require("./StrapiCMS"));

package/lib/components/Dodo.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function DodoComponent(props: any): JSX.Element | null;

package/lib/components/Dodo.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_typeof3=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=DodoComponent;var _Paper2=_interopRequireDefault(require("@mui/material/Paper")),_typeof2=_interopRequireDefault(require("@babel/runtime/helpers/typeof")),_Accordion2=_interopRequireDefault(require("@mui/material/Accordion")),_AccordionDetails2=_interopRequireDefault(require("@mui/material/AccordionDetails")),_AccordionSummary2=_interopRequireDefault(require("@mui/material/AccordionSummary")),React=_interopRequireWildcard(require("react")),_ExpandMore=_interopRequireDefault(require("@mui/icons-material/ExpandMore"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=_typeof3(b)&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&Object.prototype.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e["default"]=b,d&&d.set(b,e),e}function renderArray(a,b,c){return/*#__PURE__*/React.createElement(_Accordion2["default"],{key:"".concat(a,"_").concat(c),style:{width:"100%"}},/*#__PURE__*/React.createElement(_AccordionSummary2["default"],{style:{padding:0},expandIcon:/*#__PURE__*/React.createElement(_ExpandMore["default"],null)},a,": Array[",b.length,"]"),/*#__PURE__*/React.createElement(_AccordionDetails2["default"],null,b.map(function(a,b){return renderData("",a,b)})))}function renderObject(a,b,c){return/*#__PURE__*/React.createElement(_Accordion2["default"],{key:"".concat(a,"_").concat(c),style:{width:"100%"}},/*#__PURE__*/React.createElement(_AccordionSummary2["default"],{expandIcon:/*#__PURE__*/React.createElement(_ExpandMore["default"],null)},a),/*#__PURE__*/React.createElement(_AccordionDetails2["default"],null,Object.entries(b).map(function(a,b){return renderData(a[0],a[1],b)})))}function renderSimple(a,b,c){return/*#__PURE__*/React.createElement("div",{key:"".concat(a,"_").concat(c)},a,": ","".concat(b))}function renderData(a,b,c){var d;if(Array.isArray(b))return renderArray(a,b,c);if(!b||["string","number"].includes((0,_typeof2["default"])(b)))return renderSimple(a,b,c);if("boolean"==typeof b)return renderSimple(a,b?"true":"false",c);var e="".concat(a?a+": ":"").concat(null!==(d=b.__typename)&&void 0!==d?d:"object");return renderObject(e,b,c)}function DodoComponent(a){return"object"===(0,_typeof2["default"])(a.data)?/*#__PURE__*/React.createElement(_Paper2["default"],{style:{margin:".5em",width:"calc(100% - 1em)"}},renderData("",a.data,1)):null}

package/lib/components/QueenofheartsRenderComponent.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function QueenofheartsRenderComponent(props: any): JSX.Element | null;

package/lib/components/QueenofheartsRenderComponent.js

@@ -1 +0,0 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.QueenofheartsRenderComponent=QueenofheartsRenderComponent;var _index=require("../index"),_react=_interopRequireDefault(require("react"));function QueenofheartsRenderComponent(a){if(a.data&&_index.QueenofheartsService.getInstance())return Array.isArray(a.data)?/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment,null,a.data.map(function(a,b){return _index.QueenofheartsService.getInstance().createComponent({data:a,key:b})})):_index.QueenofheartsService.getInstance().createComponent(a);return _index.QueenofheartsService.getInstance()?/*#__PURE__*/_react["default"].createElement("div",null,"QueenofheartsRenderComponent: Invalid Data received"):/*#__PURE__*/_react["default"].createElement("div",null,"QueenofheartsService is not initialised")}

package/lib/declaration.d.js

@@ -1 +0,0 @@
-"use strict";