@enonic/nextjs-adapter 3.3.0-B1 → 3.3.0-B2

package/dist/i18n/LocaleContext.jsx

@@ -0,0 +1,50 @@
+'use client';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { createContext, useContext, useEffect, useState } from 'react';
+import { getPhrase, loadPhrases } from './i18n';
+const LocaleContext = createContext({
+    dictionary: {},
+    locale: '',
+    localize: (key, ...args) => key,
+    setLocale: (locale) => Promise.resolve({})
+});
+export const useLocaleContext = () => useContext(LocaleContext);
+export const LocaleContextProvider = ({ children, locale: localeProps = '' }) => {
+    const [currentLocale, setLocaleState] = useState(localeProps);
+    const [dictionary, setPhrasesState] = useState({});
+    const [isLoaded, setLoadedState] = useState(false);
+    const setLocale = (locale) => __awaiter(void 0, void 0, void 0, function* () {
+        setLocaleState(locale);
+        setLoadedState(false);
+        return loadPhrases(locale).then((phrases) => {
+            setPhrasesState(phrases);
+            setLoadedState(true);
+            return phrases;
+        });
+    });
+    useEffect(() => {
+        if (localeProps) {
+            void setLocale(localeProps); // void to avoid @typescript-eslint/no-floating-promises
+        }
+    }, []);
+    const localize = (key, ...args) => {
+        return isLoaded ? getPhrase(currentLocale, dictionary, key, ...args) : key;
+    };
+    return (<LocaleContext.Provider value={{
+            setLocale,
+            locale: currentLocale,
+            dictionary,
+            localize
+        }}>
+            {children}
+        </LocaleContext.Provider>);
+};
+//# sourceMappingURL=LocaleContext.jsx.map

package/dist/i18n/LocaleContext.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleContext.jsx","sourceRoot":"","sources":["../../src/i18n/LocaleContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;AAGb,OAAO,KAAK,EAAE,EAAC,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAC,SAAS,EAAE,WAAW,EAAC,MAAM,QAAQ,CAAC;AAG9C,MAAM,aAAa,GAAG,aAAa,CAAoB;IACnD,UAAU,EAAE,EAAE;IACd,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,CAAC,GAAW,EAAE,GAAG,IAAW,EAAE,EAAE,CAAC,GAAG;IAC9C,SAAS,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;CACrD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,QAAQ,EACR,MAAM,EAAE,WAAW,GAAG,EAAE,EAI3B,EAAE,EAAE;IACD,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC9D,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAO,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,CAAO,MAAc,EAAiB,EAAE;QACtD,cAAc,CAAC,MAAM,CAAC,CAAC;QACvB,cAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YACxC,eAAe,CAAC,OAAO,CAAC,CAAC;YACzB,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,OAAO,CAAC;QACnB,CAAC,CAAC,CAAC;IACP,CAAC,CAAA,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,WAAW,EAAE,CAAC;YACd,KAAK,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,wDAAwD;QACzF,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,GAAG,IAAW,EAAE,EAAE;QAC7C,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/E,CAAC,CAAC;IAEF,OAAO,CACH,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC3B,SAAS;YACT,MAAM,EAAE,aAAa;YACrB,UAAU;YACV,QAAQ;SACX,CAAC,CACE;YAAA,CAAC,QAAQ,CACb;QAAA,EAAE,aAAa,CAAC,QAAQ,CAAC,CAC5B,CAAC;AACN,CAAC,CAAC"}

package/dist/i18n/i18n.d.ts

@@ -0,0 +1,12 @@
+import type { Dict } from '../types';
+export declare class I18n {
+    private static locale;
+    private static dictionary;
+    private static isLoaded;
+    static setLocale(locale: string): Promise<Dict>;
+    static localize(key: string, ...args: any[]): string;
+    static getLocale(): string;
+    static getDictionary(): Dict;
+}
+export declare const loadPhrases: (locale: string) => Promise<Dict>;
+export declare const getPhrase: (locale: string, dict: Dict, key: string, ...args: any[]) => string;

package/dist/i18n/i18n.js

