@ethlete/contentful 3.9.0 → 4.0.0-next.0

package/package.json

@@ -1,26 +1,29 @@
 {
   "name": "@ethlete/contentful",
-  "version": "3.9.0",
+  "version": "4.0.0-next.0",
   "license": "MIT",
   "sideEffects": false,
   "peerDependencies": {
-    "@angular/cdk": "20.0.3",
-    "@angular/common": "20.0.3",
-    "@angular/core": "20.0.3",
-    "@contentful/rich-text-types": "17.0.0",
-    "@ethlete/cdk": "^4.0.3",
-    "@ethlete/core": "^4.0.3",
-    "@ethlete/query": "^5.0.3",
-    "rxjs": "7.8.2"
+    "@analogjs/vite-plugin-angular": "2.3.1",
+    "@angular/cdk": "21.2.1",
+    "@angular/common": "21.2.1",
+    "@angular/core": "21.2.1",
+    "@contentful/rich-text-types": "17.2.5",
+    "@ethlete/cdk": "^5.0.0-next.0",
+    "@ethlete/core": "^5.0.0-next.0",
+    "@ethlete/query": "^6.0.0-next.0",
+    "@nx/vite": "22.5.4",
+    "rxjs": "7.8.2",
+    "vite": "^7.0.0"
   },
   "module": "fesm2022/ethlete-contentful.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/ethlete-contentful.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/ethlete-contentful.d.ts",
       "default": "./fesm2022/ethlete-contentful.mjs"
     }
   },

package/{index.d.ts → types/ethlete-contentful.d.ts}

@@ -1,14 +1,15 @@
 import * as _angular_core from '@angular/core';
-import { ComponentRef, ViewContainerRef, Renderer2, ElementRef, InputSignal, InjectionToken } from '@angular/core';
+import { ViewContainerRef, ElementRef, ComponentRef, InputSignal, InjectionToken } from '@angular/core';
 import { NgClassType } from '@ethlete/core';
 import * as _ethlete_query from '@ethlete/query';
 import { ComponentType } from '@angular/cdk/portal';
 import { Mark, BLOCKS, INLINES, NodeData, Block } from '@contentful/rich-text-types';
+import * as _ethlete_contentful from '@ethlete/contentful';
 import * as _ethlete_cdk from '@ethlete/cdk';
 import { PictureSource } from '@ethlete/cdk';
 
 declare const GQL_FRAGMENT_CONTENTFUL_ASSET: _ethlete_query.GQL;
