@taon-dev/cms 21.0.24 → 21.0.25

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/i18n/taon-cms-website-feature.controller.ts.en-US.i18n.data.ts

@@ -0,0 +1,28 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface EnUsTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs {
+    "en-US": {
+        "": {
+            "You can't manage website features"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.controller.ts",
+    "tags": [
+        {
+            "gettextString": "You can't manage website features",
+            "lineNumber": 48
+        }
+    ]
+};

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/i18n/taon-cms-website-feature.controller.ts.en-US.po

@@ -0,0 +1,9 @@
+msgid ""
+msgstr ""
+"Language: en-US\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.controller.ts:48
+msgid "You can't manage website features"
+msgstr ""

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/i18n/taon-cms-website-feature.controller.ts.pl-PL.i18n.data.ts

@@ -0,0 +1,29 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export interface PlPlTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs {
+    "pl-PL": {
+        "": {
+            "You can't manage website features"?: string;
+        };
+    };
+}
+export default {
+    "fileRelativePath": "src/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.controller.ts",
+    "tags": [
+        {
+            "gettextString": "You can't manage website features",
+            "lineNumber": 48,
+            "translation": "Nie masz uprawnień do zarządzania funkcjami witryny"
+        }
+    ]
+};

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/i18n/taon-cms-website-feature.controller.ts.pl-PL.po

@@ -0,0 +1,9 @@
+msgid ""
+msgstr ""
+"Language: pl-PL\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: src/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.controller.ts:48
+msgid "You can't manage website features"
+msgstr "Nie masz uprawnień do zarządzania funkcjami witryny"

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/i18n/taon-cms-website-feature.translation.ts

@@ -0,0 +1,21 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CoreModels } from 'tnp-core/websql';
+import { EnUsTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureConstantsTs } from './taon-cms-website-feature.constants.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureConstantsTs } from './taon-cms-website-feature.constants.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureConstantsTs } from './taon-cms-website-feature.constants.ts.de-DE.i18n.data';
+import { EnUsTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs } from './taon-cms-website-feature.controller.ts.en-US.i18n.data';
+import { PlPlTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs } from './taon-cms-website-feature.controller.ts.pl-PL.i18n.data';
+import { DeDeTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs } from './taon-cms-website-feature.controller.ts.de-DE.i18n.data';
+;
+export type TaonCmsWebsiteFeatureOverride = CoreModels.DeepPartial<EnUsTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureConstantsTs | PlPlTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureConstantsTs | DeDeTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureConstantsTs | EnUsTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs | PlPlTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs | DeDeTraslationOverrideSrcLibTaonCmsBackofficeTaonCmsWebsiteFeaturesTaonCmsWebsiteFeatureTaonCmsWebsiteFeatureControllerTs>;

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.abstract.context.ts

@@ -0,0 +1,27 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { createContext, TaonBaseContext } from 'taon/websql';
+import { TaonSessionAbstractContext } from '@taon-dev/session/websql';
+import { TaonCmsWebsiteFeatureController } from './taon-cms-website-feature.controller';
+import { TaonCmsWebsiteFeatureKvRepository } from './taon-cms-website-feature.kv.repository';
+import { TaonCmsWebsiteFeatureProvider } from './taon-cms-website-feature.provider';
+export const TaonCmsWebsiteFeatureAbstractContext = createContext(() => ({
+    contextName: 'TaonCmsWebsiteFeatureAbstractContext',
+    abstract: true,
+    contexts: { TaonBaseContext, TaonSessionAbstractContext },
+    controllers: { TaonCmsWebsiteFeatureController },
+    repositories: {
+        TaonCmsWebsiteFeatureKvRepository,
+    },
+    providers: { TaonCmsWebsiteFeatureProvider },
+}));

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.api.service.ts

