@pcg/dynamic-components 1.0.0-alpha.2 → 1.0.0-alpha.4

package/src/dynamic-components/paths.ts

@@ -1,194 +0,0 @@
-import { isString } from '@/assertions/index.js';
-import { isArrayKey } from '@/paths/index.js';
-
-import {
-  isCollectionComponent,
-  isColumnComponent, isRepeatableCollectionComponent, isRowComponent,
-} from './registry/index.js';
-import { DynamicComponent } from './types.js';
-
-/**
- * Get array with components founded by rpath
- *
- * @example
- * const components = [
- *  {
- *    id: "xxx",
- *    component: "collection",
- *    props: {
- *      components: [
- *        {
- *           id: "yyy",
- *           component: "text-input",
- *           props: {
- *             label: "Title"
- *           }
- *        }
- *      ]
- *    }
- *  }
- * ]
- *
- * const { pathWithComponents } = getComponentsSubtreeByRPath(components, ['xxx', 'yyy']);
- *
- * // pathWithComponents
- * // [
- * //   {
- * //     id: "xxx",
- * //     component: "collection",
- * //     ...
- * //   },
- * //   {
- * //     id: "yyy",
- * //     component: "text-input",
- * //     ...
- * //  }
- * // ]
- *
- */
-export const getComponentsSubtreeByRPath = (components: DynamicComponent[], rpath: string[]) => {
-  const pathWithComponents: DynamicComponent[] = [];
-
-  deepGetComponentsSubtreeByRPath(components, rpath, pathWithComponents);
-
-  return {
-    pathWithComponents,
-    complete: pathWithComponents.length === rpath.length,
-  };
-};
-
-const deepGetComponentsSubtreeByRPath = (components: DynamicComponent[], rpath: string[], pathWithComponents: DynamicComponent[]) => {
-  const id = rpath[0];
-
-  const component = components.find((cmp) => cmp.id === id);
-
-  if (!component) {
-    return;
-  }
-
-  pathWithComponents.push(component);
-
-  if (!Array.isArray(component.props.components)) {
-    return;
-  }
-
-  deepGetComponentsSubtreeByRPath(component.props.components, rpath.slice(1), pathWithComponents);
-};
-
-/**
- * Get array with components founded by values path.
- *
- * @example
- * const components = [
- *  {
- *    id: "xxx",
- *    component: "collection",
- *    props: {
- *      name: "seo",
- *      components: [
- *        {
- *           id: "yyy",
- *           component: "text-input",
- *           props: {
- *             label: "Title",
- *             name: "title",
- *           }
- *        }
- *      ]
- *    }
- *  }
- * ]
- *
- * const { pathWithComponents } = getComponentsSubtreeByPath(components, ['seo', 'title']);
- *
- * // pathWithComponents
- * // [
- * //   {
- * //     id: "xxx",
- * //     component: "collection",
- * //     ...
- * //   },
- * //   {
- * //     id: "yyy",
- * //     component: "text-input",
- * //     ...
- * //  }
- * // ]
- *
- */
-export const getComponentsSubtreeByPath = (components: DynamicComponent[], path: (string | number)[]) => {
-  const pathWithComponents: DynamicComponent[] = [];
-  const complete = true;
-
-  deepGetComponentsSubtreeByPath(components, path, pathWithComponents, complete);
-
-  return {
-    pathWithComponents,
-    complete,
-  };
-};
-
-const deepFindComponentPathKey = (components: DynamicComponent[], key: string): DynamicComponent | null => {
-  for (const component of components) {
-    if ((component.props.name && component.props.name === key) || component.id === key) {
-      return component;
-    }
-
-    if (isRowComponent(component) || isColumnComponent(component)) {
-      const result = deepFindComponentPathKey(component.props.components, key);
-      if (result) {
-        return result;
-      }
-    }
-  }
-
-  return null;
-};
-
-const deepGetComponentsSubtreeByPath = (
-  components: DynamicComponent[],
-  path: (string | number)[],
-  pathWithComponents: DynamicComponent[],
-  complete: boolean,
-) => {
-  const key = path[0];
-
-  if (!isString(key)) {
-    complete = false;
-
-    return;
-  }
-
-  const component = deepFindComponentPathKey(components, key);
-
-  if (!component) {
-    complete = false;
-
-    return;
-  }
-
-  pathWithComponents.push(component);
-
-  /**
-   * Deep dive if repeatable collection.
-   *
-   * If next key is array key find in props.components next key after array key
-   *
-   * @example
-   * path = ['fields', 'id:xxx', 'title']
-   *
-   * cpnst key = 'fields';
-   * const nextKey = 'id:xxx', // array key
-   * const nextKeyAfterArrayKey = 'title';
-   */
-  if (isRepeatableCollectionComponent(component)) {
-    const nextKey = path[1];
-    if (isArrayKey(nextKey) && path[2]) {
-      deepGetComponentsSubtreeByPath(component.props.components, path.slice(2), pathWithComponents, complete);
-    }
-  }
-
-  if (isCollectionComponent(component)) {
-    deepGetComponentsSubtreeByPath(component.props.components, path.slice(1), pathWithComponents, complete);
-  }
-};

