Angular - Implementing the CMS Kit module features

npm/ng-packs/package.json

@@ -103,6 +103,7 @@
     "bootstrap-icons": "~1.13.0",
     "browser-sync": "~3.0.0",
     "chart.js": "~4.0.0",
+    "codemirror": "~6.0.0",
     "cypress": "^7.0.0",
     "dotenv": "10.0.0",
     "eslint": "~8.0.0",
@@ -129,6 +130,7 @@
     "postcss-url": "10.1.3",
     "prettier": "^3.0.0",
     "protractor": "~7.0.0",
+    "@toast-ui/editor": "~3.0.0",
     "rxjs": "~7.8.0",
     "should-quote": "^1.0.0",
     "ts-jest": "29.1.0",

npm/ng-packs/packages/cms-kit/README.md

@@ -0,0 +1,85 @@
+# @abp/ng.cms-kit
+
+ABP CMS Kit Angular package providing admin and public functionality for content management.
+
+## Structure
+
+This package is organized into two main sub-packages:
+
+- **Admin** (`admin/`) - Admin interface for managing CMS content
+- **Public** (`public/`) - Public-facing components for displaying CMS content
+
+## Installation
+
+```bash
+npm install @abp/ng.cms-kit
+```
+
+## Usage
+
+### Admin
+
+```typescript
+import { provideCmsKitAdminConfig } from '@abp/ng.cms-kit/admin/config';
+
+// In your app config
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideCmsKitAdminConfig(),
+    // ... other providers
+  ],
+};
+
+// In your routes
+export const routes: Routes = [
+  {
+    path: 'cms',
+    loadChildren: () => import('@abp/ng.cms-kit/admin').then(m => m.createRoutes()),
+  },
+];
+```
+
+### Public
+
+```typescript
+import { provideCmsKitPublicConfig } from '@abp/ng.cms-kit/public/config';
+
+// In your app config
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideCmsKitPublicConfig(),
+    // ... other providers
+  ],
+};
+
+// In your routes
+export const routes: Routes = [
+  {
+    path: 'cms',
+    loadChildren: () => import('@abp/ng.cms-kit/public').then(m => m.createRoutes()),
+  },
+];
+```
+
+## Features
+
+### Admin Features
+
+- Comments management
+- Tags management
+- Pages management
+- Blogs management
+- Blog posts management
+- Menus management
+- Global resources management
+
+### Public Features
+
+- Public page viewing
+- Public blog and blog post viewing
+- Commenting functionality
+- Shared components (MarkedItemToggle, PopularTags, Rating, ReactionSelection, Tags)
+
+## Documentation
+
+For more information, see the [ABP Documentation](https://docs.abp.io).

npm/ng-packs/packages/cms-kit/admin/config/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-entrypoint.schema.json",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

npm/ng-packs/packages/cms-kit/admin/config/src/enums/index.ts

@@ -0,0 +1,2 @@
+export * from './policy-names';
+export * from './route-names';

npm/ng-packs/packages/cms-kit/admin/config/src/enums/policy-names.ts

@@ -0,0 +1,10 @@
+export enum eCmsKitAdminPolicyNames {
+  Cms = 'CmsKit.Comments || CmsKit.Tags || CmsKit.Pages || CmsKit.Blogs || CmsKit.BlogPosts || CmsKit.Menus || CmsKit.GlobalResources',
+  Comments = 'CmsKit.Comments',
+  Tags = 'CmsKit.Tags',
+  Pages = 'CmsKit.Pages',
+  Blogs = 'CmsKit.Blogs',
+  BlogPosts = 'CmsKit.BlogPosts',
+  Menus = 'CmsKit.Menus',
+  GlobalResources = 'CmsKit.GlobalResources',
+}

npm/ng-packs/packages/cms-kit/admin/config/src/enums/route-names.ts

@@ -0,0 +1,10 @@
+export enum eCmsKitAdminRouteNames {
+  Cms = 'CmsKit::Menu:CMS',
+  Comments = 'CmsKit::CmsKit.Comments',
+  Tags = 'CmsKit::CmsKit.Tags',
+  Pages = 'CmsKit::Pages',
+  Blogs = 'CmsKit::Blogs',
+  BlogPosts = 'CmsKit::BlogPosts',
+  Menus = 'CmsKit::Menus',
+  GlobalResources = 'CmsKit::GlobalResources',
+}

npm/ng-packs/packages/cms-kit/admin/config/src/models/cms-kit-admin-settings.ts

@@ -0,0 +1,3 @@
+export interface Settings {
+  commentRequireApprovement: boolean;
+}

npm/ng-packs/packages/cms-kit/admin/config/src/models/index.ts

@@ -0,0 +1 @@
+export * from './cms-kit-admin-settings';

npm/ng-packs/packages/cms-kit/admin/config/src/providers/cms-kit-admin-config.provider.ts

@@ -0,0 +1,10 @@
+import { makeEnvironmentProviders } from '@angular/core';
+import { CMS_KIT_ADMIN_ROUTE_PROVIDERS } from './route.provider';
+import { CMS_KIT_ADMIN_SETTING_TAB_PROVIDERS } from './setting-tab.provider';
+
+export function provideCmsKitAdminConfig() {
+  return makeEnvironmentProviders([
+    CMS_KIT_ADMIN_ROUTE_PROVIDERS,
+    CMS_KIT_ADMIN_SETTING_TAB_PROVIDERS,
+  ]);
+}

npm/ng-packs/packages/cms-kit/admin/config/src/providers/index.ts

@@ -0,0 +1,3 @@
+export * from './cms-kit-admin-config.provider';
+export * from './route.provider';
+export * from './setting-tab.provider';

npm/ng-packs/packages/cms-kit/admin/config/src/providers/route.provider.ts

@@ -0,0 +1,79 @@
+import { eLayoutType, RoutesService } from '@abp/ng.core';
+import { inject, provideAppInitializer } from '@angular/core';
+import { eCmsKitAdminPolicyNames } from '../enums/policy-names';
+import { eCmsKitAdminRouteNames } from '../enums/route-names';
+
+export const CMS_KIT_ADMIN_ROUTE_PROVIDERS = [
+  provideAppInitializer(() => {
+    configureRoutes();
+  }),
+];
+
+export function configureRoutes() {
+  const routesService = inject(RoutesService);
+  routesService.add([
+    {
+      path: '/cms/blog-posts',
+      name: eCmsKitAdminRouteNames.BlogPosts,
+      parentName: eCmsKitAdminRouteNames.Cms,
+      order: 1,
+      layout: eLayoutType.application,
+      iconClass: 'fa fa-file-alt',
+      requiredPolicy: eCmsKitAdminPolicyNames.BlogPosts,
+    },
+    {
+      path: '/cms/blogs',
+      name: eCmsKitAdminRouteNames.Blogs,
+      parentName: eCmsKitAdminRouteNames.Cms,
+      order: 2,
+      layout: eLayoutType.application,
+      iconClass: 'fa fa-blog',
+      requiredPolicy: eCmsKitAdminPolicyNames.Blogs,
+    },
+    {
+      path: '/cms/comments',
+      name: eCmsKitAdminRouteNames.Comments,
+      parentName: eCmsKitAdminRouteNames.Cms,
+      order: 3,
+      layout: eLayoutType.application,
+      iconClass: 'fa fa-comments',
+      requiredPolicy: eCmsKitAdminPolicyNames.Comments,
+    },
+    {
+      path: '/cms/global-resources',
+      name: eCmsKitAdminRouteNames.GlobalResources,
+      parentName: eCmsKitAdminRouteNames.Cms,
+      order: 5,
+      layout: eLayoutType.application,
+      iconClass: 'fa fa-globe',
+      requiredPolicy: eCmsKitAdminPolicyNames.GlobalResources,
+    },
+    {
+      path: '/cms/menus',
+      name: eCmsKitAdminRouteNames.Menus,
+      parentName: eCmsKitAdminRouteNames.Cms,
+      order: 6,
+      layout: eLayoutType.application,
+      iconClass: 'fa fa-bars',
+      requiredPolicy: eCmsKitAdminPolicyNames.Menus,
+    },
+    {
+      path: '/cms/pages',
+      name: eCmsKitAdminRouteNames.Pages,
+      parentName: eCmsKitAdminRouteNames.Cms,
+      order: 9,
+      layout: eLayoutType.application,
+      iconClass: 'fa fa-file',
+      requiredPolicy: eCmsKitAdminPolicyNames.Pages,
+    },
+    {
+      path: '/cms/tags',
+      name: eCmsKitAdminRouteNames.Tags,
+      parentName: eCmsKitAdminRouteNames.Cms,
+      order: 11,
+      layout: eLayoutType.application,
+      iconClass: 'fa fa-tags',
+      requiredPolicy: eCmsKitAdminPolicyNames.Tags,
+    },
+  ]);
+}

npm/ng-packs/packages/cms-kit/admin/config/src/providers/setting-tab.provider.ts

@@ -0,0 +1,27 @@
+import { ABP, ConfigStateService } from '@abp/ng.core';
+import { SettingTabsService } from '@abp/ng.setting-management/config';
+import { inject, provideAppInitializer } from '@angular/core';
+import { eCmsKitAdminPolicyNames, eCmsKitAdminRouteNames } from '../enums';
+import { CmsSettingsComponent } from '@abp/ng.cms-kit/admin';
+
+export const CMS_KIT_ADMIN_SETTING_TAB_PROVIDERS = [
+  provideAppInitializer(() => {
+    configureSettingTabs();
+  }),
+];
+
+export async function configureSettingTabs() {
+  const settingTabs = inject(SettingTabsService);
+  const configState = inject(ConfigStateService);
+  const tabsArray: ABP.Tab[] = [
+    {
+      name: eCmsKitAdminRouteNames.Cms,
+      order: 100,
+      requiredPolicy: eCmsKitAdminPolicyNames.Cms,
+      invisible: configState.getFeature('CmsKit.CommentEnable')?.toLowerCase() === 'true',
+      component: CmsSettingsComponent,
+    },
+  ];
+
+  settingTabs.add(tabsArray);
+}

npm/ng-packs/packages/cms-kit/admin/config/src/public-api.ts

@@ -0,0 +1,3 @@
+export * from './enums';
+export * from './providers';
+export * from './models';

npm/ng-packs/packages/cms-kit/admin/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-entrypoint.schema.json",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}