@@ -0,0 +1,72 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Injectable } from '@angular/core';
+import { TaonBaseAngularService } from 'taon/websql';
+import { TaonCmsWebsiteFeatureController } from './taon-cms-website-feature.controller';
+import type { TaonCmsWebsiteFeatureModels } from './taon-cms-website-feature.models';
+import { map, Observable, startWith } from 'rxjs';
+@Injectable()
+export class TaonCmsWebsiteFeatureApiService extends TaonBaseAngularService {
+    private readonly taonCmsWebsiteFeatureController = this.injectController(TaonCmsWebsiteFeatureController);
+    async isEnabled(key: string): Promise<boolean> {
+        const response = await this.taonCmsWebsiteFeatureController
+            .isEnabled(key)
+            .request();
+        if (response.statusCode >= 400 ||
+            (response.body.text !== 'true' && response.body.text !== 'false')) {
+            throw new Error(response.responseText || 'The website feature could not be read.');
+        }
+        return response.body.text === 'true';
+    }
+    isEnabled$(key: string): Observable<boolean> {
+        return this.taonCmsWebsiteFeatureController.isEnabled(key)
+            .request!().observable.pipe(map(c => c.body.booleanValue));
+    }
+    async listFeatures(): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        const response = await this.taonCmsWebsiteFeatureController
+            .listFeatures()
+            .request();
+        return this.readFeatures(response);
+    }
+    async addFeature(name: string): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        const response = await this.taonCmsWebsiteFeatureController
+            .addFeature(name)
+            .request();
+        return this.readFeatures(response);
+    }
+    async setEnabled(key: string, enabled: boolean): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        const response = await this.taonCmsWebsiteFeatureController
+            .setEnabled(key, enabled)
+            .request();
+        return this.readFeatures(response);
+    }
+    async deleteFeature(key: string): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        const response = await this.taonCmsWebsiteFeatureController
+            .deleteFeature(key)
+            .request();
+        return this.readFeatures(response);
+    }
+    private readFeatures(response: {
+        statusCode: number;
+        responseText: string;
+        body: {
+            json: TaonCmsWebsiteFeatureModels.Feature[];
+        };
+    }): TaonCmsWebsiteFeatureModels.Feature[] {
+        if (response.statusCode >= 400 || !Array.isArray(response.body?.json)) {
+            throw new Error(response.responseText ||
+                'Website features could not be saved or loaded.');
+        }
+        return response.body.json;
+    }
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.config.service.ts

