@daouypkgs/daouy-contentful 0.0.182

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Latipov Abdukhamid
+
+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

@@ -0,0 +1 @@
+Daouy components and registration calls for Contentful

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import { ComponentMeta } from '@daouy/host';
+import { GlobalContextMeta } from '@daouy/host';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import registerComponent from '@daouy/host/registerComponent';
+import registerGlobalContext from '@daouy/host/registerGlobalContext';
+
+declare interface ContentfulControlContextData {
+    types?: {
+        name: string;
+        id: string;
+    }[];
+    fields?: string[];
+    queryOptions?: [];
+}
+
+export declare function ContentfulCredentialsProvider({ accessToken, space, environment, children, }: React_2.PropsWithChildren<ContentfulCredentialsProviderProps>): React_2.JSX.Element;
+
+export declare const ContentfulCredentialsProviderMeta: GlobalContextMeta<ContentfulCredentialsProviderProps>;
+
+declare interface ContentfulCredentialsProviderProps {
+    space: string;
+    accessToken: string;
+    environment?: string;
+}
+
+export declare function ContentfulFetcher({ filterField, filterValue, searchParameter, noAutoRepeat, contentType, children, className, order, reverseOrder, limit, include, noLayout, setControlContextData, }: ContentfulFetcherProps): React_2.JSX.Element;
+
+export declare const ContentfulFetcherMeta: ComponentMeta<ContentfulFetcherProps>;
+
+declare interface ContentfulFetcherProps {
+    contentType: string;
+    children?: ReactNode;
+    className?: string;
+    limit?: number;
+    include?: number;
+    order?: string;
+    reverseOrder?: boolean;
+    filterField?: string;
+    searchParameter?: string;
+    filterValue?: string | number;
+    noAutoRepeat?: boolean;
+    noLayout?: boolean;
+    setControlContextData?: (data: ContentfulControlContextData) => void;
+}
+
+export declare function ContentfulField({ className, objectPath, setControlContextData, }: ContentfulFieldProps): React_2.JSX.Element;
+
+export declare const ContentfulFieldMeta: ComponentMeta<ContentfulFieldProps>;
+
+declare interface ContentfulFieldProps {
+    className?: string;
+    objectPath?: (string | number)[];
+    setControlContextData?: (data: {
+        data: object;
+    }) => void;
+}
+
+export declare function registerAll(loader?: {
+    registerComponent: typeof registerComponent;
+    registerGlobalContext: typeof registerGlobalContext;
+}): void;
+
+export { }

package/dist/index.esm.js