@@ -0,0 +1,59 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export class I18n {
+    static setLocale(locale) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.locale = locale;
+            this.isLoaded = false;
+            return loadPhrases(locale).then((phrases) => {
+                this.dictionary = phrases;
+                this.isLoaded = true;
+                return phrases;
+            });
+        });
+    }
+    static localize(key, ...args) {
+        return this.isLoaded ? getPhrase(this.locale, this.dictionary, key, ...args) : key;
+    }
+    static getLocale() {
+        return this.locale;
+    }
+    static getDictionary() {
+        return this.dictionary;
+    }
+}
+I18n.locale = '';
+I18n.dictionary = {};
+I18n.isLoaded = false;
+export const loadPhrases = (locale) => __awaiter(void 0, void 0, void 0, function* () {
+    return import(`@phrases/${locale}.json`)
+        .then((module) => module.default)
+        .catch((e) => {
+        console.error(`Failed to load phrases for locale "${locale}"`, e);
+        return {};
+    });
+});
+export const getPhrase = (locale, dict, key, ...args) => {
+    const template = dict[key];
+    if (!template) {
+        console.warn(`Missing localization phrase for locale "${locale}": <${key}>`);
+        return `<${key}>`;
+    }
+    if (args.length) {
+        let index = -1;
+        return template.replace(/{(\d+)?}/g, (match, digit) => {
+            var _a;
+            index++;
+            return (_a = args[digit || index]) !== null && _a !== void 0 ? _a : match;
+        });
+    }
+    return template;
+};
+//# sourceMappingURL=i18n.js.map

package/dist/i18n/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":";;;;;;;;;AAGA,MAAM,OAAO,IAAI;IAKN,MAAM,CAAO,SAAS,CAAC,MAAc;;YACxC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YAEtB,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;gBAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,OAAO,OAAO,CAAC;YACnB,CAAC,CAAC,CAAC;QACP,CAAC;KAAA;IAEM,MAAM,CAAC,QAAQ,CAAC,GAAW,EAAE,GAAG,IAAW;QAC9C,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACvF,CAAC;IAEM,MAAM,CAAC,SAAS;QACnB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAEM,MAAM,CAAC,aAAa;QACvB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;;AAzBc,WAAM,GAAG,EAAE,CAAC;AACZ,eAAU,GAAS,EAAE,CAAC;AACtB,aAAQ,GAAG,KAAK,CAAC;AA0BpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAO,MAAc,EAAiB,EAAE;IAC/D,OAAO,MAAM,CAAC,YAAY,MAAM,OAAO,CAAC;SACnC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;SAChC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,OAAO,CAAC,KAAK,CAAC,sCAAsC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC;QAClE,OAAO,EAAE,CAAC;IACd,CAAC,CAAC,CAAC;AACX,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,IAAU,EAAE,GAAW,EAAE,GAAG,IAAW,EAAE,EAAE;IACjF,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,CAAC,IAAI,CAAC,2CAA2C,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC;QAC7E,OAAO,IAAI,GAAG,GAAG,CAAC;IACtB,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;QACf,OAAO,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;;YAClD,KAAK,EAAE,CAAC;YACR,OAAO,MAAA,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,mCAAI,KAAK,CAAC;QACzC,CAAC,CAAC,CAAC;IACP,CAAC;IACD,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+export { APP_NAME, APP_NAME_DASHED, APP_NAME_UNDERSCORED, IS_DEV_MODE } from './common/env';
+export type * from './types';
+export { ComponentRegistry } from './common/ComponentRegistry';
+export { CATCH_ALL, JSESSIONID_HEADER, PORTAL_COMPONENT_ATTRIBUTE, PORTAL_REGION_ATTRIBUTE, PROJECT_ID_HEADER, RENDER_MODE, RENDER_MODE_HEADER, XP_BASE_URL_HEADER, XP_COMPONENT_TYPE, XP_REQUEST_TYPE } from './common/constants';
+export { richTextQuery } from './guillotine/metadata/richTextQuery';
+export { validateData } from './guillotine/validateData';
+export { I18n } from './i18n/i18n';
+export { getContentApiUrl } from './utils/getContentApiUrl';
+export { getLocaleMapping } from './utils/getLocaleMapping';
+export { getLocaleMappingByProjectId } from './utils/getLocaleMappingByProjectId';
+export { getLocaleMappingByLocale } from './utils/getLocaleMappingByLocale';
+export { getRequestLocaleInfo } from './utils/getRequestLocaleInfo';
+export { sanitizeGraphqlName } from './utils/sanitizeGraphqlName';
+export { UrlProcessor, getAsset, getUrl } from './common/UrlProcessor';

package/dist/index.js