@@ -0,0 +1,28 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { Taon, TaonBaseAngularService } from 'taon/websql';
+import { TaonCmsWebsiteFeatureProvider } from './taon-cms-website-feature.provider';
+@Injectable()
+export class TaonCmsWebsiteFeatureConfigService extends TaonBaseAngularService {
+    private taonCmsWebsiteFeatureProvider = this.injectProvider(TaonCmsWebsiteFeatureProvider);
+    get isEnableOption() {
+        return this.taonCmsWebsiteFeatureProvider.enabledTaonCmsWebsiteFeatureOption;
+    }
+    clone(): Partial<TaonCmsWebsiteFeatureProvider> {
+        const cloned = this.taonCmsWebsiteFeatureProvider.clone();
+        return cloned;
+    }
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.constants.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import type { TaonCmsWebsiteFeatureModels } from './taon-cms-website-feature.models';
+import { Translation } from '@taon-dev/i18n/websql';
+import { Taon } from 'taon/websql';
+const t = Translation.for('src/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.constants.ts', { "src/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.constants.ts": { "en-US": async () => (await import('./i18n/taon-cms-website-feature.constants.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-website-feature.constants.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-website-feature.constants.ts.de-DE.i18n.data')).default }, "src/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.controller.ts": { "en-US": async () => (await import('./i18n/taon-cms-website-feature.controller.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-website-feature.controller.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-website-feature.controller.ts.de-DE.i18n.data')).default } } as any);
+export const TaonCmsWebsiteFeatureDefaultsValues = {
+    enabled: true,
+} satisfies Partial<TaonCmsWebsiteFeatureModels.Feature>;
+export enum TaonCmsWebsiteFeatureErrors {
+    INVALID_PASSWORD_EXAMPLE_ERROR = 'INVALID_PASSWORD_EXAMPLE_ERROR'
+}
+export const TaonCmsWebsiteFeatureTranslationErorsMap = new Map([
+    [TaonCmsWebsiteFeatureErrors.INVALID_PASSWORD_EXAMPLE_ERROR, t.gettext('Invalid Password')],
+]);

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.controller.ts

@@ -0,0 +1,59 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { TaonAuthContextRepository, TaonSessionRepository, } from '@taon-dev/session/websql';
+import { Body, DELETE, GET, Models, POST, PUT, Query, Taon, TaonBaseController, TaonController, } from 'taon/websql';
+import { contentError } from '../../../taon-cms-content/taon-cms-content.validation';
+import { TaonCmsWebsiteFeatureKvRepository } from './taon-cms-website-feature.kv.repository';
+import type { TaonCmsWebsiteFeatureModels } from './taon-cms-website-feature.models';
+@TaonController<TaonCmsWebsiteFeatureController>({
+    className: 'TaonCmsWebsiteFeatureController',
+    allowedMethods: ['isEnabled', 'listFeatures', 'addFeature', 'setEnabled', 'deleteFeature'],
+})
+export class TaonCmsWebsiteFeatureController extends TaonBaseController {
+    private readonly features = this.injectKvRepository(TaonCmsWebsiteFeatureKvRepository);
+    private readonly sessions = this.injectCustomRepo(TaonSessionRepository);
+    private readonly auth = this.injectCustomRepo(TaonAuthContextRepository);
+    protected async beforeEachRequest({ req, res, methodConfig, t, }: Models.TaonCtrlBeforeEachRequestParams<TaonCmsWebsiteFeatureController>): Promise<void> {
+        return (void 0);
+    }
+    @GET()
+    isEnabled(
+    @Query('key')
+    key: string): Taon.Response<boolean> {
+        return () => this.features.isEnabled(key);
+    }
+    @GET()
+    listFeatures(): Taon.Response<TaonCmsWebsiteFeatureModels.Feature[]> {
+        return () => this.features.listFeatures();
+    }
+    @POST()
+    addFeature(
+    @Body('name')
+    name: string): Taon.Response<TaonCmsWebsiteFeatureModels.Feature[]> {
+        return () => this.features.addFeature(name);
+    }
+    @PUT()
+    setEnabled(
+    @Query('key')
+    key: string, 
+    @Body('enabled')
+    enabled: boolean): Taon.Response<TaonCmsWebsiteFeatureModels.Feature[]> {
+        return () => this.features.setEnabled(key, enabled);
+    }
+    @DELETE()
+    deleteFeature(
+    @Query('key')
+    key: string): Taon.Response<TaonCmsWebsiteFeatureModels.Feature[]> {
+        return () => this.features.deleteFeature(key);
+    }
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.kv.repository.ts

@@ -0,0 +1,86 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { TaonBaseKvRepository, TaonRepository } from 'taon/websql';
+import { contentError } from '../../../taon-cms-content/taon-cms-content.validation';
+import type { TaonCmsWebsiteFeatureModels } from './taon-cms-website-feature.models';
+import { TaonCmsWebsiteFeatureUtils } from './taon-cms-website-feature.utils';
+@TaonRepository({
+    className: 'TaonCmsWebsiteFeatureKvRepository',
+})
+export class TaonCmsWebsiteFeatureKvRepository extends TaonBaseKvRepository<{
+    features: TaonCmsWebsiteFeatureModels.Feature[];
+}> {
+    private mutation: Promise<void> = Promise.resolve();
+    async listFeatures(): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        const features = await this.get('features');
+        if (features !== undefined &&
+            (!Array.isArray(features) || features.some(feature => !feature ||
+                typeof feature.key !== 'string' ||
+                typeof feature.name !== 'string' ||
+                (feature.enabled != null && typeof feature.enabled !== 'boolean')))) {
+            contentError('Stored website features are invalid.', 500);
+        }
+        return (features ?? []).map(feature => ({
+            ...feature,
+            enabled: feature.enabled ?? true,
+        }));
+    }
+    async isEnabled(key: string): Promise<boolean> {
+        if (typeof key !== 'string' || !/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(key)) {
+            contentError('The feature key is invalid.');
+        }
+        return (await this.listFeatures()).find(feature => feature.key === key)
+            ?.enabled ?? true;
+    }
+    async addFeature(name: string): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        const key = typeof name === 'string' ? TaonCmsWebsiteFeatureUtils.keyFromName(name) : '';
+        if (!key || !/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(key)) {
+            contentError('Enter a feature name that produces a valid key.');
+        }
+        return this.mutate(features => {
+            if (features.some(feature => feature.key === key)) {
+                contentError('A feature with this key already exists.', 409);
+            }
+            return [...features, { key, name: name.trim(), enabled: true }];
+        });
+    }
+    async setEnabled(key: string, enabled: boolean): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        if (typeof enabled !== 'boolean') {
+            contentError('The feature value must be a boolean.');
+        }
+        return this.mutate(features => {
+            this.requireFeature(features, key);
+            return features.map(feature => feature.key === key ? { ...feature, enabled } : feature);
+        });
+    }
+    async deleteFeature(key: string): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        return this.mutate(features => {
+            this.requireFeature(features, key);
+            return features.filter(feature => feature.key !== key);
+        });
+    }
+    private requireFeature(features: TaonCmsWebsiteFeatureModels.Feature[], key: string): void {
+        if (!features.some(feature => feature.key === key)) {
+            contentError('The feature no longer exists. Reload the list.', 404);
+        }
+    }
+    private async mutate(update: (features: TaonCmsWebsiteFeatureModels.Feature[]) => TaonCmsWebsiteFeatureModels.Feature[]): Promise<TaonCmsWebsiteFeatureModels.Feature[]> {
+        const result = this.mutation.then(async () => {
+            const features = update(await this.listFeatures());
+            await this.set('features', features);
+            return features;
+        });
+        this.mutation = result.then(() => undefined, () => undefined);
+        return result;
+    }
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.models.ts

