@geins/cms 0.1.1-canary

package/dist/parsers/contentParsers.d.ts

@@ -0,0 +1,30 @@
+import { ContentAreaType, ContentContainerType } from '@geins/core';
+import type { GeinsMenuItemTypeType } from '@geins/types';
+export declare function parseMenuItem(item: any): GeinsMenuItemTypeType;
+export declare function parseContentArea(result: any): ContentAreaType;
+export declare function parseContainer(container: any): ContentContainerType;
+export declare function parseMetaData(meta: any): {
+    title: any;
+    description: any;
+};
+export declare function parseContent(content: any): {
+    config: {
+        name: any;
+        displayName: any;
+        active: boolean;
+        type: any;
+        size: any;
+        sortOrder: any;
+    };
+    data: {};
+};
+export declare function parseContentData(type: string, data: any): any;
+export declare function parseContentDataByType(type: string, data: any): any;
+export declare function parseJsonSafe(data: any): any;
+export declare function parseContentDataJson(data: any): any;
+export declare function parseContentDataText(data: any): any;
+export declare function parseContentDataHtml(data: any): any;
+export declare function parseContentDataProductList(data: any): any;
+export declare function parseContentDataImage(data: any): any;
+export declare function parseContentDataBanner(data: any): any;
+export declare function parseContentDataButtons(data: any): any;

package/dist/services/contentAreaService.d.ts

@@ -0,0 +1,8 @@
+import { ContentAreaVariables, ContentAreaType } from '@geins/core';
+import { BaseApiService } from '@geins/core';
+export declare class ContentAreaService extends BaseApiService {
+    private generateVars;
+    getRaw(variables: ContentAreaVariables): Promise<any>;
+    get(variables: ContentAreaVariables): Promise<unknown>;
+    protected parseResult(result: any): ContentAreaType;
+}

package/dist/services/contentPageService.d.ts

@@ -0,0 +1,8 @@
+import { ContentPageVariables, ContentAreaType } from '@geins/core';
+import { BaseApiService } from '@geins/core';
+export declare class ContentPageService extends BaseApiService {
+    private generateVars;
+    getRaw(variables: ContentPageVariables): Promise<any>;
+    get(variables: ContentPageVariables): Promise<unknown>;
+    protected parseResult(result: any): ContentAreaType;
+}

package/dist/services/index.d.ts

@@ -0,0 +1,3 @@
+export * from './contentAreaService';
+export * from './contentPageService';
+export * from './menuService';

package/dist/services/menuService.d.ts

@@ -0,0 +1,9 @@
+import type { MenuVariables } from '@geins/types';
+import { BaseApiService } from '@geins/core';
+export declare class MenuService extends BaseApiService {
+    private generateVars;
+    getRaw(variables: MenuVariables): Promise<any>;
+    get(variables: MenuVariables): Promise<unknown>;
+    protected parseResult(result: any): any;
+    protected parseMenuItem(item: any): any;
+}

package/dist/util/index.d.ts

@@ -0,0 +1 @@
+export * from '../parsers/contentParsers';

package/eslint.config.js

@@ -0,0 +1,3 @@
+import { geinsSharedConfig } from '@geins/eslint-config/eslint-config.js';
+
+export default [...geinsSharedConfig];

package/jest.config.js