@@ -0,0 +1,14 @@
+export { APP_NAME, APP_NAME_DASHED, APP_NAME_UNDERSCORED, IS_DEV_MODE } from './common/env';
+export { ComponentRegistry } from './common/ComponentRegistry';
+export { CATCH_ALL, JSESSIONID_HEADER, PORTAL_COMPONENT_ATTRIBUTE, PORTAL_REGION_ATTRIBUTE, PROJECT_ID_HEADER, RENDER_MODE, RENDER_MODE_HEADER, XP_BASE_URL_HEADER, XP_COMPONENT_TYPE, XP_REQUEST_TYPE } from './common/constants';
+export { richTextQuery } from './guillotine/metadata/richTextQuery';
+export { validateData } from './guillotine/validateData';
+export { I18n } from './i18n/i18n';
+export { getContentApiUrl } from './utils/getContentApiUrl';
+export { getLocaleMapping } from './utils/getLocaleMapping';
+export { getLocaleMappingByProjectId } from './utils/getLocaleMappingByProjectId';
+export { getLocaleMappingByLocale } from './utils/getLocaleMappingByLocale';
+export { getRequestLocaleInfo } from './utils/getRequestLocaleInfo';
+export { sanitizeGraphqlName } from './utils/sanitizeGraphqlName';
+export { UrlProcessor, getAsset, getUrl } from './common/UrlProcessor';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EACR,eAAe,EACf,oBAAoB,EACpB,WAAW,EACd,MAAM,cAAc,CAAC;AAItB,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EACH,SAAS,EACT,iBAAiB,EACjB,0BAA0B,EAC1B,uBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EAClB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAC,aAAa,EAAC,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,2BAA2B,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,wBAAwB,EAAC,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAEhE,OAAO,EACH,YAAY,EACZ,QAAQ,EACR,MAAM,EACT,MAAM,uBAAuB,CAAC"}

package/dist/query/Shortcut.d.ts

@@ -0,0 +1 @@
+export declare const getShortcutQuery = "\n  query($path:ID!){\n    guillotine {\n      get(key:$path) {\n        ... on base_Shortcut {\n          data {\n            target {\n              pageUrl(type: absolute)\n            }\n            parameters {\n              name\n              value\n            }\n          }\n        }\n      }\n    }\n  }";

package/{src/query/Shortcut.ts → dist/query/Shortcut.js}

@@ -16,3 +16,4 @@ export const getShortcutQuery = `
       }
     }
   }`;
+//# sourceMappingURL=Shortcut.js.map

package/dist/query/Shortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shortcut.js","sourceRoot":"","sources":["../../src/query/Shortcut.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;IAiB5B,CAAC"}

package/dist/server/getServerRenderedHtml.d.ts

@@ -0,0 +1 @@
+export declare function getServerRenderedHtml(component: React.ReactNode): string;

package/dist/server/getServerRenderedHtml.js

@@ -0,0 +1,4 @@
+export function getServerRenderedHtml(component) {
+    return require('react-dom/server').renderToString(component);
+}
+//# sourceMappingURL=getServerRenderedHtml.js.map

package/dist/server/getServerRenderedHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getServerRenderedHtml.js","sourceRoot":"","sources":["../../src/server/getServerRenderedHtml.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,qBAAqB,CAAC,SAA0B;IAC5D,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AACjE,CAAC"}

package/dist/server.d.ts

@@ -0,0 +1,5 @@
+export { fetchContent } from './guillotine/fetchContent';
+export { fetchContentPathsForAllLocales } from './guillotine/fetchContentPathsForAllLocales';
+export { fetchContentPathsForLocale } from './guillotine/fetchContentPathsForLocale';
+export { fetchFromApi } from './guillotine/fetchFromApi';
+export { fetchGuillotine } from './guillotine/fetchGuillotine';

package/dist/server.js

@@ -0,0 +1,6 @@
+export { fetchContent } from './guillotine/fetchContent';
+export { fetchContentPathsForAllLocales } from './guillotine/fetchContentPathsForAllLocales';
+export { fetchContentPathsForLocale } from './guillotine/fetchContentPathsForLocale';
+export { fetchFromApi } from './guillotine/fetchFromApi';
+export { fetchGuillotine } from './guillotine/fetchGuillotine';
+//# sourceMappingURL=server.js.map

package/dist/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAC,8BAA8B,EAAC,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAC,0BAA0B,EAAC,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAC,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC"}

package/{src/types/component.ts → dist/types/component.d.ts}