@@ -0,0 +1,493 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.tsx
+import registerComponent from "@daouy/host/registerComponent";
+import registerGlobalContext from "@daouy/host/registerGlobalContext";
+
+// src/contentful.tsx
+import { documentToHtmlString } from "@contentful/rich-text-html-renderer";
+import {
+  DataProvider,
+  repeatedElement,
+  useSelector
+} from "@daouy/host";
+import { useDaouyQueryData } from "@daouy/query";
+import {
+  _denormalizeData as denormalizeData,
+  _ensure as ensure,
+  _uniq as uniq
+} from "@daouypkgs/contentful";
+import { pascalCase } from "change-case";
+import get from "dlv";
+import React, { useContext } from "react";
+
+// src/utils.ts
+var searchParameters = [
+  {
+    value: "[lt]",
+    label: "Less than"
+  },
+  {
+    value: "[lte]",
+    label: "Less than or equal"
+  },
+  {
+    value: "[gt]",
+    label: "Greater than"
+  },
+  {
+    value: "[gte]",
+    label: "Greater than or equal "
+  }
+];
+
+// src/contentful.tsx
+var modulePath = "@daouypkgs/daouy-contentful";
+var makeDataProviderName = (contentType) => `currentContentful${pascalCase(contentType)}Item`;
+var CredentialsContext = React.createContext(void 0);
+var ContentfulCredentialsProviderMeta = {
+  name: "Contentful CredentialsProvider",
+  displayName: "Contentful Credentials Provider",
+  description: "Any client requesting content from the CDA needs to provide an access token that has access to the environment you're requesting content from. Learn how to [get your API key](https://www.contentful.com/developers/docs/references/authentication/).",
+  importName: "ContentfulCredentialsProvider",
+  importPath: modulePath,
+  props: {
+    space: {
+      type: "string",
+      displayName: "Space",
+      description: "Name of your space",
+      defaultValue: "lmfbwqzbh93n"
+    },
+    accessToken: {
+      type: "string",
+      displayName: "Access Token ",
+      description: "Access Token",
+      defaultValue: "aWvf6oSLTuqxKCxSUpokajdQr84hGQFE6zoJG7DVVLg"
+    },
+    environment: {
+      type: "string",
+      displayName: "Environment",
+      defaultValue: "master"
+    }
+  }
+};
+function ContentfulCredentialsProvider({
+  accessToken,
+  space,
+  environment,
+  children
+}) {
+  return /* @__PURE__ */ React.createElement(CredentialsContext.Provider, { value: { space, accessToken, environment } }, children);
+}
+var ContentfulFetcherMeta = {
+  name: "ContentfulFetcher",
+  displayName: "Contentful Fetcher",
+  importName: "ContentfulFetcher",
+  importPath: modulePath,
+  providesData: true,
+  description: "Fetches Contentful data and repeats content of children once for every row fetched. ",
+  defaultStyles: {
+    display: "grid",
+    gridTemplateColumns: "1fr 1fr 1fr 1fr",
+    gridRowGap: "8px",
+    gridColumnGap: "8px",
+    padding: "8px",
+    maxWidth: "100%"
+  },
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "vbox",
+        styles: {
+          padding: "8px"
+        },
+        children: {
+          type: "component",
+          name: "ContentfulField"
+        }
+      }
+    },
+    contentType: {
+      type: "choice",
+      options: (_props, ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx == null ? void 0 : ctx.types) == null ? void 0 : _a.map((type) => {
+          var _a2;
+          return {
+            label: type == null ? void 0 : type.name,
+            value: (_a2 = type == null ? void 0 : type.sys) == null ? void 0 : _a2.id
+          };
+        })) != null ? _b : [];
+      },
+      displayName: "Content type",
+      description: "Content type to be queried."
+    },
+    filterField: {
+      type: "choice",
+      displayName: "Filter field",
+      description: "Field (from Collection) to filter by.",
+      options: (_props, ctx) => {
+        var _a;
+        return (_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [];
+      },
+      hidden: (props) => !props.contentType
+    },
+    searchParameter: {
+      type: "choice",
+      displayName: "Search Parameter",
+      description: "Search Parameter to filter by (see Contentful Content Delivery API documentation for details).",
+      options: (_props, ctx) => {
+        var _a;
+        return (_a = ctx == null ? void 0 : ctx.queryOptions) != null ? _a : [];
+      },
+      hidden: (props) => !props.filterField
+    },
+    filterValue: {
+      type: "string",
+      displayName: "Filter value",
+      description: "Value to filter by, should be of filter field type.",
+      hidden: (props) => !props.searchParameter
+    },
+    order: {
+      type: "choice",
+      displayName: "Order",
+      description: "Field that the entries should be ordered by.",
+      options: (_props, ctx) => {
+        var _a;
+        return [
+          ...(_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [],
+          "sys.createdAt",
+          "sys.updatedAt"
+        ];
+      },
+      hidden: (props) => !props.contentType
+    },
+    reverseOrder: {
+      type: "boolean",
+      displayName: "Reverse order",
+      description: "Reverse the order of the entries.",
+      defaultValue: false,
+      hidden: (props) => !props.order
+    },
+    limit: {
+      type: "number",
+      displayName: "Limit",
+      description: "Limit the number of entries that are returned."
+    },
+    include: {
+      type: "number",
+      displayName: "Linked items depth",
+      defaultValueHint: 1,
+      description: "When you have related content (e.g. entries with links to image assets) it's possible to include both search results and related data in a single request. Using the include parameter, you can specify the number of levels to resolve.",
+      max: 10,
+      min: 0
+    },
+    noAutoRepeat: {
+      type: "boolean",
+      displayName: "No auto-repeat",
+      description: "Do not automatically repeat children for every entry.",
+      defaultValue: false
+    },
+    noLayout: {
+      type: "boolean",
+      displayName: "No layout",
+      description: "When set, Contentful Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.",
+      defaultValue: false
+    }
+  }
+};
+function ContentfulFetcher({
+  filterField,
+  filterValue,
+  searchParameter,
+  noAutoRepeat,
+  contentType,
+  children,
+  className,
+  order,
+  reverseOrder,
+  limit,
+  include,
+  noLayout,
+  setControlContextData
+}) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const creds = ensure(
+    useContext(CredentialsContext),
+    "Could not find context with current credentials"
+  );
+  const cacheKey = JSON.stringify({
+    include,
+    order,
+    reverseOrder,
+    limit,
+    filterField,
+    filterValue,
+    searchParameter,
+    creds
+  });
+  const baseUrl = "https://cdn.contentful.com";
+  const { data: contentTypes } = useDaouyQueryData(
+    `${cacheKey}/contentTypes`,
+    () => __async(this, null, function* () {
+      const resp = yield fetch(
+        `${baseUrl}/spaces/${creds.space}/environments/${creds.environment}/content_types?access_token=${creds.accessToken}`
+      );
+      return resp.json();
+    })
+  );
+  setControlContextData == null ? void 0 : setControlContextData({
+    types: (_a = contentTypes == null ? void 0 : contentTypes.items) != null ? _a : []
+  });
+  function setOrderField(searchParams) {
+    if (order) {
+      searchParams.set(
+        "order",
+        `${reverseOrder ? "-" : ""}${order.startsWith("sys.") ? order : `fields.${order}`}`
+      );
+    }
+  }
+  const { data: entriesData } = useDaouyQueryData(
+    contentType ? `${cacheKey}/${contentType}/entriesData` : null,
+    () => __async(this, null, function* () {
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
+      if (limit) {
+        searchParams.set("limit", limit.toString());
+      }
+      setOrderField(searchParams);
+      if (include) {
+        searchParams.set("include", include.toString());
+      }
+      const resp = yield fetch(`${baseUrl}${path}?${searchParams.toString()}`);
+      return resp.json();
+    })
+  );
+  const { data: filteredData } = useDaouyQueryData(
+    contentType && filterField && filterValue ? `${cacheKey}/${contentType}/filteredData` : null,
+    () => __async(this, null, function* () {
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
+      if (limit) {
+        searchParams.set("limit", limit.toString());
+      }
+      setOrderField(searchParams);
+      if (include) {
+        searchParams.set("include", include.toString());
+      }
+      if (filterField && searchParameter && filterValue) {
+        searchParams.set(
+          `fields.${filterField}${searchParameter}`,
+          filterValue.toString()
+        );
+      }
+      const resp = yield fetch(`${baseUrl}${path}?${searchParams.toString()}`);
+      return resp.json();
+    })
+  );
+  if (!creds.space || !creds.accessToken) {
+    return /* @__PURE__ */ React.createElement("div", null, "Please specify a valid API Credentials: Space, Access Token and Environment");
+  }
+  if (!contentTypes) {
+    return /* @__PURE__ */ React.createElement("div", null, "Please configure the Contentful credentials");
+  }
+  if (!entriesData) {
+    return /* @__PURE__ */ React.createElement("div", null, "Please select a content type");
+  }
+  const filterFields = entriesData == null ? void 0 : entriesData.items.flatMap((item) => {
+    const fields = Object.keys(item.fields).filter((field) => {
+      const value = get(item, field);
+      return typeof value !== "object" && field !== "photos";
+    });
+    return fields;
+  });
+  let operators;
+  const matchedFields = Object.values(entriesData.items).map((item) => {
+    const fields = Object.entries(item.fields).find(
+      (el) => el[0] === filterField
+    );
+    return fields;
+  });
+  Object.values(matchedFields).map((model) => Array.isArray(model) ? model : [model]).map((item) => {
+    if (typeof item[1] === "number" && typeof item[1] !== "object") {
+      operators = searchParameters;
+    } else if (typeof item[1] !== "number" && typeof item[1] !== "object" && typeof item[1] === "string") {
+      operators = [
+        {
+          value: "[match]",
+          label: "Full text search"
+        }
+      ];
+    }
+  });
+  setControlContextData == null ? void 0 : setControlContextData({
+    queryOptions: operators != null ? operators : [],
+    types: (_b = contentTypes == null ? void 0 : contentTypes.items) != null ? _b : [],
+    fields: uniq(filterFields != null ? filterFields : [])
+  });
+  if (filterField) {
+    if (!searchParameter) {
+      return /* @__PURE__ */ React.createElement("div", null, "Please specify a Search Parameter");
+    }
+    if (!filterValue) {
+      return /* @__PURE__ */ React.createElement("div", null, "Please specify a Filter value");
+    }
+  }
+  let renderedData;
+  const fixedData = entriesData ? denormalizeData(entriesData) : void 0;
+  if (filteredData) {
+    if (((_c = filteredData == null ? void 0 : filteredData.items) == null ? void 0 : _c.length) === 0) {
+      return /* @__PURE__ */ React.createElement("div", { className }, "No published entry found");
+    }
+    renderedData = noAutoRepeat ? children : (_e = (_d = denormalizeData(filteredData)) == null ? void 0 : _d.items) == null ? void 0 : _e.map(
+      (item, index) => {
+        var _a2;
+        return /* @__PURE__ */ React.createElement(
+          DataProvider,
+          {
+            key: (_a2 = item == null ? void 0 : item.sys) == null ? void 0 : _a2.id,
+            name: "contentfulItem",
+            data: item,
+            hidden: true
+          },
+          /* @__PURE__ */ React.createElement(
+            DataProvider,
+            {
+              name: makeDataProviderName(contentType),
+              data: item
+            },
+            repeatedElement(index, children)
+          )
+        );
+      }
+    );
+  } else {
+    if (((_f = fixedData == null ? void 0 : fixedData.items) == null ? void 0 : _f.length) === 0) {
+      return /* @__PURE__ */ React.createElement("div", { className }, contentType, " is empty");
+    }
+    renderedData = noAutoRepeat ? children : (_g = fixedData == null ? void 0 : fixedData.items) == null ? void 0 : _g.map((item, index) => {
+      var _a2;
+      return /* @__PURE__ */ React.createElement(
+        DataProvider,
+        {
+          key: (_a2 = item == null ? void 0 : item.sys) == null ? void 0 : _a2.id,
+          name: "contentfulItem",
+          data: item,
+          hidden: true
+        },
+        /* @__PURE__ */ React.createElement(DataProvider, { name: makeDataProviderName(contentType), data: item }, repeatedElement(index, children))
+      );
+    });
+  }
+  return /* @__PURE__ */ React.createElement(DataProvider, { name: "contentfulItems", data: fixedData == null ? void 0 : fixedData.items }, noLayout ? /* @__PURE__ */ React.createElement(React.Fragment, null, " ", renderedData, " ") : /* @__PURE__ */ React.createElement("div", { className }, " ", renderedData, " "));
+}
+var ContentfulFieldMeta = {
+  name: "ContentfulField",
+  displayName: "Contentful Field",
+  importName: "ContentfulField",
+  importPath: modulePath,
+  props: {
+    objectPath: {
+      type: "dataSelector",
+      data: (_props, ctx) => {
+        var _a;
+        return (_a = ctx == null ? void 0 : ctx.data) != null ? _a : {};
+      },
+      displayName: "Field",
+      description: "Field to be displayed."
+    }
+  }
+};
+function ContentfulField({
+  className,
+  objectPath,
+  setControlContextData
+}) {
+  var _a, _b;
+  const item = (_a = useSelector("contentfulItem")) == null ? void 0 : _a.fields;
+  if (!item) {
+    return /* @__PURE__ */ React.createElement("div", null, "ContentfulField must be used within a ContentfulFetcher ");
+  }
+  setControlContextData == null ? void 0 : setControlContextData({
+    data: item
+  });
+  if (!objectPath) {
+    return /* @__PURE__ */ React.createElement("div", null, "Please specify a valid path or select a field.");
+  }
+  const data = get(item, objectPath);
+  if (typeof data === "object" && "nodeType" in data && data.nodeType === "document") {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className,
+        dangerouslySetInnerHTML: { __html: documentToHtmlString(data) }
+      }
+    );
+  } else if (typeof data === "object" && ((_b = data.sys) == null ? void 0 : _b.linkType) === "Asset" && data.url) {
+    return /* @__PURE__ */ React.createElement("img", { className, src: data.url });
+  } else if (!data) {
+    return /* @__PURE__ */ React.createElement("div", null, "Please specify a valid field.");
+  } else if (typeof data !== "object") {
+    return /* @__PURE__ */ React.createElement("div", { className }, data);
+  } else {
+    return /* @__PURE__ */ React.createElement("div", { className }, data.toString());
+  }
+}
+
+// src/index.tsx
+function registerAll(loader) {
+  const _registerComponent = (Component, defaultMeta) => {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      registerComponent(Component, defaultMeta);
+    }
+  };
+  if (loader) {
+    loader.registerGlobalContext(
+      ContentfulCredentialsProvider,
+      ContentfulCredentialsProviderMeta
+    );
+  } else {
+    registerGlobalContext(
+      ContentfulCredentialsProvider,
+      ContentfulCredentialsProviderMeta
+    );
+  }
+  _registerComponent(ContentfulFetcher, ContentfulFetcherMeta);
+  _registerComponent(ContentfulField, ContentfulFieldMeta);
+}
+export {
+  ContentfulCredentialsProvider,
+  ContentfulCredentialsProviderMeta,
+  ContentfulFetcher,
+  ContentfulFetcherMeta,
+  ContentfulField,
+  ContentfulFieldMeta,
+  registerAll
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx", "../src/contentful.tsx", "../src/utils.ts"],
+  "sourcesContent": ["import registerComponent, {\n  ComponentMeta,\n} from \"@daouy/host/registerComponent\";\nimport registerGlobalContext from \"@daouy/host/registerGlobalContext\";\nimport {\n  ContentfulCredentialsProvider,\n  ContentfulCredentialsProviderMeta,\n  ContentfulFetcher,\n  ContentfulFetcherMeta,\n  ContentfulField,\n  ContentfulFieldMeta,\n} from \"./contentful\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n    loader.registerGlobalContext(\n      ContentfulCredentialsProvider,\n      ContentfulCredentialsProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ContentfulCredentialsProvider,\n      ContentfulCredentialsProviderMeta\n    );\n  }\n  _registerComponent(ContentfulFetcher, ContentfulFetcherMeta);\n  _registerComponent(ContentfulField, ContentfulFieldMeta);\n}\n\nexport * from \"./contentful\";\n", "import { documentToHtmlString } from \"@contentful/rich-text-html-renderer\";\nimport {\n  ComponentMeta,\n  DataProvider,\n  GlobalContextMeta,\n  repeatedElement,\n  useSelector,\n} from \"@daouy/host\";\nimport { useDaouyQueryData } from \"@daouy/query\";\nimport {\n  _denormalizeData as denormalizeData,\n  _ensure as ensure,\n  _uniq as uniq,\n} from \"@daouypkgs/contentful\";\nimport { pascalCase } from \"change-case\";\nimport get from \"dlv\";\nimport React, { ReactNode, useContext } from \"react\";\nimport { searchParameters } from \"./utils\";\n\nconst modulePath = \"@daouypkgs/daouy-contentful\";\n\nconst makeDataProviderName = (contentType: string) =>\n  `currentContentful${pascalCase(contentType)}Item`;\n\ninterface ContentfulCredentialsProviderProps {\n  space: string;\n  accessToken: string;\n  environment?: string;\n}\n\nconst CredentialsContext = React.createContext<\n  ContentfulCredentialsProviderProps | undefined\n>(undefined);\n\nexport const ContentfulCredentialsProviderMeta: GlobalContextMeta<ContentfulCredentialsProviderProps> =\n  {\n    name: \"Contentful CredentialsProvider\",\n    displayName: \"Contentful Credentials Provider\",\n    description:\n      \"Any client requesting content from the CDA needs to provide an access token that has access to the environment you're requesting content from. Learn how to [get your API key](https://www.contentful.com/developers/docs/references/authentication/).\",\n    importName: \"ContentfulCredentialsProvider\",\n    importPath: modulePath,\n    props: {\n      space: {\n        type: \"string\",\n        displayName: \"Space\",\n        description: \"Name of your space\",\n        defaultValue: \"lmfbwqzbh93n\",\n      },\n      accessToken: {\n        type: \"string\",\n        displayName: \"Access Token \",\n        description: \"Access Token\",\n        defaultValue: \"aWvf6oSLTuqxKCxSUpokajdQr84hGQFE6zoJG7DVVLg\",\n      },\n      environment: {\n        type: \"string\",\n        displayName: \"Environment\",\n        defaultValue: \"master\",\n      },\n    },\n  };\n\nexport function ContentfulCredentialsProvider({\n  accessToken,\n  space,\n  environment,\n  children,\n}: React.PropsWithChildren<ContentfulCredentialsProviderProps>) {\n  return (\n    <CredentialsContext.Provider value={{ space, accessToken, environment }}>\n      {children}\n    </CredentialsContext.Provider>\n  );\n}\n\ninterface ContentfulControlContextData {\n  types?: { name: string; id: string }[];\n  fields?: string[];\n  queryOptions?: [];\n}\n\ninterface ContentfulFetcherProps {\n  contentType: string;\n  children?: ReactNode;\n  className?: string;\n  limit?: number;\n  include?: number;\n  order?: string;\n  reverseOrder?: boolean;\n  filterField?: string;\n  searchParameter?: string;\n  filterValue?: string | number;\n  noAutoRepeat?: boolean;\n  noLayout?: boolean;\n  setControlContextData?: (data: ContentfulControlContextData) => void;\n}\n\nexport const ContentfulFetcherMeta: ComponentMeta<ContentfulFetcherProps> = {\n  name: \"ContentfulFetcher\",\n  displayName: \"Contentful Fetcher\",\n  importName: \"ContentfulFetcher\",\n  importPath: modulePath,\n  providesData: true,\n  description:\n    \"Fetches Contentful data and repeats content of children once for every row fetched. \",\n  defaultStyles: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr 1fr 1fr 1fr\",\n    gridRowGap: \"8px\",\n    gridColumnGap: \"8px\",\n    padding: \"8px\",\n    maxWidth: \"100%\",\n  },\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: \"8px\",\n        },\n        children: {\n          type: \"component\",\n          name: \"ContentfulField\",\n        },\n      },\n    },\n    contentType: {\n      type: \"choice\",\n      options: (_props, ctx) =>\n        ctx?.types?.map((type: any) => ({\n          label: type?.name,\n          value: type?.sys?.id,\n        })) ?? [],\n      displayName: \"Content type\",\n      description: \"Content type to be queried.\",\n    },\n\n    filterField: {\n      type: \"choice\",\n      displayName: \"Filter field\",\n      description: \"Field (from Collection) to filter by.\",\n      options: (_props, ctx) => ctx?.fields ?? [],\n      hidden: (props) => !props.contentType,\n    },\n    searchParameter: {\n      type: \"choice\",\n      displayName: \"Search Parameter\",\n      description:\n        \"Search Parameter to filter by (see Contentful Content Delivery API documentation for details).\",\n      options: (_props, ctx) => ctx?.queryOptions ?? [],\n      hidden: (props) => !props.filterField,\n    },\n    filterValue: {\n      type: \"string\",\n      displayName: \"Filter value\",\n      description: \"Value to filter by, should be of filter field type.\",\n      hidden: (props) => !props.searchParameter,\n    },\n    order: {\n      type: \"choice\",\n      displayName: \"Order\",\n      description: \"Field that the entries should be ordered by.\",\n      options: (_props, ctx) => [\n        ...(ctx?.fields ?? []),\n        \"sys.createdAt\",\n        \"sys.updatedAt\",\n      ],\n      hidden: (props) => !props.contentType,\n    },\n    reverseOrder: {\n      type: \"boolean\",\n      displayName: \"Reverse order\",\n      description: \"Reverse the order of the entries.\",\n      defaultValue: false,\n      hidden: (props) => !props.order,\n    },\n    limit: {\n      type: \"number\",\n      displayName: \"Limit\",\n      description: \"Limit the number of entries that are returned.\",\n    },\n    include: {\n      type: \"number\",\n      displayName: \"Linked items depth\",\n      defaultValueHint: 1,\n      description:\n        \"When you have related content (e.g. entries with links to image assets) it's possible to include both search results and related data in a single request. Using the include parameter, you can specify the number of levels to resolve.\",\n      max: 10,\n      min: 0,\n    },\n    noAutoRepeat: {\n      type: \"boolean\",\n      displayName: \"No auto-repeat\",\n      description: \"Do not automatically repeat children for every entry.\",\n      defaultValue: false,\n    },\n    noLayout: {\n      type: \"boolean\",\n      displayName: \"No layout\",\n      description:\n        \"When set, Contentful Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport function ContentfulFetcher({\n  filterField,\n  filterValue,\n  searchParameter,\n  noAutoRepeat,\n  contentType,\n  children,\n  className,\n  order,\n  reverseOrder,\n  limit,\n  include,\n  noLayout,\n  setControlContextData,\n}: ContentfulFetcherProps) {\n  const creds = ensure(\n    useContext(CredentialsContext),\n    \"Could not find context with current credentials\"\n  );\n  const cacheKey = JSON.stringify({\n    include,\n    order,\n    reverseOrder,\n    limit,\n    filterField,\n    filterValue,\n    searchParameter,\n    creds,\n  });\n\n  const baseUrl = \"https://cdn.contentful.com\";\n\n  const { data: contentTypes } = useDaouyQueryData<any | null>(\n    `${cacheKey}/contentTypes`,\n    async () => {\n      const resp = await fetch(\n        `${baseUrl}/spaces/${creds.space}/environments/${creds.environment}/content_types?access_token=${creds.accessToken}`\n      );\n      return resp.json();\n    }\n  );\n  setControlContextData?.({\n    types: contentTypes?.items ?? [],\n  });\n\n  function setOrderField(searchParams: URLSearchParams) {\n    if (order) {\n      searchParams.set(\n        \"order\",\n        `${reverseOrder ? \"-\" : \"\"}${\n          order.startsWith(\"sys.\") ? order : `fields.${order}`\n        }`\n      );\n    }\n  }\n\n  const { data: entriesData } = useDaouyQueryData<any | null>(\n    contentType ? `${cacheKey}/${contentType}/entriesData` : null,\n    async () => {\n      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;\n\n      const searchParams = new URLSearchParams();\n      searchParams.set(\"access_token\", creds.accessToken);\n      searchParams.set(\"content_type\", contentType);\n      if (limit) {\n        searchParams.set(\"limit\", limit.toString());\n      }\n      setOrderField(searchParams);\n      if (include) {\n        searchParams.set(\"include\", include.toString());\n      }\n\n      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);\n      return resp.json();\n    }\n  );\n\n  const { data: filteredData } = useDaouyQueryData<any | null>(\n    contentType && filterField && filterValue\n      ? `${cacheKey}/${contentType}/filteredData`\n      : null,\n    async () => {\n      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;\n\n      const searchParams = new URLSearchParams();\n      searchParams.set(\"access_token\", creds.accessToken);\n      searchParams.set(\"content_type\", contentType);\n      if (limit) {\n        searchParams.set(\"limit\", limit.toString());\n      }\n      setOrderField(searchParams);\n\n      if (include) {\n        searchParams.set(\"include\", include.toString());\n      }\n\n      if (filterField && searchParameter && filterValue) {\n        searchParams.set(\n          `fields.${filterField}${searchParameter}`,\n          filterValue.toString()\n        );\n      }\n\n      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);\n      return resp.json();\n    }\n  );\n\n  if (!creds.space || !creds.accessToken) {\n    return (\n      <div>\n        Please specify a valid API Credentials: Space, Access Token and\n        Environment\n      </div>\n    );\n  }\n\n  if (!contentTypes) {\n    return <div>Please configure the Contentful credentials</div>;\n  }\n\n  if (!entriesData) {\n    return <div>Please select a content type</div>;\n  }\n\n  const filterFields: string[] = entriesData?.items.flatMap((item: any) => {\n    const fields = Object.keys(item.fields).filter((field) => {\n      const value = get(item, field);\n      return typeof value !== \"object\" && field !== \"photos\";\n    });\n    return fields;\n  });\n\n  let operators;\n  const matchedFields = Object.values(entriesData.items).map((item: any) => {\n    const fields = Object.entries(item.fields).find(\n      (el) => el[0] === filterField\n    );\n    return fields;\n  });\n\n  Object.values(matchedFields)\n    .map((model: any) => (Array.isArray(model) ? model : [model]))\n    .map((item: any) => {\n      if (typeof item[1] === \"number\" && typeof item[1] !== \"object\") {\n        operators = searchParameters;\n      } else if (\n        typeof item[1] !== \"number\" &&\n        typeof item[1] !== \"object\" &&\n        typeof item[1] === \"string\"\n      ) {\n        operators = [\n          {\n            value: \"[match]\",\n            label: \"Full text search\",\n          },\n        ];\n      }\n    });\n\n  setControlContextData?.({\n    queryOptions: operators ?? [],\n    types: contentTypes?.items ?? [],\n    fields: uniq(filterFields ?? []),\n  });\n\n  if (filterField) {\n    if (!searchParameter) {\n      return <div>Please specify a Search Parameter</div>;\n    }\n    if (!filterValue) {\n      return <div>Please specify a Filter value</div>;\n    }\n  }\n\n  let renderedData;\n\n  const fixedData = entriesData ? denormalizeData(entriesData) : undefined;\n\n  if (filteredData) {\n    if (filteredData?.items?.length === 0) {\n      return <div className={className}>No published entry found</div>;\n    }\n\n    renderedData = noAutoRepeat\n      ? children\n      : denormalizeData(filteredData)?.items?.map(\n          (item: any, index: number) => (\n            <DataProvider\n              key={item?.sys?.id}\n              name={\"contentfulItem\"}\n              data={item}\n              hidden={true}\n            >\n              <DataProvider\n                name={makeDataProviderName(contentType)}\n                data={item}\n              >\n                {repeatedElement(index, children)}\n              </DataProvider>\n            </DataProvider>\n          )\n        );\n  } else {\n    if (fixedData?.items?.length === 0) {\n      return <div className={className}>{contentType} is empty</div>;\n    }\n\n    renderedData = noAutoRepeat\n      ? children\n      : fixedData?.items?.map((item: any, index: number) => (\n          <DataProvider\n            key={item?.sys?.id}\n            name={\"contentfulItem\"}\n            data={item}\n            hidden={true}\n          >\n            <DataProvider name={makeDataProviderName(contentType)} data={item}>\n              {repeatedElement(index, children)}\n            </DataProvider>\n          </DataProvider>\n        ));\n  }\n  return (\n    <DataProvider name=\"contentfulItems\" data={fixedData?.items}>\n      {noLayout ? (\n        <> {renderedData} </>\n      ) : (\n        <div className={className}> {renderedData} </div>\n      )}\n    </DataProvider>\n  );\n}\ninterface ContentfulFieldProps {\n  className?: string;\n  objectPath?: (string | number)[];\n  setControlContextData?: (data: { data: object }) => void;\n}\n\nexport const ContentfulFieldMeta: ComponentMeta<ContentfulFieldProps> = {\n  name: \"ContentfulField\",\n  displayName: \"Contentful Field\",\n  importName: \"ContentfulField\",\n  importPath: modulePath,\n  props: {\n    objectPath: {\n      type: \"dataSelector\",\n      data: (_props, ctx) => ctx?.data ?? {},\n      displayName: \"Field\",\n      description: \"Field to be displayed.\",\n    },\n  },\n};\n\nexport function ContentfulField({\n  className,\n  objectPath,\n  setControlContextData,\n}: ContentfulFieldProps) {\n  const item = useSelector(\"contentfulItem\")?.fields;\n  if (!item) {\n    return <div>ContentfulField must be used within a ContentfulFetcher </div>;\n  }\n  setControlContextData?.({\n    data: item,\n  });\n  if (!objectPath) {\n    return <div>Please specify a valid path or select a field.</div>;\n  }\n\n  const data = get(item, objectPath);\n  if (\n    typeof data === \"object\" &&\n    \"nodeType\" in data &&\n    data.nodeType === \"document\"\n  ) {\n    return (\n      <div\n        className={className}\n        dangerouslySetInnerHTML={{ __html: documentToHtmlString(data) }}\n      />\n    );\n  } else if (\n    typeof data === \"object\" &&\n    data.sys?.linkType === \"Asset\" &&\n    data.url\n  ) {\n    return <img className={className} src={data.url} />;\n  } else if (!data) {\n    return <div>Please specify a valid field.</div>;\n  } else if (typeof data !== \"object\") {\n    return <div className={className}>{data}</div>;\n  } else {\n    return <div className={className}>{data.toString()}</div>;\n  }\n}\n", "export const searchParameters = [\n  {\n    value: \"[lt]\",\n    label: \"Less than\",\n  },\n  {\n    value: \"[lte]\",\n    label: \"Less than or equal\",\n  },\n  {\n    value: \"[gt]\",\n    label: \"Greater than\",\n  },\n  {\n    value: \"[gte]\",\n    label: \"Greater than or equal \",\n  },\n];\n"],
+  "mappings": "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",
+  "names": ["_a"]
+}