@@ -0,0 +1,8 @@
+// /packages/sdk/core/jest.config.js
+import baseConfig from '../../../jest.config.js';
+
+export default {
+  ...baseConfig,
+  displayName: '@geins/core',
+  roots: ['<rootDir>'],
+};

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@geins/cms",
+  "version": "0.1.1-canary",
+  "main": "dist/index.cjs",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "license": "MIT",
+  "scripts": {
+    "build": "rollup -c",
+    "prepublishOnly": "yarn build",
+    "lint": "eslint --fix .",
+    "link": "yarn link"
+  },
+  "dependencies": {
+    "@apollo/client": "^3.11.8",
+    "graphql": "^16.9.0",
+    "@geins/core": "0.1.1-canary"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.0",
+    "@geins/eslint-config": "*",
+    "typescript": "^5.6.2",
+    "eslint": "^9.11.1"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,26 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from '@rollup/plugin-typescript';
+import graphql from '@rollup/plugin-graphql';
+
+export default {
+  input: 'src/index.ts',
+  output: [
+    {
+      file: 'dist/index.cjs',
+      format: 'cjs',
+    },
+    {
+      file: 'dist/index.esm.js',
+      format: 'esm',
+    },
+  ],
+  plugins: [
+    resolve({
+      preferBuiltins: true,
+    }),
+    commonjs(),
+    typescript(),
+    graphql(),
+  ],
+};

package/src/geinsCMS.ts

@@ -0,0 +1,36 @@
+import { GeinsCore, BasePackage } from '@geins/core';
+import { MenuService, ContentPageService, ContentAreaService } from './services';
+
+class GeinsCMS extends BasePackage {
+  private _menu!: MenuService;
+  private _page!: ContentPageService;
+  private _area!: ContentAreaService;
+
+  constructor(core: GeinsCore) {
+    super(core);
+    const { client, geinsSettings } = core;
+    this._geinsSettings = geinsSettings;
+    this._apiClient = () => client ?? undefined;
+    this.initServices();
+  }
+
+  private async initServices(): Promise<void> {
+    this._menu = new MenuService(() => this._apiClient(), this._geinsSettings);
+    this._page = new ContentPageService(() => this._apiClient(), this._geinsSettings);
+    this._area = new ContentAreaService(() => this._apiClient(), this._geinsSettings);
+  }
+
+  get menu(): MenuService {
+    return this._menu;
+  }
+
+  get area(): ContentAreaService {
+    return this._area;
+  }
+
+  get page(): ContentPageService {
+    return this._page;
+  }
+}
+
+export { GeinsCMS };

package/src/graphql/fragments/menu-item-base.gql

@@ -0,0 +1,11 @@
+#import "./menu-item.gql"
+
+fragment MenuItemBase on MenuItemType {
+  children {
+    children {
+      ...MenuItem
+    }
+    ...MenuItem
+  }
+  ...MenuItem
+}

package/src/graphql/fragments/menu-item.gql

@@ -0,0 +1,11 @@
+fragment MenuItem on MenuItemType {
+  id
+  label
+  open
+  hidden
+  targetBlank
+  type
+  order
+  title
+  canonicalUrl
+}

package/src/graphql/graphql.d.ts

@@ -0,0 +1,8 @@
+declare module '*.graphql' {
+  const value: string;
+  export default value;
+}
+declare module '*.gql' {
+  const value: string;
+  export default value;
+}

package/src/graphql/index.ts

@@ -0,0 +1 @@
+export * from './queries';

package/src/graphql/menu.gql

@@ -0,0 +1,24 @@
+#import "./fragments/menu-item-base.gql"
+fragment Menu on MenuType {
+  id
+  title
+  menuItems {
+    ...MenuItemBase
+  }
+}
+
+query MenuAtLocation(
+  $menuLocationId: String
+  $channelId: String
+  $languageId: String
+  $marketId: String
+) {
+  getMenuAtLocation(
+    menuLocationId: $menuLocationId
+    channelId: $channelId
+    languageId: $languageId
+    marketId: $marketId
+  ) {
+    ...Menu
+  }
+}

package/src/graphql/meta.graphql

@@ -0,0 +1,4 @@
+fragment Meta on MetadataType {
+  description
+  title
+}

package/src/graphql/queries.ts

@@ -0,0 +1,9 @@
+import menu from './menu.gql';
+import contentArea from './widget-area.graphql';
+
+const queries = {
+  menu,
+  contentArea,
+};
+
+export { queries };

package/src/graphql/widget-area.graphql

@@ -0,0 +1,58 @@
+#import "./meta.graphql"
+
+query widgetArea(
+  $family: String = null
+  $areaName: String = null
+  $alias: String = null
+  $displaySetting: String = null
+  $filters: [PageWidgetCollectionFilterInputType] = null
+  $preview: Boolean = null
+  $customerType: CustomerType
+  $channelId: String
+  $languageId: String
+  $url: String
+  $marketId: String
+) {
+  widgetArea(
+    family: $family
+    areaName: $areaName
+    alias: $alias
+    displaySetting: $displaySetting
+    filters: $filters
+    preview: $preview
+    customerType: $customerType
+    channelId: $channelId
+    languageId: $languageId
+    url: $url
+    marketId: $marketId
+  ) {
+    meta {
+      ...Meta
+    }
+    tags
+    containers {
+      id
+      name
+      sortOrder
+      layout
+      responsiveMode
+      design
+
+      widgets {
+        id
+        name
+        sortOrder
+        type
+        size
+        configuration
+        images {
+          fileName
+          largestSize {
+            imageWidth
+            imageHeight
+          }
+        }
+      }
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './geinsCMS';

package/src/parsers/contentParsers.ts

@@ -0,0 +1,210 @@
+import { ContentAreaType, ContentContainerType } from '@geins/core';
+import type { GeinsMenuItemTypeType } from '@geins/types';
+
+export function parseMenuItem(item: any): GeinsMenuItemTypeType {
+  return {
+    id: item.id,
+    label: item.label,
+    title: item.title,
+    canonicalUrl: item.canonicalUrl,
+    type: item.type,
+    order: item.order,
+    open: item.open,
+    hidden: item.hidden,
+    targetBlank: item.targetBlank,
+    children: item.children
+      ? item.children.map((child: any) => parseMenuItem(child))
+      : [],
+  };
+}
+
+export function parseContentArea(result: any): ContentAreaType {
+  if (!result || !result.data) {
+    throw new Error('Invalid result structure for content area');
+  }
+  const area = result.data.widgetArea;
+
+  if (!area) {
+    console.warn('No area found');
+    return {
+      meta: {},
+      tags: [],
+      containers: [],
+    };
+  }
+
+  const parsedResult = {
+    meta: area.meta ? parseMetaData(area.meta) : {},
+    tags: area.tags,
+    containers: area.containers.map((item: any) => parseContainer(item)),
+  };
+
+  return parsedResult as ContentAreaType;
+}
+
+export function parseContainer(container: any): ContentContainerType {
+  const parsedContainer = {
+    id: container.id,
+    name: container.name,
+    sortOrder: container.sortOrder,
+    layout: container.layout,
+    responsiveMode: container.responsiveMode,
+    design: container.design,
+    content: container.widgets.map((content: any) => parseContent(content)),
+  };
+  return parsedContainer;
+}
+
+export function parseMetaData(meta: any) {
+  return {
+    title: meta.title,
+    description: meta.description,
+  };
+}
+
+export function parseContent(content: any) {
+  const parsedContent = {
+    config: {
+      name: content.name,
+      displayName: content.name,
+      active: false,
+      type: content.type,
+      size: content.size,
+      sortOrder: content.sortOrder,
+    },
+    data: {},
+  };
+
+  if (content.type) {
+    const data = parseContentData(content.type, content.configuration);
+
+    if (data) {
+      parsedContent.data = data;
+    }
+
+    if (data.active) {
+      parsedContent.config.active = data.active;
+      delete data.active;
+    }
+
+    if (data.displayName) {
+      parsedContent.config.displayName = data.displayName;
+      delete data.displayName;
+    }
+  }
+
+  return parsedContent;
+}
+
+export function parseContentData(type: string, data: any) {
+  if (!data) {
+    console.warn('No data found for type', type);
+    return {};
+  }
+
+  const parsedData = parseContentDataByType(type, data);
+  const parsedContentData = {
+    name: data.name,
+    active: data.active || false,
+    ...parsedData,
+  };
+
+  return parsedContentData;
+}
+
+export function parseContentDataByType(type: string, data: any) {
+  switch (type) {
+    case 'TextPageWidget':
+      return parseContentDataText(data);
+    case 'HTMLPageWidget':
+      return parseContentDataHtml(data);
+    case 'Product listPageWidget':
+      return parseContentDataProductList(data);
+    case 'ButtonsPageWidget':
+      return parseContentDataButtons(data);
+    case 'ImagePageWidget':
+      return parseContentDataImage(data);
+    case 'BannerPageWidget':
+      return parseContentDataBanner(data);
+    case 'JSONPageWidget':
+      return parseContentDataJson(data);
+    default:
+      return parseJsonSafe(data);
+  }
+}
+
+export function parseJsonSafe(data: any) {
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return {};
+  }
+}
+
+export function parseContentDataJson(data: any) {
+  let parsedData: any = {};
+  let jsonData: any = {};
+
+  try {
+    parsedData = JSON.parse(data);
+  } catch (e) {
+    console.error('Error parsing data', e);
+  }
+  try {
+    jsonData = JSON.parse(parsedData.json);
+  } catch (e) {
+    console.error('Error parsing json attribute from content data', e);
+  }
+  if (parsedData.json) {
+    delete parsedData.json;
+  }
+  return { ...parsedData, ...jsonData };
+}
+
+export function parseContentDataText(data: any) {
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return {};
+  }
+}
+
+export function parseContentDataHtml(data: any) {
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return {};
+  }
+}
+
+export function parseContentDataProductList(data: any) {
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return {};
+  }
+}
+
+export function parseContentDataImage(data: any) {
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return {};
+  }
+}
+
+export function parseContentDataBanner(data: any) {
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return {};
+  }
+}
+
+export function parseContentDataButtons(data: any) {
+  try {
+    return JSON.parse(data);
+  } catch (e) {
+    return {};
+  }
+}