@@ -1,21 +1,12 @@
-import type {XP_COMPONENT_TYPE} from '../common/constants';
-import type {Context} from './next';
-import type {
-    RichTextData as CompsRichTextData,
-    LinkData as CompsLinkData,
-    ImageData as CompsImageData,
-    MacroData as CompsMacroData
-} from '@enonic/react-components';
-
-// Differs from ComponentDefinition to avoid storing catchAll on all components
-// catchAll is calculated in getType instead
+import type { XP_COMPONENT_TYPE } from '../common/constants';
+import type { Context } from './next';
+import type { RichTextData as CompsRichTextData, LinkData as CompsLinkData, ImageData as CompsImageData, MacroData as CompsMacroData } from '@enonic/react-components';
 export interface ComponentDefinitionParams {
-    query?: SelectedQueryMaybeVariablesFunc
-    configQuery?: string
-    processor?: DataProcessor
-    view?: React.FunctionComponent<any>
+    query?: SelectedQueryMaybeVariablesFunc;
+    configQuery?: string;
+    processor?: DataProcessor;
+    view?: React.FunctionComponent<any>;
 }
-
 /**
  *  Object that configures the handling of a particular content type. All attributes are optional (see examples below), and missing values will fall back to default behavior:
  *          - 'query' (used in fetchContent.ts) Guillotine query for fetching content data, may also have a function that supplies guillotine variables. So, 'query' can EITHER be only a query string, OR also add a get-guillotine-variables function. In the latter case, 'query' can be an object with 'query' and 'variables' attributes, or an array where the query string is first and the get-variables function is second. Either way, the get-variables function takes two arguments: path (content path, mandatory) and context (next.js-supplied Context from getServerSideProps etc. Optional, and requires that fetchContent is called with the context, of course).
@@ -23,48 +14,36 @@ export interface ComponentDefinitionParams {
  *          - 'view' (used in BasePage.tsx) is a React component: top-level content-type-specific rendering with the props first fetched from guillotine (and then optionally preprocessed with the function in 'props').
  */
 export interface ComponentDefinition {
-    catchAll?: boolean; // will be set automatically depending on the binding
-    query?: SelectedQueryMaybeVariablesFunc,
-    configQuery?: string,
-    processor?: DataProcessor,
-    view?: React.FunctionComponent<any>
+    catchAll?: boolean;
+    query?: SelectedQueryMaybeVariablesFunc;
+    configQuery?: string;
+    processor?: DataProcessor;
+    view?: React.FunctionComponent<any>;
 }
-
 export interface ComponentDescriptor {
     type?: ComponentDefinition;
     component?: PageComponent;
     queryAndVariables?: QueryAndVariables;
 }
-
 export type ComponentDictionary = Record<string, ComponentDefinitionParams>;
-
-// NB! Always return null or empty object from processor for next is unable to serialize undefined
 export type DataProcessor = (data: any, context?: Context, config?: any) => Promise<Record<string, any>>;
-
 export interface FragmentData {
     id: string;
     fragment: {
         components: PageComponent[];
-    }
+    };
 }
-
 export type ImageData = CompsImageData;
-
 export interface LayoutData {
     descriptor: string;
     config?: any;
-
     [customKeysFromQuery: string]: any;
 }
-
 export type LinkData = CompsLinkData;
-
 export type MacroConfig = Record<string, any>;
-
 export type MacroData = CompsMacroData;