package/dist/index.js

@@ -0,0 +1,515 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  ContentfulCredentialsProvider: () => ContentfulCredentialsProvider,
+  ContentfulCredentialsProviderMeta: () => ContentfulCredentialsProviderMeta,
+  ContentfulFetcher: () => ContentfulFetcher,
+  ContentfulFetcherMeta: () => ContentfulFetcherMeta,
+  ContentfulField: () => ContentfulField,
+  ContentfulFieldMeta: () => ContentfulFieldMeta,
+  registerAll: () => registerAll
+});
+module.exports = __toCommonJS(src_exports);
+var import_registerComponent = __toESM(require("@daouy/host/registerComponent"));
+var import_registerGlobalContext = __toESM(require("@daouy/host/registerGlobalContext"));
+
+// src/contentful.tsx
+var import_rich_text_html_renderer = require("@contentful/rich-text-html-renderer");
+var import_host = require("@daouy/host");
+var import_query = require("@daouy/query");
+var import_contentful = require("@daouypkgs/contentful");
+var import_change_case = require("change-case");
+var import_dlv = __toESM(require("dlv"));
+var import_react = __toESM(require("react"));
+
+// src/utils.ts
+var searchParameters = [
+  {
+    value: "[lt]",
+    label: "Less than"
+  },
+  {
+    value: "[lte]",
+    label: "Less than or equal"
+  },
+  {
+    value: "[gt]",
+    label: "Greater than"
+  },
+  {
+    value: "[gte]",
+    label: "Greater than or equal "
+  }
+];
+
+// src/contentful.tsx
+var modulePath = "@daouypkgs/daouy-contentful";
+var makeDataProviderName = (contentType) => `currentContentful${(0, import_change_case.pascalCase)(contentType)}Item`;
+var CredentialsContext = import_react.default.createContext(void 0);
+var ContentfulCredentialsProviderMeta = {
+  name: "Contentful CredentialsProvider",
+  displayName: "Contentful Credentials Provider",
+  description: "Any client requesting content from the CDA needs to provide an access token that has access to the environment you're requesting content from. Learn how to [get your API key](https://www.contentful.com/developers/docs/references/authentication/).",
+  importName: "ContentfulCredentialsProvider",
+  importPath: modulePath,
+  props: {
+    space: {
+      type: "string",
+      displayName: "Space",
+      description: "Name of your space",
+      defaultValue: "lmfbwqzbh93n"
+    },
+    accessToken: {
+      type: "string",
+      displayName: "Access Token ",
+      description: "Access Token",
+      defaultValue: "aWvf6oSLTuqxKCxSUpokajdQr84hGQFE6zoJG7DVVLg"
+    },
+    environment: {
+      type: "string",
+      displayName: "Environment",
+      defaultValue: "master"
+    }
+  }
+};
+function ContentfulCredentialsProvider({
+  accessToken,
+  space,
+  environment,
+  children
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(CredentialsContext.Provider, { value: { space, accessToken, environment } }, children);
+}
+var ContentfulFetcherMeta = {
+  name: "ContentfulFetcher",
+  displayName: "Contentful Fetcher",
+  importName: "ContentfulFetcher",
+  importPath: modulePath,
+  providesData: true,
+  description: "Fetches Contentful data and repeats content of children once for every row fetched. ",
+  defaultStyles: {
+    display: "grid",
+    gridTemplateColumns: "1fr 1fr 1fr 1fr",
+    gridRowGap: "8px",
+    gridColumnGap: "8px",
+    padding: "8px",
+    maxWidth: "100%"
+  },
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "vbox",
+        styles: {
+          padding: "8px"
+        },
+        children: {
+          type: "component",
+          name: "ContentfulField"
+        }
+      }
+    },
+    contentType: {
+      type: "choice",
+      options: (_props, ctx) => {
+        var _a, _b;
+        return (_b = (_a = ctx == null ? void 0 : ctx.types) == null ? void 0 : _a.map((type) => {
+          var _a2;
+          return {
+            label: type == null ? void 0 : type.name,
+            value: (_a2 = type == null ? void 0 : type.sys) == null ? void 0 : _a2.id
+          };
+        })) != null ? _b : [];
+      },
+      displayName: "Content type",
+      description: "Content type to be queried."
+    },
+    filterField: {
+      type: "choice",
+      displayName: "Filter field",
+      description: "Field (from Collection) to filter by.",
+      options: (_props, ctx) => {
+        var _a;
+        return (_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [];
+      },
+      hidden: (props) => !props.contentType
+    },
+    searchParameter: {
+      type: "choice",
+      displayName: "Search Parameter",
+      description: "Search Parameter to filter by (see Contentful Content Delivery API documentation for details).",
+      options: (_props, ctx) => {
+        var _a;
+        return (_a = ctx == null ? void 0 : ctx.queryOptions) != null ? _a : [];
+      },
+      hidden: (props) => !props.filterField
+    },
+    filterValue: {
+      type: "string",
+      displayName: "Filter value",
+      description: "Value to filter by, should be of filter field type.",
+      hidden: (props) => !props.searchParameter
+    },
+    order: {
+      type: "choice",
+      displayName: "Order",
+      description: "Field that the entries should be ordered by.",
+      options: (_props, ctx) => {
+        var _a;
+        return [
+          ...(_a = ctx == null ? void 0 : ctx.fields) != null ? _a : [],
+          "sys.createdAt",
+          "sys.updatedAt"
+        ];
+      },
+      hidden: (props) => !props.contentType
+    },
+    reverseOrder: {
+      type: "boolean",
+      displayName: "Reverse order",
+      description: "Reverse the order of the entries.",
+      defaultValue: false,
+      hidden: (props) => !props.order
+    },
+    limit: {
+      type: "number",
+      displayName: "Limit",
+      description: "Limit the number of entries that are returned."
+    },
+    include: {
+      type: "number",
+      displayName: "Linked items depth",
+      defaultValueHint: 1,
+      description: "When you have related content (e.g. entries with links to image assets) it's possible to include both search results and related data in a single request. Using the include parameter, you can specify the number of levels to resolve.",
+      max: 10,
+      min: 0
+    },
+    noAutoRepeat: {
+      type: "boolean",
+      displayName: "No auto-repeat",
+      description: "Do not automatically repeat children for every entry.",
+      defaultValue: false
+    },
+    noLayout: {
+      type: "boolean",
+      displayName: "No layout",
+      description: "When set, Contentful Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.",
+      defaultValue: false
+    }
+  }
+};
+function ContentfulFetcher({
+  filterField,
+  filterValue,
+  searchParameter,
+  noAutoRepeat,
+  contentType,
+  children,
+  className,
+  order,
+  reverseOrder,
+  limit,
+  include,
+  noLayout,
+  setControlContextData
+}) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const creds = (0, import_contentful._ensure)(
+    (0, import_react.useContext)(CredentialsContext),
+    "Could not find context with current credentials"
+  );
+  const cacheKey = JSON.stringify({
+    include,
+    order,
+    reverseOrder,
+    limit,
+    filterField,
+    filterValue,
+    searchParameter,
+    creds
+  });
+  const baseUrl = "https://cdn.contentful.com";
+  const { data: contentTypes } = (0, import_query.useDaouyQueryData)(
+    `${cacheKey}/contentTypes`,
+    () => __async(this, null, function* () {
+      const resp = yield fetch(
+        `${baseUrl}/spaces/${creds.space}/environments/${creds.environment}/content_types?access_token=${creds.accessToken}`
+      );
+      return resp.json();
+    })
+  );
+  setControlContextData == null ? void 0 : setControlContextData({
+    types: (_a = contentTypes == null ? void 0 : contentTypes.items) != null ? _a : []
+  });
+  function setOrderField(searchParams) {
+    if (order) {
+      searchParams.set(
+        "order",
+        `${reverseOrder ? "-" : ""}${order.startsWith("sys.") ? order : `fields.${order}`}`
+      );
+    }
+  }
+  const { data: entriesData } = (0, import_query.useDaouyQueryData)(
+    contentType ? `${cacheKey}/${contentType}/entriesData` : null,
+    () => __async(this, null, function* () {
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
+      if (limit) {
+        searchParams.set("limit", limit.toString());
+      }
+      setOrderField(searchParams);
+      if (include) {
+        searchParams.set("include", include.toString());
+      }
+      const resp = yield fetch(`${baseUrl}${path}?${searchParams.toString()}`);
+      return resp.json();
+    })
+  );
+  const { data: filteredData } = (0, import_query.useDaouyQueryData)(
+    contentType && filterField && filterValue ? `${cacheKey}/${contentType}/filteredData` : null,
+    () => __async(this, null, function* () {
+      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;
+      const searchParams = new URLSearchParams();
+      searchParams.set("access_token", creds.accessToken);
+      searchParams.set("content_type", contentType);
+      if (limit) {
+        searchParams.set("limit", limit.toString());
+      }
+      setOrderField(searchParams);
+      if (include) {
+        searchParams.set("include", include.toString());
+      }
+      if (filterField && searchParameter && filterValue) {
+        searchParams.set(
+          `fields.${filterField}${searchParameter}`,
+          filterValue.toString()
+        );
+      }
+      const resp = yield fetch(`${baseUrl}${path}?${searchParams.toString()}`);
+      return resp.json();
+    })
+  );
+  if (!creds.space || !creds.accessToken) {
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "Please specify a valid API Credentials: Space, Access Token and Environment");
+  }
+  if (!contentTypes) {
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "Please configure the Contentful credentials");
+  }
+  if (!entriesData) {
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "Please select a content type");
+  }
+  const filterFields = entriesData == null ? void 0 : entriesData.items.flatMap((item) => {
+    const fields = Object.keys(item.fields).filter((field) => {
+      const value = (0, import_dlv.default)(item, field);
+      return typeof value !== "object" && field !== "photos";
+    });
+    return fields;
+  });
+  let operators;
+  const matchedFields = Object.values(entriesData.items).map((item) => {
+    const fields = Object.entries(item.fields).find(
+      (el) => el[0] === filterField
+    );
+    return fields;
+  });
+  Object.values(matchedFields).map((model) => Array.isArray(model) ? model : [model]).map((item) => {
+    if (typeof item[1] === "number" && typeof item[1] !== "object") {
+      operators = searchParameters;
+    } else if (typeof item[1] !== "number" && typeof item[1] !== "object" && typeof item[1] === "string") {
+      operators = [
+        {
+          value: "[match]",
+          label: "Full text search"
+        }
+      ];
+    }
+  });
+  setControlContextData == null ? void 0 : setControlContextData({
+    queryOptions: operators != null ? operators : [],
+    types: (_b = contentTypes == null ? void 0 : contentTypes.items) != null ? _b : [],
+    fields: (0, import_contentful._uniq)(filterFields != null ? filterFields : [])
+  });
+  if (filterField) {
+    if (!searchParameter) {
+      return /* @__PURE__ */ import_react.default.createElement("div", null, "Please specify a Search Parameter");
+    }
+    if (!filterValue) {
+      return /* @__PURE__ */ import_react.default.createElement("div", null, "Please specify a Filter value");
+    }
+  }
+  let renderedData;
+  const fixedData = entriesData ? (0, import_contentful._denormalizeData)(entriesData) : void 0;
+  if (filteredData) {
+    if (((_c = filteredData == null ? void 0 : filteredData.items) == null ? void 0 : _c.length) === 0) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className }, "No published entry found");
+    }
+    renderedData = noAutoRepeat ? children : (_e = (_d = (0, import_contentful._denormalizeData)(filteredData)) == null ? void 0 : _d.items) == null ? void 0 : _e.map(
+      (item, index) => {
+        var _a2;
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_host.DataProvider,
+          {
+            key: (_a2 = item == null ? void 0 : item.sys) == null ? void 0 : _a2.id,
+            name: "contentfulItem",
+            data: item,
+            hidden: true
+          },
+          /* @__PURE__ */ import_react.default.createElement(
+            import_host.DataProvider,
+            {
+              name: makeDataProviderName(contentType),
+              data: item
+            },
+            (0, import_host.repeatedElement)(index, children)
+          )
+        );
+      }
+    );
+  } else {
+    if (((_f = fixedData == null ? void 0 : fixedData.items) == null ? void 0 : _f.length) === 0) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { className }, contentType, " is empty");
+    }
+    renderedData = noAutoRepeat ? children : (_g = fixedData == null ? void 0 : fixedData.items) == null ? void 0 : _g.map((item, index) => {
+      var _a2;
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_host.DataProvider,
+        {
+          key: (_a2 = item == null ? void 0 : item.sys) == null ? void 0 : _a2.id,
+          name: "contentfulItem",
+          data: item,
+          hidden: true
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_host.DataProvider, { name: makeDataProviderName(contentType), data: item }, (0, import_host.repeatedElement)(index, children))
+      );
+    });
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_host.DataProvider, { name: "contentfulItems", data: fixedData == null ? void 0 : fixedData.items }, noLayout ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, " ", renderedData, " ") : /* @__PURE__ */ import_react.default.createElement("div", { className }, " ", renderedData, " "));
+}
+var ContentfulFieldMeta = {
+  name: "ContentfulField",
+  displayName: "Contentful Field",
+  importName: "ContentfulField",
+  importPath: modulePath,
+  props: {
+    objectPath: {
+      type: "dataSelector",
+      data: (_props, ctx) => {
+        var _a;
+        return (_a = ctx == null ? void 0 : ctx.data) != null ? _a : {};
+      },
+      displayName: "Field",
+      description: "Field to be displayed."
+    }
+  }
+};
+function ContentfulField({
+  className,
+  objectPath,
+  setControlContextData
+}) {
+  var _a, _b;
+  const item = (_a = (0, import_host.useSelector)("contentfulItem")) == null ? void 0 : _a.fields;
+  if (!item) {
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "ContentfulField must be used within a ContentfulFetcher ");
+  }
+  setControlContextData == null ? void 0 : setControlContextData({
+    data: item
+  });
+  if (!objectPath) {
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "Please specify a valid path or select a field.");
+  }
+  const data = (0, import_dlv.default)(item, objectPath);
+  if (typeof data === "object" && "nodeType" in data && data.nodeType === "document") {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className,
+        dangerouslySetInnerHTML: { __html: (0, import_rich_text_html_renderer.documentToHtmlString)(data) }
+      }
+    );
+  } else if (typeof data === "object" && ((_b = data.sys) == null ? void 0 : _b.linkType) === "Asset" && data.url) {
+    return /* @__PURE__ */ import_react.default.createElement("img", { className, src: data.url });
+  } else if (!data) {
+    return /* @__PURE__ */ import_react.default.createElement("div", null, "Please specify a valid field.");
+  } else if (typeof data !== "object") {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className }, data);
+  } else {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className }, data.toString());
+  }
+}
+
+// src/index.tsx
+function registerAll(loader) {
+  const _registerComponent = (Component, defaultMeta) => {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      (0, import_registerComponent.default)(Component, defaultMeta);
+    }
+  };
+  if (loader) {
+    loader.registerGlobalContext(
+      ContentfulCredentialsProvider,
+      ContentfulCredentialsProviderMeta
+    );
+  } else {
+    (0, import_registerGlobalContext.default)(
+      ContentfulCredentialsProvider,
+      ContentfulCredentialsProviderMeta
+    );
+  }
+  _registerComponent(ContentfulFetcher, ContentfulFetcherMeta);
+  _registerComponent(ContentfulField, ContentfulFieldMeta);
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx", "../src/contentful.tsx", "../src/utils.ts"],
+  "sourcesContent": ["import registerComponent, {\n  ComponentMeta,\n} from \"@daouy/host/registerComponent\";\nimport registerGlobalContext from \"@daouy/host/registerGlobalContext\";\nimport {\n  ContentfulCredentialsProvider,\n  ContentfulCredentialsProviderMeta,\n  ContentfulFetcher,\n  ContentfulFetcherMeta,\n  ContentfulField,\n  ContentfulFieldMeta,\n} from \"./contentful\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  if (loader) {\n    loader.registerGlobalContext(\n      ContentfulCredentialsProvider,\n      ContentfulCredentialsProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ContentfulCredentialsProvider,\n      ContentfulCredentialsProviderMeta\n    );\n  }\n  _registerComponent(ContentfulFetcher, ContentfulFetcherMeta);\n  _registerComponent(ContentfulField, ContentfulFieldMeta);\n}\n\nexport * from \"./contentful\";\n", "import { documentToHtmlString } from \"@contentful/rich-text-html-renderer\";\nimport {\n  ComponentMeta,\n  DataProvider,\n  GlobalContextMeta,\n  repeatedElement,\n  useSelector,\n} from \"@daouy/host\";\nimport { useDaouyQueryData } from \"@daouy/query\";\nimport {\n  _denormalizeData as denormalizeData,\n  _ensure as ensure,\n  _uniq as uniq,\n} from \"@daouypkgs/contentful\";\nimport { pascalCase } from \"change-case\";\nimport get from \"dlv\";\nimport React, { ReactNode, useContext } from \"react\";\nimport { searchParameters } from \"./utils\";\n\nconst modulePath = \"@daouypkgs/daouy-contentful\";\n\nconst makeDataProviderName = (contentType: string) =>\n  `currentContentful${pascalCase(contentType)}Item`;\n\ninterface ContentfulCredentialsProviderProps {\n  space: string;\n  accessToken: string;\n  environment?: string;\n}\n\nconst CredentialsContext = React.createContext<\n  ContentfulCredentialsProviderProps | undefined\n>(undefined);\n\nexport const ContentfulCredentialsProviderMeta: GlobalContextMeta<ContentfulCredentialsProviderProps> =\n  {\n    name: \"Contentful CredentialsProvider\",\n    displayName: \"Contentful Credentials Provider\",\n    description:\n      \"Any client requesting content from the CDA needs to provide an access token that has access to the environment you're requesting content from. Learn how to [get your API key](https://www.contentful.com/developers/docs/references/authentication/).\",\n    importName: \"ContentfulCredentialsProvider\",\n    importPath: modulePath,\n    props: {\n      space: {\n        type: \"string\",\n        displayName: \"Space\",\n        description: \"Name of your space\",\n        defaultValue: \"lmfbwqzbh93n\",\n      },\n      accessToken: {\n        type: \"string\",\n        displayName: \"Access Token \",\n        description: \"Access Token\",\n        defaultValue: \"aWvf6oSLTuqxKCxSUpokajdQr84hGQFE6zoJG7DVVLg\",\n      },\n      environment: {\n        type: \"string\",\n        displayName: \"Environment\",\n        defaultValue: \"master\",\n      },\n    },\n  };\n\nexport function ContentfulCredentialsProvider({\n  accessToken,\n  space,\n  environment,\n  children,\n}: React.PropsWithChildren<ContentfulCredentialsProviderProps>) {\n  return (\n    <CredentialsContext.Provider value={{ space, accessToken, environment }}>\n      {children}\n    </CredentialsContext.Provider>\n  );\n}\n\ninterface ContentfulControlContextData {\n  types?: { name: string; id: string }[];\n  fields?: string[];\n  queryOptions?: [];\n}\n\ninterface ContentfulFetcherProps {\n  contentType: string;\n  children?: ReactNode;\n  className?: string;\n  limit?: number;\n  include?: number;\n  order?: string;\n  reverseOrder?: boolean;\n  filterField?: string;\n  searchParameter?: string;\n  filterValue?: string | number;\n  noAutoRepeat?: boolean;\n  noLayout?: boolean;\n  setControlContextData?: (data: ContentfulControlContextData) => void;\n}\n\nexport const ContentfulFetcherMeta: ComponentMeta<ContentfulFetcherProps> = {\n  name: \"ContentfulFetcher\",\n  displayName: \"Contentful Fetcher\",\n  importName: \"ContentfulFetcher\",\n  importPath: modulePath,\n  providesData: true,\n  description:\n    \"Fetches Contentful data and repeats content of children once for every row fetched. \",\n  defaultStyles: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr 1fr 1fr 1fr\",\n    gridRowGap: \"8px\",\n    gridColumnGap: \"8px\",\n    padding: \"8px\",\n    maxWidth: \"100%\",\n  },\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: \"8px\",\n        },\n        children: {\n          type: \"component\",\n          name: \"ContentfulField\",\n        },\n      },\n    },\n    contentType: {\n      type: \"choice\",\n      options: (_props, ctx) =>\n        ctx?.types?.map((type: any) => ({\n          label: type?.name,\n          value: type?.sys?.id,\n        })) ?? [],\n      displayName: \"Content type\",\n      description: \"Content type to be queried.\",\n    },\n\n    filterField: {\n      type: \"choice\",\n      displayName: \"Filter field\",\n      description: \"Field (from Collection) to filter by.\",\n      options: (_props, ctx) => ctx?.fields ?? [],\n      hidden: (props) => !props.contentType,\n    },\n    searchParameter: {\n      type: \"choice\",\n      displayName: \"Search Parameter\",\n      description:\n        \"Search Parameter to filter by (see Contentful Content Delivery API documentation for details).\",\n      options: (_props, ctx) => ctx?.queryOptions ?? [],\n      hidden: (props) => !props.filterField,\n    },\n    filterValue: {\n      type: \"string\",\n      displayName: \"Filter value\",\n      description: \"Value to filter by, should be of filter field type.\",\n      hidden: (props) => !props.searchParameter,\n    },\n    order: {\n      type: \"choice\",\n      displayName: \"Order\",\n      description: \"Field that the entries should be ordered by.\",\n      options: (_props, ctx) => [\n        ...(ctx?.fields ?? []),\n        \"sys.createdAt\",\n        \"sys.updatedAt\",\n      ],\n      hidden: (props) => !props.contentType,\n    },\n    reverseOrder: {\n      type: \"boolean\",\n      displayName: \"Reverse order\",\n      description: \"Reverse the order of the entries.\",\n      defaultValue: false,\n      hidden: (props) => !props.order,\n    },\n    limit: {\n      type: \"number\",\n      displayName: \"Limit\",\n      description: \"Limit the number of entries that are returned.\",\n    },\n    include: {\n      type: \"number\",\n      displayName: \"Linked items depth\",\n      defaultValueHint: 1,\n      description:\n        \"When you have related content (e.g. entries with links to image assets) it's possible to include both search results and related data in a single request. Using the include parameter, you can specify the number of levels to resolve.\",\n      max: 10,\n      min: 0,\n    },\n    noAutoRepeat: {\n      type: \"boolean\",\n      displayName: \"No auto-repeat\",\n      description: \"Do not automatically repeat children for every entry.\",\n      defaultValue: false,\n    },\n    noLayout: {\n      type: \"boolean\",\n      displayName: \"No layout\",\n      description:\n        \"When set, Contentful Fetcher will not layout its children; instead, the layout set on its parent element will be used. Useful if you want to set flex gap or control container tag type.\",\n      defaultValue: false,\n    },\n  },\n};\n\nexport function ContentfulFetcher({\n  filterField,\n  filterValue,\n  searchParameter,\n  noAutoRepeat,\n  contentType,\n  children,\n  className,\n  order,\n  reverseOrder,\n  limit,\n  include,\n  noLayout,\n  setControlContextData,\n}: ContentfulFetcherProps) {\n  const creds = ensure(\n    useContext(CredentialsContext),\n    \"Could not find context with current credentials\"\n  );\n  const cacheKey = JSON.stringify({\n    include,\n    order,\n    reverseOrder,\n    limit,\n    filterField,\n    filterValue,\n    searchParameter,\n    creds,\n  });\n\n  const baseUrl = \"https://cdn.contentful.com\";\n\n  const { data: contentTypes } = useDaouyQueryData<any | null>(\n    `${cacheKey}/contentTypes`,\n    async () => {\n      const resp = await fetch(\n        `${baseUrl}/spaces/${creds.space}/environments/${creds.environment}/content_types?access_token=${creds.accessToken}`\n      );\n      return resp.json();\n    }\n  );\n  setControlContextData?.({\n    types: contentTypes?.items ?? [],\n  });\n\n  function setOrderField(searchParams: URLSearchParams) {\n    if (order) {\n      searchParams.set(\n        \"order\",\n        `${reverseOrder ? \"-\" : \"\"}${\n          order.startsWith(\"sys.\") ? order : `fields.${order}`\n        }`\n      );\n    }\n  }\n\n  const { data: entriesData } = useDaouyQueryData<any | null>(\n    contentType ? `${cacheKey}/${contentType}/entriesData` : null,\n    async () => {\n      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;\n\n      const searchParams = new URLSearchParams();\n      searchParams.set(\"access_token\", creds.accessToken);\n      searchParams.set(\"content_type\", contentType);\n      if (limit) {\n        searchParams.set(\"limit\", limit.toString());\n      }\n      setOrderField(searchParams);\n      if (include) {\n        searchParams.set(\"include\", include.toString());\n      }\n\n      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);\n      return resp.json();\n    }\n  );\n\n  const { data: filteredData } = useDaouyQueryData<any | null>(\n    contentType && filterField && filterValue\n      ? `${cacheKey}/${contentType}/filteredData`\n      : null,\n    async () => {\n      const path = `/spaces/${creds.space}/environments/${creds.environment}/entries`;\n\n      const searchParams = new URLSearchParams();\n      searchParams.set(\"access_token\", creds.accessToken);\n      searchParams.set(\"content_type\", contentType);\n      if (limit) {\n        searchParams.set(\"limit\", limit.toString());\n      }\n      setOrderField(searchParams);\n\n      if (include) {\n        searchParams.set(\"include\", include.toString());\n      }\n\n      if (filterField && searchParameter && filterValue) {\n        searchParams.set(\n          `fields.${filterField}${searchParameter}`,\n          filterValue.toString()\n        );\n      }\n\n      const resp = await fetch(`${baseUrl}${path}?${searchParams.toString()}`);\n      return resp.json();\n    }\n  );\n\n  if (!creds.space || !creds.accessToken) {\n    return (\n      <div>\n        Please specify a valid API Credentials: Space, Access Token and\n        Environment\n      </div>\n    );\n  }\n\n  if (!contentTypes) {\n    return <div>Please configure the Contentful credentials</div>;\n  }\n\n  if (!entriesData) {\n    return <div>Please select a content type</div>;\n  }\n\n  const filterFields: string[] = entriesData?.items.flatMap((item: any) => {\n    const fields = Object.keys(item.fields).filter((field) => {\n      const value = get(item, field);\n      return typeof value !== \"object\" && field !== \"photos\";\n    });\n    return fields;\n  });\n\n  let operators;\n  const matchedFields = Object.values(entriesData.items).map((item: any) => {\n    const fields = Object.entries(item.fields).find(\n      (el) => el[0] === filterField\n    );\n    return fields;\n  });\n\n  Object.values(matchedFields)\n    .map((model: any) => (Array.isArray(model) ? model : [model]))\n    .map((item: any) => {\n      if (typeof item[1] === \"number\" && typeof item[1] !== \"object\") {\n        operators = searchParameters;\n      } else if (\n        typeof item[1] !== \"number\" &&\n        typeof item[1] !== \"object\" &&\n        typeof item[1] === \"string\"\n      ) {\n        operators = [\n          {\n            value: \"[match]\",\n            label: \"Full text search\",\n          },\n        ];\n      }\n    });\n\n  setControlContextData?.({\n    queryOptions: operators ?? [],\n    types: contentTypes?.items ?? [],\n    fields: uniq(filterFields ?? []),\n  });\n\n  if (filterField) {\n    if (!searchParameter) {\n      return <div>Please specify a Search Parameter</div>;\n    }\n    if (!filterValue) {\n      return <div>Please specify a Filter value</div>;\n    }\n  }\n\n  let renderedData;\n\n  const fixedData = entriesData ? denormalizeData(entriesData) : undefined;\n\n  if (filteredData) {\n    if (filteredData?.items?.length === 0) {\n      return <div className={className}>No published entry found</div>;\n    }\n\n    renderedData = noAutoRepeat\n      ? children\n      : denormalizeData(filteredData)?.items?.map(\n          (item: any, index: number) => (\n            <DataProvider\n              key={item?.sys?.id}\n              name={\"contentfulItem\"}\n              data={item}\n              hidden={true}\n            >\n              <DataProvider\n                name={makeDataProviderName(contentType)}\n                data={item}\n              >\n                {repeatedElement(index, children)}\n              </DataProvider>\n            </DataProvider>\n          )\n        );\n  } else {\n    if (fixedData?.items?.length === 0) {\n      return <div className={className}>{contentType} is empty</div>;\n    }\n\n    renderedData = noAutoRepeat\n      ? children\n      : fixedData?.items?.map((item: any, index: number) => (\n          <DataProvider\n            key={item?.sys?.id}\n            name={\"contentfulItem\"}\n            data={item}\n            hidden={true}\n          >\n            <DataProvider name={makeDataProviderName(contentType)} data={item}>\n              {repeatedElement(index, children)}\n            </DataProvider>\n          </DataProvider>\n        ));\n  }\n  return (\n    <DataProvider name=\"contentfulItems\" data={fixedData?.items}>\n      {noLayout ? (\n        <> {renderedData} </>\n      ) : (\n        <div className={className}> {renderedData} </div>\n      )}\n    </DataProvider>\n  );\n}\ninterface ContentfulFieldProps {\n  className?: string;\n  objectPath?: (string | number)[];\n  setControlContextData?: (data: { data: object }) => void;\n}\n\nexport const ContentfulFieldMeta: ComponentMeta<ContentfulFieldProps> = {\n  name: \"ContentfulField\",\n  displayName: \"Contentful Field\",\n  importName: \"ContentfulField\",\n  importPath: modulePath,\n  props: {\n    objectPath: {\n      type: \"dataSelector\",\n      data: (_props, ctx) => ctx?.data ?? {},\n      displayName: \"Field\",\n      description: \"Field to be displayed.\",\n    },\n  },\n};\n\nexport function ContentfulField({\n  className,\n  objectPath,\n  setControlContextData,\n}: ContentfulFieldProps) {\n  const item = useSelector(\"contentfulItem\")?.fields;\n  if (!item) {\n    return <div>ContentfulField must be used within a ContentfulFetcher </div>;\n  }\n  setControlContextData?.({\n    data: item,\n  });\n  if (!objectPath) {\n    return <div>Please specify a valid path or select a field.</div>;\n  }\n\n  const data = get(item, objectPath);\n  if (\n    typeof data === \"object\" &&\n    \"nodeType\" in data &&\n    data.nodeType === \"document\"\n  ) {\n    return (\n      <div\n        className={className}\n        dangerouslySetInnerHTML={{ __html: documentToHtmlString(data) }}\n      />\n    );\n  } else if (\n    typeof data === \"object\" &&\n    data.sys?.linkType === \"Asset\" &&\n    data.url\n  ) {\n    return <img className={className} src={data.url} />;\n  } else if (!data) {\n    return <div>Please specify a valid field.</div>;\n  } else if (typeof data !== \"object\") {\n    return <div className={className}>{data}</div>;\n  } else {\n    return <div className={className}>{data.toString()}</div>;\n  }\n}\n", "export const searchParameters = [\n  {\n    value: \"[lt]\",\n    label: \"Less than\",\n  },\n  {\n    value: \"[lte]\",\n    label: \"Less than or equal\",\n  },\n  {\n    value: \"[gt]\",\n    label: \"Greater than\",\n  },\n  {\n    value: \"[gte]\",\n    label: \"Greater than or equal \",\n  },\n];\n"],
+  "mappings": "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",
+  "names": ["React", "_a", "ensure", "get", "uniq", "denormalizeData", "registerComponent", "registerGlobalContext"]
+}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@daouypkgs/daouy-contentful",
+  "version": "0.0.182",
+  "description": "Daouy Contentful components.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/daouyapp/daouy.git",
+    "directory": "daouypkgs/daouy-contentful"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.esm.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "yarn build:types && yarn build:index",
+    "build:types": "yarn tsc",
+    "build:index": "node ../../build.mjs ./src/index.tsx",
+    "test": "TEST_CWD=`pwd` yarn --cwd=../.. test --passWithNoTests",
+    "prepublishOnly": "npm run build",
+    "postpublish": "bash ../../scripts/publish-api-doc-model.sh"
+  },
+  "size-limit": [
+    {
+      "path": "dist/index.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/index.mjs",
+      "limit": "10 KB"
+    }
+  ],
+  "devDependencies": {
+    "@daouy/host": "^1.0.234",
+    "@daouy/query": "^0.1.82",
+    "@daouypkgs/contentful": "^0.0.7",
+    "@types/dlv": "^1.1.2",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.7.3"
+  },
+  "dependencies": {
+    "@contentful/rich-text-html-renderer": "^15.13.1",
+    "@contentful/rich-text-react-renderer": "^15.12.1",
+    "change-case": "^4.1.2",
+    "dlv": "^1.1.3"
+  },
+  "peerDependencies": {
+    "@daouy/host": "^1.0.234",
+    "react": ">=16.8.0"
+  }
+}