package/src/services/contentAreaService.ts

@@ -0,0 +1,31 @@
+import { ContentAreaVariables, ContentAreaType } from '@geins/core';
+import { BaseApiService, GraphQLQueryOptions } from '@geins/core';
+import { queries } from '../graphql';
+import * as contentParsers from '../parsers/contentParsers';
+export class ContentAreaService extends BaseApiService {
+  private async generateVars(variables: ContentAreaVariables) {
+    if (!variables.areaName || !variables.family) {
+      throw new Error('areaName and family is required');
+    }
+    return this.createVariables(variables);
+  }
+  async getRaw(variables: ContentAreaVariables) {
+    const options: any = {
+      query: queries.contentArea,
+      variables: await this.generateVars(variables),
+    };
+    return await this.runQuery(options);
+  }
+
+  async get(variables: ContentAreaVariables) {
+    const options: any = {
+      query: queries.contentArea,
+      variables: await this.generateVars(variables),
+    };
+    return await this.runQueryParsed(options);
+  }
+
+  protected parseResult(result: any): ContentAreaType {
+    return contentParsers.parseContentArea(result);
+  }
+}

package/src/services/contentPageService.ts

@@ -0,0 +1,33 @@
+import { ContentPageVariables, ContentAreaType } from '@geins/core';
+import { BaseApiService } from '@geins/core';
+import { queries } from '../graphql';
+import * as contentParsers from '../parsers/contentParsers';
+
+export class ContentPageService extends BaseApiService {
+  private async generateVars(variables: ContentPageVariables) {
+    if (!variables.alias) {
+      throw new Error('Alias is required');
+    }
+    return this.createVariables(variables);
+  }
+
+  async getRaw(variables: ContentPageVariables) {
+    const options = {
+      query: queries.contentArea,
+      variables: await this.generateVars(variables),
+    };
+    return await this.runQuery(options);
+  }
+
+  async get(variables: ContentPageVariables) {
+    const options = {
+      query: queries.contentArea,
+      variables: await this.generateVars(variables),
+    };
+    return await this.runQueryParsed(options);
+  }
+
+  protected parseResult(result: any): ContentAreaType {
+    return contentParsers.parseContentArea(result);
+  }
+}