-
 export interface PageComponent {
-    [key: string]: any; // keeps ts happy when accessing component data field by XP_COMPONENT_TYPE type
+    [key: string]: any;
     type: XP_COMPONENT_TYPE;
     path: string;
     page?: PageData;
@@ -77,55 +56,37 @@ export interface PageComponent {
     data?: any;
     error?: any;
 }
-
 export interface PageData {
     descriptor: string;
     config?: any;
     template?: string | null;
     regions?: RegionTree;
 }
-
 export interface PageRegion {
     name: string;
     components: PageComponent[];
 }
-
 export interface PartData {
     descriptor: string;
-    config: any; // TODO NestedRecord?;
-
+    config: any;
     [customKeysFromQuery: string]: any;
 }
-
 export interface QueryAndVariables {
-    query: string
-    variables?: Record<string, any>
+    query: string;
+    variables?: Record<string, any>;
 }
-
 export type QueryGetter = (path: string, context?: Context, config?: any) => string;
-
-export type SelectedQueryMaybeVariablesFunc =
-    | string
-    | QueryGetter
-    | {
-    query: string | QueryGetter
-    variables: VariablesGetter
-}
-    | [string | QueryGetter, VariablesGetter];
-
+export type SelectedQueryMaybeVariablesFunc = string | QueryGetter | {
+    query: string | QueryGetter;
+    variables: VariablesGetter;
+} | [string | QueryGetter, VariablesGetter];
 export type RegionTree = Record<string, PageRegion>;
-
 export type RichTextData = CompsRichTextData;
-
 export interface TextData {
     value: RichTextData;
 }
-
-// TODO: also access as arguments: dataAsJson, pageAsJson, configAsJson from the first (meta) call here?
-//   Another option could be to let the component or page controller pass those values to NextJS by a header
 export type VariablesGetter = (path: string, context?: Context, config?: any) => VariablesGetterResult;
-
 export interface VariablesGetterResult {
-    [variables: string]: any
-    path: string
+    [variables: string]: any;
+    path: string;
 }

package/dist/types/component.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=component.js.map

package/dist/types/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/types/component.ts"],"names":[],"mappings":""}

package/dist/types/componentProps.d.ts

@@ -0,0 +1,107 @@
+import { DOMNode } from 'html-react-parser';
+import type { RENDER_MODE, XP_REQUEST_TYPE } from '../common/constants';
+import type { FragmentData, LayoutData, MacroConfig, MacroData, PageComponent, PageData, PartData, RichTextData, RegionTree } from './component';
+import type { ReactNode } from 'react';
+export interface BaseComponentProps {
+    component: PageComponent;
+    meta: MetaData;
+    common?: any;
+}
+export interface BaseLayoutProps {
+    component?: LayoutData;
+    path: string;
+    regions?: RegionTree;
+    common?: any;
+    meta: MetaData;
+}
+export interface BaseMacroProps {
+    children: ReactNode;
+    data: Omit<MacroData, 'ref'>;
+    meta: MetaData;
+    renderInEditMode?: boolean;
+}
+export interface BasePageProps {
+    component?: PageData;
+    path?: string;
+    common?: any;
+    data?: any;
+    error?: string;
+    meta: MetaData;
+}
+export interface BasePartProps {
+    component?: PartData;
+    path: string;
+    common?: any;
+    data?: any;
+    error?: string;
+    meta: MetaData;
+}
+export interface FragmentProps {
+    page?: PageData;
+    component?: FragmentData;
+    common?: any;
+    meta: MetaData;
+}
+export interface LayoutProps {
+    layout: LayoutData;
+    path: string;
+    common: any;
+    meta: MetaData;
+}
+export interface MacroProps {
+    name: string;
+    children: string | React.ReactNode;
+    config: MacroConfig;
+    meta: MetaData;
+}
+export interface MetaData {
+    id: string;
+    type: string;
+    path: string;
+    requestType: XP_REQUEST_TYPE;
+    renderMode: RENDER_MODE;
+    requestedComponent?: PageComponent;
+    canRender: boolean;
+    catchAll: boolean;
+    apiUrl: string;
+    baseUrl: string;
+    locale: string;
+    defaultLocale: string;
+}
+export interface PageProps {
+    page: PageData;
+    path: string;
+    data?: any;
+    common?: any;
+    meta: MetaData;
+}
+export interface PartProps {
+    part: PartData;
+    path: string;
+    data?: any;
+    common?: any;
+    meta: MetaData;
+}
+export interface RegionProps {
+    name: string;
+    components?: PageComponent[];
+    className?: string;
+    common?: any;
+    meta: MetaData;
+}
+export interface RegionsProps {
+    page: PageData | null;
+    name?: string;
+    common?: any;
+    meta: MetaData;
+}
+export type Replacer = (domNode: DOMNode, data: RichTextData, meta: MetaData, renderMacroInEditMode: boolean) => ReplacerResult;
+export type ReplacerResult = JSX.Element | DOMNode;
+export interface RichTextViewProps {
+    data: RichTextData;
+    meta: MetaData;
+    className?: string;
+    tag?: string;
+    renderMacroInEditMode?: boolean;
+    customReplacer?: Replacer;
+}

package/dist/types/componentProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=componentProps.js.map

package/dist/types/componentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentProps.js","sourceRoot":"","sources":["../../src/types/componentProps.ts"],"names":[],"mappings":""}