@@ -0,0 +1,23 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export namespace TaonCmsWebsiteFeatureModels {
+    export interface Feature {
+        key: string;
+        name: string;
+        enabled: boolean;
+    }
+    export enum TaonCmsWebsiteFeatureState {
+        Active = 'active',
+        Inactive = 'inactive'
+    }
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.provider.ts

@@ -0,0 +1,30 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Taon, TaonBaseClass, TaonBaseProvider, TaonProvider } from 'taon/websql';
+import { _ } from 'tnp-core/websql';
+export class TaonTaonCmsWebsiteFeatureConfig extends TaonBaseClass {
+    declare name: string;
+}
+@TaonProvider({
+    className: 'TaonCmsWebsiteFeatureProvider',
+})
+export class TaonCmsWebsiteFeatureProvider extends TaonBaseProvider {
+    enabledTaonCmsWebsiteFeatureOption: boolean = true;
+    config = new TaonTaonCmsWebsiteFeatureConfig();
+    clone() {
+        return {
+            enabledTaonCmsWebsiteFeatureOption: this.enabledTaonCmsWebsiteFeatureOption,
+            config: this.config.clone(),
+        };
+    }
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.utils.ts

@@ -0,0 +1,26 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { TaonCmsWebsiteFeatureModels } from './taon-cms-website-feature.models';
+import { _ } from 'tnp-core/websql';
+export namespace TaonCmsWebsiteFeatureUtils {
+    export function keyFromName(name: string): string {
+        return _.deburr(name.trim())
+            .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+            .toLowerCase()
+            .replace(/[^a-z0-9]+/g, '-')
+            .replace(/^-|-$/g, '');
+    }
+    export function isActive(state: string): state is TaonCmsWebsiteFeatureModels.TaonCmsWebsiteFeatureState {
+        return state === 'active';
+    }
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-feature/taon-cms-website-feature.validators.ts

@@ -0,0 +1,26 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+import { TaonCmsWebsiteFeatureErrors } from './taon-cms-website-feature.constants';
+export namespace TaonCmsWebsiteFeatureValidators {
+    export const passwordMatchValidator: ValidatorFn = (control: AbstractControl): ValidationErrors | null => {
+        const password = control.get('password');
+        const passwordRepeat = control.get('passwordRepeat');
+        if (!password || !passwordRepeat) {
+            return null;
+        }
+        return password.value === passwordRepeat.value
+            ? null
+            : { [TaonCmsWebsiteFeatureErrors.INVALID_PASSWORD_EXAMPLE_ERROR]: true };
+    };
+}

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-features.component.html

@@ -0,0 +1,58 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<h1>{{ t.gettext('Website Features') }}</h1>
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+  <button mat-button type="button" [disabled]="busy()" (click)="reload()">
+    {{ t.gettext('Reload features') }}
+  </button>
+}
+<p role="status" aria-live="polite">{{ feedback() }}</p>
+<ul [attr.aria-busy]="busy()">
+  @for (feature of features(); track feature.key) {
+    <li>
+      <mat-checkbox
+        [checked]="feature.enabled"
+        [disabled]="busy()"
+        [attr.aria-label]="feature.name"
+        (change)="toggle(feature, $event.checked)" />
+      <div class="feature-name">
+        <span>{{ feature.name }}</span>
+        <small>{{ feature.key }}</small>
+      </div>
+      <button mat-icon-button type="button"
+        [attr.aria-label]="t.gettext('Copy feature key')"
+        (click)="copyKey(feature.key)">
+        <mat-icon>content_copy</mat-icon>
+      </button>
+      <button mat-icon-button type="button" [disabled]="busy()"
+        [attr.aria-label]="t.gettext('Delete feature')"
+        (click)="deleteFeature(feature)">
+        <mat-icon>delete</mat-icon>
+      </button>
+    </li>
+  }
+</ul>
+<form (ngSubmit)="addFeature()">
+  <mat-form-field class="flex-grow">
+    <mat-label>{{ t.gettext('Enter feature name') }}</mat-label>
+    <input matInput name="featureName" [(ngModel)]="name"
+      [disabled]="busy() || !loaded()"
+      [placeholder]="t.gettext('Enter feature name')" />
+  </mat-form-field>
+  <button mat-flat-button type="submit" class="flex"
+    [disabled]="busy() || !loaded() || !name.trim()">
+    {{ t.gettext('Add feature') }}
+  </button>
+</form>

package/ts-source/websql-code/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-features.component.scss

@@ -0,0 +1,38 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+}
+
+ul {
+  padding: 0;
+  list-style: none;
+}
+
+li,
+form {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-block: 0.75rem;
+}
+
+.feature-name {
+  flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+small {
+  display: block;
+  opacity: 0.7;
+}