package/src/services/index.ts

@@ -0,0 +1,3 @@
+export * from './contentAreaService';
+export * from './contentPageService';
+export * from './menuService';

package/src/services/menuService.ts

@@ -0,0 +1,59 @@
+import type { MenuVariables } from '@geins/types';
+import { BaseApiService, logWrite } from '@geins/core';
+import { queries } from '../graphql';
+export class MenuService extends BaseApiService {
+  private async generateVars(variables: MenuVariables) {
+    if (!variables.menuLocationId) {
+      throw new Error('LocationId is required');
+    }
+    const vars = this.createVariables(variables);
+    return vars;
+  }
+
+  async getRaw(variables: MenuVariables) {
+    const options = {
+      query: queries.menu,
+      variables: await this.generateVars(variables),
+    };
+    return await this.runQuery(options);
+  }
+
+  async get(variables: MenuVariables) {
+    const options = {
+      query: queries.menu,
+      variables: await this.generateVars(variables),
+    };
+    return await this.runQueryParsed(options);
+  }
+
+  protected parseResult(result: any): any {
+    if (!result || !result.data || !result.data.getMenuAtLocation) {
+      throw new Error('Invalid result structure');
+    }
+    const menu = result.data.getMenuAtLocation;
+    const parsedResult = {
+      id: menu.id,
+      title: menu.title,
+      menuItems: menu.menuItems.map((item: any) => this.parseMenuItem(item)),
+    };
+
+    return parsedResult;
+  }
+
+  protected parseMenuItem(item: any): any {
+    return {
+      id: item.id,
+      label: item.label,
+      title: item.title,
+      canonicalUrl: item.canonicalUrl,
+      type: item.type,
+      order: item.order,
+      open: item.open,
+      hidden: item.hidden,
+      targetBlank: item.targetBlank,
+      children: item.children
+        ? item.children.map((child: any) => this.parseMenuItem(child))
+        : [],
+    };
+  }
+}

package/src/util/index.ts

@@ -0,0 +1 @@
+export * from '../parsers/contentParsers';

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+    "compilerOptions": {
+        "target": "ES5",
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "declaration": true,
+        "outDir": "./dist",
+        "strict": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true
+    },
+    "include": [
+        "src/**/*.ts",
+        "src/**/*.gql"
+    ]
+}