-interface ContentfulGqlAsset {
+type ContentfulGqlAsset = {
     sys: {
         id: string;
     };
@@ -19,7 +20,7 @@ interface ContentfulGqlAsset {
     width: number | null;
     height: number | null;
     size: number | null;
-}
+};
 declare const isContentfulGqlAsset: (asset: any) => asset is ContentfulGqlAsset;
 type ContentfulGqlWhereFilter<TLinkedFrom extends Record<string, unknown> = Record<string, unknown>> = {
     /**
@@ -123,7 +124,7 @@ type HtmlOpenRenderCommand = [
     domPosition: number,
     index: number,
     attributes: Record<string, string>,
-    tagName: string,
+    tagName: keyof HTMLElementTagNameMap,
     textId: string
 ];
 type HtmlCloseRenderCommand = [
@@ -131,7 +132,7 @@ type HtmlCloseRenderCommand = [
     nestingLevel: number,
     domPosition: number,
     index: number,
-    tagName: string,
+    tagName: keyof HTMLElementTagNameMap,
     elementId: string
 ];
 type TextRenderCommand = [
@@ -224,22 +225,53 @@ type ContentfulIncludeMap = {
      */
     getAssets: (ids: string[]) => ContentfulRestAsset[];
 };
-interface CreateContentfulIncludeMapConfig {
+type CreateContentfulIncludeMapConfig = {
     /** The entries that should be present inside the map  */
     entries: ContentfulEntry[];
     /** The assets that should be present inside the map  */
     assets: ContentfulRestAsset[];
-}
+};
 /**
  * Create a contentful include map using the provided entries and assets.
  */
 declare const createContentfulIncludeMap: (config: CreateContentfulIncludeMapConfig) => ContentfulIncludeMap;
 declare class ContentfulRichTextRendererComponent {
     _viewContainerRef: ViewContainerRef;
-    _renderer: Renderer2;
+    _renderer: {
+        addClass: (element: HTMLElement, ...classes: string[]) => void;
+        removeClass: (element: HTMLElement, ...classes: string[]) => void;
+        toggleClass: (element: HTMLElement, className: string, force?: boolean) => boolean;
+        setStyle: (element: HTMLElement, style: Partial<Record<keyof CSSStyleDeclaration, string | null>>, flags?: _angular_core.RendererStyleFlags2) => void;
+        removeStyle: (element: HTMLElement, ...styles: (keyof CSSStyleDeclaration)[]) => void;
+        setAttribute: (element: HTMLElement, name: string, value: string | null, namespace?: string | null) => void;
+        removeAttribute: (element: HTMLElement, ...names: string[]) => void;
+        setProperty: (element: HTMLElement, name: string, value: unknown) => void;
+        setProperties: (element: HTMLElement, properties: Record<string, unknown>) => void;
+        createElement: <K extends keyof HTMLElementTagNameMap>(tagName: K, namespace?: string | null) => HTMLElementTagNameMap[K];
+        createText: (value: string) => globalThis.Text;
+        createComment: (value: string) => Comment;
+        appendChild: (parent: HTMLElement, newChild: Node) => void;
+        insertBefore: (parent: Node, newChild: Node, refChild: Node | null) => void;
+        removeChild: (parent: Node, oldChild: Node, isHostElement?: boolean) => void;
+        selectRootElement: (selectorOrNode: string | HTMLElement, preserveContent?: boolean) => HTMLElement;
+        parentNode: (node: Node) => Node | null;
+        nextSibling: (node: Node) => Node | null;
+        setValue: (node: Node, value: string) => void;
+        listen: (target: HTMLElement | Window | Document | "window" | "document" | "body", eventName: string, callback: (event: Event) => boolean | void) => (() => void);
+        destroyNode: (node: Node) => void;
+        replaceChild: (parent: Node, newChild: Node, oldChild: Node) => void;
+        empty: (element: HTMLElement) => void;
+        setTextContent: (element: HTMLElement, text: string) => void;
+        setInnerHTML: (element: HTMLElement, html: string) => void;
+        setAttributes: (element: HTMLElement, attributes: Record<string, string | null>, namespace?: string | null) => void;
+        setDataAttributes: (element: HTMLElement, data: Record<string, string | null>) => void;
+        setCssProperty: (element: HTMLElement, name: string, value: string | null) => void;
+        setCssProperties: (element: HTMLElement, properties: Record<string, string | null>) => void;
+        renderer: _angular_core.Renderer2;
+    };
     _elementRef: ElementRef<HTMLElement>;
     _document: Document;
-    _config: ContentfulConfig;
+    _config: _ethlete_contentful.ContentfulConfig;
     /**
      * A cache for all executed commands that are not deleted.
      * This is used to keep track of all rendered elements and components.
@@ -286,7 +318,7 @@ declare class ContentfulRichTextRendererComponent {
 }
 
 declare const isRichTextRootNode: (node: unknown) => node is RichTextResponse;
-declare const translateContentfulNodeTypeToHtmlTag: (nodeType: "text" | BLOCKS | INLINES) => "document" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "ul" | "ol" | "li" | "hr" | "blockquote" | "table" | "tr" | "td" | "th" | "div" | "a" | "span";
+declare const translateContentfulNodeTypeToHtmlTag: (nodeType: "text" | BLOCKS | INLINES) => "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "ul" | "ol" | "li" | "hr" | "blockquote" | "table" | "tr" | "td" | "th" | "div" | "a" | "span";
 
 type ContentfulImageResizeBehavior = 'pad' | 'crop' | 'fill' | 'scale' | 'thumb' | 'fit';
 type ContentfulImageFocusArea = 'top' | 'bottom' | 'left' | 'right' | 'center' | 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right' | 'face' | 'faces';
@@ -299,13 +331,13 @@ type ComponentLikeWithContentfulRendererInputs = ComponentType<{
     metadata?: InputSignal<ContentfulMetadata>;
     sys?: InputSignal<ContentfulEntrySys>;
 }>;
-interface ContentfulAssetComponents {
+type ContentfulAssetComponents = {
     file: ComponentLikeWithAsset;
     image: ComponentLikeWithAsset;
     video: ComponentLikeWithAsset;
     audio: ComponentLikeWithAsset;
-}
-interface ContentfulConfig {
+};
+type ContentfulConfig = {
     /**
      * Default components for rendering contentful assets
      */
@@ -343,31 +375,31 @@ interface ContentfulConfig {
          */
         backgroundColor: string | null;
     };
-}
+};
 type ContentfulLinkType = 'Space' | 'ContentType' | 'Environment' | 'Entry' | 'Asset' | 'Tag';
