chore(sdk): Implement @dotcms/types library

core-web/.verdaccio/config.yml

@@ -0,0 +1,28 @@
+# path to a directory with all packages
+storage: ../tmp/local-registry/storage
+
+# a list of other known repositories we can talk to
+uplinks:
+    npmjs:
+        url: https://dotcms-npm.b-cdn.net/
+        maxage: 60m
+
+packages:
+    '**':
+        # give all users (including non-authenticated users) full access
+        # because it is a local registry
+        access: $all
+        publish: $all
+        unpublish: $all
+
+        # if package is not available locally, proxy requests to npm registry
+        proxy: npmjs
+
+# log settings
+logs:
+    type: stdout
+    format: pretty
+    level: warn
+
+publish:
+    allow_offline: true # set offline to true to allow publish offline

core-web/libs/edit-content/src/lib/utils/functions.util.ts

@@ -8,7 +8,7 @@ import {
     DotLanguage,
     UI_STORAGE_KEY
 } from '@dotcms/dotcms-models';
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import {
     CALENDAR_FIELD_TYPES,

core-web/libs/portlets/dot-experiments/portlet/src/lib/dot-experiments-shell/dot-experiments-shell.component.spec.ts

@@ -6,7 +6,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { MessageService } from 'primeng/api';
 import { Toast } from 'primeng/toast';
 
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import { DotExperimentsShellComponent } from './dot-experiments-shell.component';
 import { DotExperimentsStore } from './store/dot-experiments.store';

core-web/libs/portlets/edit-ema/portlet/src/lib/dot-ema-shell/dot-ema-shell.component.spec.ts

@@ -32,6 +32,7 @@ import {
     SiteService
 } from '@dotcms/dotcms-js';
 import { DotPageToolsSeoComponent } from '@dotcms/portlets/dot-ema/ui';
+import { UVE_MODE } from '@dotcms/types';
 import { DotNotLicenseComponent } from '@dotcms/ui';
 import { WINDOW } from '@dotcms/utils';
 import {
@@ -41,7 +42,6 @@ import {
     DotcmsEventsServiceMock,
     SiteServiceMock
 } from '@dotcms/utils-testing';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { EditEmaNavigationBarComponent } from './components/edit-ema-navigation-bar/edit-ema-navigation-bar.component';
 import { DotEmaShellComponent } from './dot-ema-shell.component';

core-web/libs/portlets/edit-ema/portlet/src/lib/dot-ema-shell/dot-ema-shell.component.ts

@@ -23,9 +23,9 @@ import {
 } from '@dotcms/data-access';
 import { SiteService } from '@dotcms/dotcms-js';
 import { DotPageToolsSeoComponent } from '@dotcms/portlets/dot-ema/ui';
+import { UVE_MODE } from '@dotcms/types';
 import { DotInfoPageComponent, DotNotLicenseComponent } from '@dotcms/ui';
 import { WINDOW } from '@dotcms/utils';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { EditEmaNavigationBarComponent } from './components/edit-ema-navigation-bar/edit-ema-navigation-bar.component';
 

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-editor-mode-selector/dot-editor-mode-selector.component.spec.ts

@@ -3,7 +3,7 @@ import { createComponentFactory, Spectator } from '@ngneat/spectator/jest';
 import { signal } from '@angular/core';
 
 import { DotAnalyticsTrackerService, DotMessageService } from '@dotcms/data-access';
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import { DotEditorModeSelectorComponent } from './dot-editor-mode-selector.component';
 

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/components/dot-editor-mode-selector/dot-editor-mode-selector.component.ts

@@ -13,8 +13,8 @@ import { MenuModule } from 'primeng/menu';
 import { TooltipModule } from 'primeng/tooltip';
 
 import { DotAnalyticsTrackerService } from '@dotcms/data-access';
+import { UVE_MODE } from '@dotcms/types';
 import { DotMessagePipe } from '@dotcms/ui';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { UVEStore } from '../../../../../store/dot-uve.store';
 

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/dot-uve-toolbar.component.spec.ts

@@ -20,14 +20,14 @@ import {
     DotWorkflowsActionsService
 } from '@dotcms/data-access';
 import { LoginService } from '@dotcms/dotcms-js';
+import { UVE_MODE } from '@dotcms/types';
 import {
     DotExperimentsServiceMock,
     DotLanguagesServiceMock,
     DotLicenseServiceMock,
     getRunningExperimentMock,
     mockDotDevices
 } from '@dotcms/utils-testing';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { DotEditorModeSelectorComponent } from './components/dot-editor-mode-selector/dot-editor-mode-selector.component';
 import { DotEmaBookmarksComponent } from './components/dot-ema-bookmarks/dot-ema-bookmarks.component';

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/components/dot-uve-toolbar/dot-uve-toolbar.component.ts

@@ -38,8 +38,8 @@ import {
     DotDeviceListItem,
     DotCMSContentlet
 } from '@dotcms/dotcms-models';
+import { UVE_MODE } from '@dotcms/types';
 import { DotMessagePipe } from '@dotcms/ui';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { DotEditorModeSelectorComponent } from './components/dot-editor-mode-selector/dot-editor-mode-selector.component';
 import { DotEmaBookmarksComponent } from './components/dot-ema-bookmarks/dot-ema-bookmarks.component';

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/edit-ema-editor.component.spec.ts

@@ -60,6 +60,7 @@ import {
 } from '@dotcms/dotcms-js';
 import { DotCMSContentlet, DEFAULT_VARIANT_ID, DotCMSTempFile } from '@dotcms/dotcms-models';
 import { DotResultsSeoToolComponent } from '@dotcms/portlets/dot-ema/ui';
+import { UVE_MODE } from '@dotcms/types';
 import { DotCopyContentModalService, ModelCopyContentResponse, SafeUrlPipe } from '@dotcms/ui';
 import { WINDOW } from '@dotcms/utils';
 import {
@@ -79,7 +80,6 @@ import {
     DotPersonalizeServiceMock,
     MockDotHttpErrorManagerService
 } from '@dotcms/utils-testing';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { DotUvePageVersionNotFoundComponent } from './components/dot-uve-page-version-not-found/dot-uve-page-version-not-found.component';
 import { DotEmaRunningExperimentComponent } from './components/dot-uve-toolbar/components/dot-ema-running-experiment/dot-ema-running-experiment.component';

core-web/libs/portlets/edit-ema/portlet/src/lib/edit-ema-editor/edit-ema-editor.component.ts

@@ -46,9 +46,9 @@ import {
     SeoMetaTags
 } from '@dotcms/dotcms-models';
 import { DotResultsSeoToolComponent } from '@dotcms/portlets/dot-ema/ui';
+import { __DOTCMS_UVE_EVENT__ } from '@dotcms/types/internal';
 import { SafeUrlPipe, DotSpinnerModule, DotCopyContentModalService } from '@dotcms/ui';
 import { isEqual, WINDOW } from '@dotcms/utils';
-import { __DOTCMS_UVE_EVENT__ } from '@dotcms/uve/internal';
 
 import { DotUvePageVersionNotFoundComponent } from './components/dot-uve-page-version-not-found/dot-uve-page-version-not-found.component';
 import { DotUveToolbarComponent } from './components/dot-uve-toolbar/dot-uve-toolbar.component';

core-web/libs/portlets/edit-ema/portlet/src/lib/services/dot-page-api.service.spec.ts

@@ -1,6 +1,6 @@
 import { createHttpFactory, HttpMethod, SpectatorHttp } from '@ngneat/spectator';
 
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import { DotPageApiService } from './dot-page-api.service';
 

core-web/libs/portlets/edit-ema/portlet/src/lib/services/dot-page-api.service.ts

@@ -17,7 +17,7 @@ import {
     DotTemplate,
     VanityUrl
 } from '@dotcms/dotcms-models';
-import { UVE_MODE } from '@dotcms/uve/types';
+import { DotCMSGraphQLPageResponse, UVE_MODE } from '@dotcms/types';
 
 import { PERSONA_KEY } from '../shared/consts';
 import { DotPage, DotPageAssetParams, SavePagePayload } from '../shared/models';
@@ -199,7 +199,7 @@ export class DotPageApiService {
         return this.http.post<{ data }>('/api/v1/graphql', { query, variables }, { headers }).pipe(
             pluck('data'),
             map(({ page, ...content }) => {
-                const pageEntity = graphqlToPageEntity({ page });
+                const pageEntity = graphqlToPageEntity({ page } as DotCMSGraphQLPageResponse);
 
                 return {
                     page: pageEntity,

core-web/libs/portlets/edit-ema/portlet/src/lib/store/dot-uve.store.spec.ts

@@ -22,6 +22,7 @@ import {
     DotWorkflowsActionsService
 } from '@dotcms/data-access';
 import { LoginService } from '@dotcms/dotcms-js';
+import { UVE_MODE } from '@dotcms/types';
 import { WINDOW } from '@dotcms/utils';
 import {
     MockDotMessageService,
@@ -32,7 +33,6 @@ import {
     CurrentUserDataMock,
     mockLanguageArray
 } from '@dotcms/utils-testing';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { UVEStore } from './dot-uve.store';
 import { Orientation } from './models';

core-web/libs/portlets/edit-ema/portlet/src/lib/store/dot-uve.store.ts

@@ -2,7 +2,7 @@ import { patchState, signalStore, withComputed, withMethods, withState } from '@
 
 import { computed, untracked } from '@angular/core';
 
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import { withSave } from './features/editor/save/withSave';
 import { withEditor } from './features/editor/withEditor';

core-web/libs/portlets/edit-ema/portlet/src/lib/store/features/editor/toolbar/withUVEToolbar.spec.ts

@@ -6,8 +6,8 @@ import { of } from 'rxjs';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { DEFAULT_VARIANT_ID, DEFAULT_VARIANT_NAME } from '@dotcms/dotcms-models';
+import { UVE_MODE } from '@dotcms/types';
 import { getRunningExperimentMock, mockDotDevices } from '@dotcms/utils-testing';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { withUVEToolbar } from './withUVEToolbar';
 

core-web/libs/portlets/edit-ema/portlet/src/lib/store/features/editor/toolbar/withUVEToolbar.ts

@@ -15,7 +15,7 @@ import {
     DotExperimentStatus,
     SeoMetaTagsResult
 } from '@dotcms/dotcms-models';
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import { DEFAULT_DEVICE, DEFAULT_PERSONA } from '../../../../shared/consts';
 import { UVE_STATUS } from '../../../../shared/enums';

core-web/libs/portlets/edit-ema/portlet/src/lib/store/features/editor/withEditor.spec.ts

@@ -6,9 +6,9 @@ import { of } from 'rxjs';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { DEFAULT_VARIANT_ID, DotDeviceListItem } from '@dotcms/dotcms-models';
+import { UVE_MODE } from '@dotcms/types';
 import { WINDOW } from '@dotcms/utils';
 import { mockDotDevices, seoOGTagsMock } from '@dotcms/utils-testing';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import { withEditor } from './withEditor';
 

core-web/libs/portlets/edit-ema/portlet/src/lib/store/features/editor/withEditor.ts

@@ -10,8 +10,8 @@ import {
 import { computed, inject, untracked } from '@angular/core';
 
 import { DotTreeNode, SeoMetaTags } from '@dotcms/dotcms-models';
+import { UVE_MODE } from '@dotcms/types';
 import { WINDOW } from '@dotcms/utils';
-import { UVE_MODE } from '@dotcms/uve/types';
 
 import {
     EditorProps,

core-web/libs/portlets/edit-ema/portlet/src/lib/store/features/track/models.ts

@@ -1,4 +1,4 @@
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 export interface AnalyticsUVEModeChange {
     toMode: UVE_MODE;

core-web/libs/portlets/edit-ema/portlet/src/lib/store/features/track/withTrack.spec.ts

@@ -6,7 +6,7 @@ import { provideHttpClientTesting } from '@angular/common/http/testing';
 
 import { DotAnalyticsTrackerService } from '@dotcms/data-access';
 import { EVENT_TYPES } from '@dotcms/dotcms-models';
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import { withTrack } from './withTrack';
 

core-web/libs/portlets/edit-ema/portlet/src/lib/utils/utils.spec.ts

@@ -2,7 +2,7 @@ import { Params } from '@angular/router';
 
 import { CurrentUser } from '@dotcms/dotcms-js';
 import { DotDevice, DotExperiment, DotExperimentStatus } from '@dotcms/dotcms-models';
-import { UVE_MODE } from '@dotcms/uve/types';
+import { UVE_MODE } from '@dotcms/types';
 
 import {
     deleteContentletFromContainer,

core-web/libs/sdk/angular/next/components/dotcms-block-editor-renderer/blocks/contentlet.component.ts

@@ -1,7 +1,7 @@
 import { AsyncPipe, NgComponentOutlet } from '@angular/common';
 import { ChangeDetectionStrategy, Component, computed, Input } from '@angular/core';
 
-import { Contentlet, ContentNode } from '@dotcms/uve/types';
+import { Contentlet, BlockEditorNode } from '@dotcms/types';
 
 import { DynamicComponentEntity } from '../../../models';
 import { CustomRenderer } from '../dotcms-block-editor-renderer.component';
@@ -31,7 +31,7 @@ export class DotDefaultContentBlock {
 })
 export class DotContentletBlock {
     @Input() customRenderers: CustomRenderer | undefined;
-    @Input() attrs: ContentNode['attrs'];
+    @Input() attrs: BlockEditorNode['attrs'];
 
     contentComponent: DynamicComponentEntity | undefined;
 

core-web/libs/sdk/angular/next/components/dotcms-block-editor-renderer/blocks/image.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, Input } from '@angular/core';
 
-import { ContentNode } from '@dotcms/uve/types';
+import { BlockEditorNode } from '@dotcms/types';
 
 @Component({
     selector: 'dotcms-block-editor-renderer-image',
@@ -11,7 +11,7 @@ import { ContentNode } from '@dotcms/uve/types';
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DotImageBlock {
-    @Input() attrs!: ContentNode['attrs'];
+    @Input() attrs!: BlockEditorNode['attrs'];
 
     protected readonly $srcURL = computed(() => this.attrs?.['src']);
 }

core-web/libs/sdk/angular/next/components/dotcms-block-editor-renderer/blocks/table.component.ts

@@ -1,7 +1,7 @@
 import { NgComponentOutlet } from '@angular/common';
 import { Component, Input } from '@angular/core';
 
-import { ContentNode } from '@dotcms/uve/types';
+import { BlockEditorNode } from '@dotcms/types';
 
 import { DotCMSBlockEditorItemComponent } from '../item/dotcms-block-editor-item.component';
 @Component({
@@ -48,6 +48,6 @@ import { DotCMSBlockEditorItemComponent } from '../item/dotcms-block-editor-item
     `
 })
 export class DotTableBlock {
-    @Input() content: ContentNode[] | undefined;
+    @Input() content: BlockEditorNode[] | undefined;
     blockEditorItem = DotCMSBlockEditorItemComponent;
 }

core-web/libs/sdk/angular/next/components/dotcms-block-editor-renderer/blocks/text.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, Input } from '@angular/core';
 
-import { Mark } from '@dotcms/uve/types';
+import { BlockEditorMark } from '@dotcms/types';
 
 @Component({
     selector: 'dotcms-block-editor-renderer-paragraph',
@@ -63,7 +63,7 @@ export class DotHeadingBlock {
 }
 
 interface TextBlockProps {
-    marks?: Mark[];
+    marks?: BlockEditorMark[];
     text?: string;
 }
 

core-web/libs/sdk/angular/next/components/dotcms-block-editor-renderer/blocks/video.components.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, computed, Input } from '@angular/core';
 
-import { ContentNode } from '@dotcms/uve/types';
+import { BlockEditorNode } from '@dotcms/types';
 
 @Component({
     selector: 'dotcms-block-editor-renderer-video',
@@ -22,7 +22,7 @@ import { ContentNode } from '@dotcms/uve/types';
     `
 })
 export class DotVideoBlock {
-    @Input() attrs!: ContentNode['attrs'];
+    @Input() attrs!: BlockEditorNode['attrs'];
 
     protected readonly $srcURL = computed(() => this.attrs?.['src']);
 

core-web/libs/sdk/angular/next/components/dotcms-block-editor-renderer/dotcms-block-editor-renderer.component.spec.ts

@@ -1,8 +1,8 @@
 import { createComponentFactory, Spectator } from '@ngneat/spectator/jest';
 
+import { BlockEditorContent, UVE_MODE } from '@dotcms/types';
+import { BlockEditorState } from '@dotcms/types/internal';
 import { getUVEState } from '@dotcms/uve';
-import { BlockEditorState } from '@dotcms/uve/internal';
-import { Block, UVE_MODE } from '@dotcms/uve/types';
 
 import { DotCMSBlockEditorRendererComponent } from './dotcms-block-editor-renderer.component';
 import { DotCMSBlockEditorItemComponent } from './item/dotcms-block-editor-item.component';
@@ -26,7 +26,7 @@ describe('DotCMSBlockEditorRendererComponent', () => {
     let spectator: Spectator<DotCMSBlockEditorRendererComponent>;
     let component: DotCMSBlockEditorRendererComponent;
 
-    const mockValidBlock: Block = {
+    const mockValidBlock: BlockEditorContent = {
         type: 'doc',
         content: [
             {
@@ -44,7 +44,7 @@ describe('DotCMSBlockEditorRendererComponent', () => {
         ]
     };
 
-    const mockInvalidBlock: Block = {
+    const mockInvalidBlock: BlockEditorContent = {
         type: 'invalid',
         content: []
     };

core-web/libs/sdk/angular/next/components/dotcms-block-editor-renderer/dotcms-block-editor-renderer.component.ts

@@ -1,8 +1,9 @@
 import { Component, Input, signal } from '@angular/core';
 
+import { UVE_MODE, BlockEditorContent } from '@dotcms/types';
+import { BlockEditorState } from '@dotcms/types/internal';
 import { getUVEState } from '@dotcms/uve';
-import { BlockEditorState, isValidBlocks } from '@dotcms/uve/internal';
-import { UVE_MODE, Block } from '@dotcms/uve/types';
+import { isValidBlocks } from '@dotcms/uve/internal';
 
 import { DotCMSBlockEditorItemComponent } from './item/dotcms-block-editor-item.component';
 
@@ -40,7 +41,7 @@ export type CustomRenderer = Record<string, DynamicComponentEntity>;
     imports: [DotCMSBlockEditorItemComponent]
 })
 export class DotCMSBlockEditorRendererComponent {
-    @Input() blocks!: Block;
+    @Input() blocks!: BlockEditorContent;
     @Input() customRenderers: CustomRenderer | undefined;
 
     $blockEditorState = signal<BlockEditorState>({ error: null });