package/src/dynamic-components/registry/chats.ts

@@ -1,24 +0,0 @@
-import { RichText } from '../../data-objects/rich-text.js';
-import { DynamicComponent } from '../types.js';
-
-/* Text Message */
-export interface DChatTextMessage extends DynamicComponent {
-  component: 'chat-text-message';
-  props: {
-    content: RichText;
-  };
-}
-
-export const isChatTextMessageComponent = (component: DynamicComponent): component is DChatTextMessage => component.component === 'chat-text-message';
-
-/* Message Delay */
-export interface DChatMessageDelay extends DynamicComponent {
-  component: 'chat-message-delay';
-  props: {
-    delay: number;
-    typing: boolean;
-  };
-}
-
-// eslint-disable-next-line max-len
-export const isChatMessageDelayComponent = (component: DynamicComponent): component is DChatMessageDelay => component.component === 'chat-message-delay';

package/src/dynamic-components/registry/content.ts

@@ -1,118 +0,0 @@
-import { RichText } from '../../data-objects/rich-text.js';
-import { DynamicComponent } from '../types.js';
-
-/* TEXT INPUT */
-export interface DRichText extends DynamicComponent {
-  component: 'rich-text';
-  props: {
-    content: RichText;
-  };
-}
-
-export const isRichTextComponent = (component: DynamicComponent): component is DRichText => component.component === 'rich-text';
-
-/* RowSettings */
-export interface DEmbedCode extends DynamicComponent {
-  component: 'embed-code';
-  props: {
-    js?: string;
-    css?: string;
-    html?: string;
-    visible?: string;
-  };
-}
-
-export const isEmbedCodeComponent = (component: DynamicComponent): component is DEmbedCode => {
-  return component.component === 'embed-code';
-};
-
-/* Image */
-export interface DImage extends DynamicComponent {
-  component: 'embed-code';
-  props: {
-    imageId: string;
-  };
-}
-
-export const isImageComponent = (component: DynamicComponent): component is DImage => component.component === 'image';
-
-/* Legacy Content */
-export interface DLegacyContent extends DynamicComponent {
-  component: 'legacy-content';
-  props: {
-    html: string;
-  };
-}
-
-export const isLegacyContentComponent = (component: DynamicComponent): component is DLegacyContent => component.component === 'legacy-content';
-
-/* Bible Quote */
-export interface DBibleQuote extends DynamicComponent {
-  component: 'bible-quote';
-  props: {
-    verseId: string;
-  };
-}
-
-export const isBibleQuoteComponent = (component: DynamicComponent): component is DBibleQuote => component.component === 'bible-quote';
-
-/* Bible Passage */
-export interface DBiblePassage extends DynamicComponent {
-  component: 'bible-passage';
-  props: {
-    passage: string;
-  };
-}
-
-export const isBiblePassageComponent = (component: DynamicComponent): component is DBiblePassage => component.component === 'bible-passage';
-
-/* TESTS */
-
-export interface TestItemVariant {
-  id: string;
-  content: RichText;
-  feedback?: RichText;
-  correct?: boolean;
-}
-
-export interface TestItem {
-  id: string;
-  content: RichText;
-  variants: TestItemVariant[];
-}
-
-export interface DTest extends DynamicComponent {
-  component: 'test';
-  props: {
-    title?: string;
-    items: TestItem[];
-    milestone?: string;
-  };
-}
-
-export const isTestComponent = (component: DynamicComponent): component is DTest => component.component === 'test';
-
-export interface DStatement extends DynamicComponent {
-  component: 'statement';
-  props: {
-    content: RichText;
-  };
-}
-
-export const isStatementComponent = (component: DynamicComponent): component is DStatement => component.component === 'statement';
-
-export interface DPractice extends DynamicComponent {
-  component: 'practice';
-  props: {
-    title?: string;
-    content: RichText;
-
-    /**
-     * Date when the practice should be checked in ISO 8601 format
-     * @example '2023-10-01T00:08:00Z'
-     */
-    checkAt?: string;
-  };
-}
-
-export const isPracticeComponent = (component: DynamicComponent): component is DPractice => component.component === 'practice';