-interface ContentfulLink<T extends ContentfulLinkType> {
+type ContentfulLink<T extends ContentfulLinkType> = {
     type: 'Link';
     linkType: T;
     id: string;
-}
+};
 type ContentfulSpaceLink = ContentfulLink<'Space'>;
 type ContentfulEnvironmentLink = ContentfulLink<'Environment'>;
 type ContentfulContentTypeLink = ContentfulLink<'ContentType'>;
 type ContentfulEntryLink = ContentfulLink<'Entry'>;
 type ContentfulAssetLink = ContentfulLink<'Asset'>;
 type ContentfulTagLink = ContentfulLink<'Tag'>;
-interface ContentfulTagLinkItem {
+type ContentfulTagLinkItem = {
     sys: ContentfulTagLink;
-}
-interface ContentfulEntryLinkItem {
+};
+type ContentfulEntryLinkItem = {
     sys: ContentfulEntryLink;
-}
-interface ContentfulAssetLinkItem {
+};
+type ContentfulAssetLinkItem = {
     sys: ContentfulAssetLink;
-}
-interface ContentfulMetadata {
+};
+type ContentfulMetadata = {
     tags: ContentfulTagLinkItem[];
-}
+};
 type ContentfulSys = {
     type: string;
     id: string;
@@ -387,11 +419,11 @@ type ContentfulEntrySys = ContentfulSys & {
         sys: ContentfulContentTypeLink;
     };
 };
-interface ContentfulAssetImageData {
+type ContentfulAssetImageData = {
     width: number;
     height: number;
-}
-interface ContentfulAssetFileData {
+};
+type ContentfulAssetFileData = {
     url: string | null;
     details: {
         size: number | null;
@@ -399,8 +431,8 @@ interface ContentfulAssetFileData {
     };
     fileName: string | null;
     contentType: string | null;
-}
-interface ContentfulRestAsset {
+};
+type ContentfulRestAsset = {
     sys: ContentfulSys;
     fields: {
         title: string;
@@ -408,15 +440,15 @@ interface ContentfulRestAsset {
         file: ContentfulAssetFileData;
     };
     metadata: ContentfulMetadata;
-}
-interface ContentfulEntry<T = {
+};
+type ContentfulEntry<T = {
     [key: string]: any;
-}> {
+}> = {
     sys: ContentfulEntrySys;
     fields: T;
     metadata: ContentfulMetadata;
-}
-interface ContentfulCollection {
+};
+type ContentfulCollection = {
     includes: {
         Asset: ContentfulRestAsset[];
         Entry: ContentfulEntry[];
@@ -428,12 +460,12 @@ interface ContentfulCollection {
     sys: {
         type: 'Array';
     };
-}
-interface RichTextResponse {
+};
+type RichTextResponse = {
     nodeType: 'document';
     data: NodeData;
     content: Block[];
-}
+};
 
 declare class ContentfulAudioComponent {
     asset: _angular_core.InputSignal<ContentfulGqlAsset | ContentfulRestAsset | null | undefined>;
@@ -462,7 +494,7 @@ declare class ContentfulFileComponent {
 }
 
 declare class ContentfulImageComponent {
-    _contentfulConfig: ContentfulConfig;
+    _contentfulConfig: _ethlete_contentful.ContentfulConfig;
     asset: _angular_core.InputSignal<ContentfulGqlAsset | ContentfulRestAsset | null | undefined>;
     backgroundColor: _angular_core.InputSignal<string | null>;
     srcsetSizes: _angular_core.InputSignal<string[]>;