cc-core-cli 1.0.130 → 1.0.133

package/template/admin_v3/src/pages/register.tsx

@@ -0,0 +1,9 @@
+import { RegisterForm } from '@shopstack/cs-admin-lib';
+
+const RegisterPage = () => {
+  return (
+    <RegisterForm />
+  )
+}
+
+export default RegisterPage

package/template/admin_v3/src/pages/setting/entities/[key].tsx

@@ -0,0 +1,10 @@
+import { EntityDetailPageComponent } from '@shopstack/cs-admin-lib';
+
+const EntityDetailPage = () => {
+
+  return (
+    <EntityDetailPageComponent />
+  )
+}
+
+export default EntityDetailPage

package/template/admin_v3/src/pages/setting/entities/index.tsx

@@ -0,0 +1,10 @@
+import { EntitiesPageComponent } from '@shopstack/cs-admin-lib';
+
+const EntitiesPage = () => {
+
+  return (
+    <EntitiesPageComponent />
+  )
+}
+
+export default EntitiesPage

package/template/admin_v3/src/pages/setting/module/[module]/[layout].tsx

@@ -0,0 +1,16 @@
+import { SettingPage } from '@shopstack/cs-admin-lib';
+import { useRouter } from "next/router"
+
+const ModuleSettingPage = () => {
+
+  const router = useRouter()
+
+  return (
+    <SettingPage
+      layout={router.query.layout as string}
+      module={router.query.module as string}
+    />
+  )
+}
+
+export default ModuleSettingPage

package/template/admin_v3/src/pages/setting/modules.tsx

@@ -0,0 +1,10 @@
+import { ModulePageComponent } from '@shopstack/cs-admin-lib';
+
+const ModulePage = () => {
+
+  return (
+    <ModulePageComponent />
+  )
+}
+
+export default ModulePage

package/template/admin_v3/src/styles/global.css

@@ -0,0 +1,101 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import "./workflow.css";
+
+@layer utilities {
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+
+  .no-scrollbar {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+
+  .title-hero {
+    @apply text-[48px] font-medium text-font-dark font-['Prompt'];
+  }
+
+  .title-bold {
+    @apply text-[32px] font-medium text-font-dark font-['Prompt'];
+  }
+
+  .header-bold {
+    @apply text-[21px] font-normal text-font-dark font-['Prompt'];
+  }
+
+  .header-base {
+    @apply text-[16px] font-normal text-font-dark font-['Prompt'];
+  }
+
+  .header-subtitle-strong {
+    @apply text-[14px] font-normal text-font-dark font-['Prompt'] tracking-spacing-030;
+  }
+
+  .header-subtitle-light {
+    @apply text-[14px] font-light text-font-dark font-['Prompt'];
+  }
+
+  .header-field-title {
+    @apply text-[12px] font-normal text-font-dark font-['Prompt'] tracking-spacing-040;
+  }
+
+  .body-emphasis {
+    @apply text-[16px] font-semibold text-font-dark font-['Sarabun'] tracking-spacing-034;
+  }
+
+  .body-strong {
+    @apply text-[14px] font-medium text-font-dark font-['Sarabun'] tracking-spacing-030;
+  }
+
+  .body-base {
+    @apply text-[14px] font-extralight text-font font-['Sarabun'] tracking-spacing-030;
+  }
+
+  .paragraph-base {
+    @apply !text-[14px] font-light text-font font-['Sarabun'] tracking-spacing-030;
+  }
+
+  .paragraph-small {
+    @apply text-[12px] font-light text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-medium {
+    @apply text-[12px] font-medium text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-base {
+    @apply text-[12px] font-light text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-small-bold {
+    @apply text-[12px] font-bold text-font font-['Sarabun'] tracking-spacing-026;
+  }
+
+  .tagline-small {
+    @apply text-[12px] font-light text-font font-['Sarabun'] tracking-spacing-026;
+  }
+}
+
+.rmdp-week-day {
+  color: rgb(var(--color-primary)) !important;
+}
+
+.rmdp-arrow {
+  border-color: rgb(var(--color-primary)) !important;
+}
+
+.rmdp-arrow-container:hover {
+  background-color: rgba(var(--color-primary), 0.3) !important;
+}
+
+.rmdp-day.rmdp-selected span:not(.highlight) {
+  background-color: rgb(var(--color-primary)) !important;
+}
+
+@media (hover: hover) {
+  .rmdp-day:not(.rmdp-disabled, .rmdp-day-hidden) span:hover {
+    background-color: rgba(var(--color-primary), 0.3) !important;
+  }
+}

package/template/admin_v3/src/styles/workflow.css

@@ -0,0 +1,40 @@
+/* Custom Node Classes */
+.react-flow__node {
+  @apply !border-none;
+}
+
+.customHandle.react-flow__handle {
+  @apply opacity-0;
+}
+
+.customNode-start-flow {
+  @apply flex justify-center w-[200px];
+}
+
+.customNode-start-flow-radius {
+  @apply p-1 border border-dashed rounded-full bg-white h-[50px] w-[50px] flex justify-center items-center relative border-[#999];
+}
+
+.customNode-flow {
+  @apply p-1 border border-solid rounded bg-white h-16 w-52 flex flex-col items-center justify-center cursor-pointer;
+}
+
+.customHandle {
+  @apply opacity-0;
+}
+
+.customNode-add-flow {
+  @apply flex justify-center;
+}
+
+.custom-node-distribution-btn {
+  @apply p-1 border border-solid border-[#999] rounded-full bg-white h-8 w-8 flex items-center justify-center cursor-pointer mt-[-15px] z-10 absolute;
+}
+
+.custom-node-add-radius-flow {
+  @apply p-1 border border-dashed border-[#999] rounded-full bg-white h-8 w-8 flex items-center justify-center cursor-pointer relative;
+}
+
+.line-between-node {
+  @apply left-1/2 h-6 w-[1px] bg-[#999] relative ml-[-1px];
+}

package/template/admin_v3/src/utils/color.ts

@@ -0,0 +1,88 @@
+import _get from 'lodash/get'
+import _reduce from 'lodash/reduce'
+
+const COLOR_SETTINGS = {
+  action: 'list_detail.action_color',
+  plane: 'list_detail.background_color',
+  'page-header': 'list_detail.page_header',
+  input: 'list_detail.input',
+  card: 'list_detail.frame_bg_color',
+  font: 'list_detail.font_color',
+  'font-dark': 'list_detail.font_dark_color',
+  'table-header-bg': 'list_detail.table_header_bg',
+  'table-header-txt': 'list_detail.table_header_color',
+  'table-row-hover': 'list_detail.table_row_hover_bg',
+  'table-sort-header-bg': 'list_detail.table_header_sort_bg',
+  'table-sort-body-bg': 'list_detail.table_body_sort_bg',
+  'table-row-select-color': 'list_detail.table_row_select_color',
+  'group-table-headers-bg': 'list_detail.group_table_headers_bg',
+  'select-selected': 'list_detail.select_color',
+  'select-hover': 'list_detail.hover_color',
+  'boolean-false': 'list_detail.boolean_value_false',
+  'boolean-true': 'list_detail.boolean_value_true',
+  'menu-bg': 'menu_setting.menu_background_color',
+  'menu-line': 'menu_setting.menu_line_color',
+  'menu-text': 'menu_setting.menu_text_color',
+  'menu-text-active': 'menu_setting.menu_text_active_color',
+  'menu-bg-active': 'menu_setting.menu_background_active_color',
+  'submenu-text': 'menu_setting.submenu_text_color',
+  'submenu-text-active': 'menu_setting.submenu_text_active_color',
+  'submenu-line-active': 'menu_setting.submenu_line_active_color',
+  'submenu-bg-hover': 'menu_setting.submenu_background_hover_color'
+}
+
+export const withOpacity = (variableName, alpha?) => ({ opacityValue }) => {
+  if (alpha) {
+    return `rgba(var(${variableName}), ${alpha})`;
+  }
+  if (opacityValue !== undefined) {
+    return `rgba(var(${variableName}), ${opacityValue})`;
+  }
+  return `rgb(var(${variableName}))`;
+};
+
+export const getRGBColor = (hex, type) => {
+  const color = hex.replace(/#/g, "");
+  const r = parseInt(color.substr(0, 2), 16);
+  const g = parseInt(color.substr(2, 2), 16);
+  const b = parseInt(color.substr(4, 2), 16);
+  return `--color-${type}: ${r}, ${g}, ${b};`;
+};
+
+export const getStyleColor = (data: any, setting: any): string => {
+  const res = []
+  for (const key in COLOR_SETTINGS) {
+    const settingKey = COLOR_SETTINGS[key]
+    const value = _get(data, settingKey) || _get(setting, settingKey)
+    res.push(getRGBColor(value, key))
+  }
+  return res.join('\n')
+}
+
+export const getTailwindColor = (): object => {
+  const res = _reduce(COLOR_SETTINGS, (r, i, k) => {
+    r[k] = withOpacity(`--color-${k}`)
+    return r
+  }, {})
+
+  return res
+}
+
+export const getRandomColor = () => {
+  let letters = '0123456789ABCDEF';
+  let color = '#';
+  for (let i = 0; i < 6; i++) {
+    color += letters[Math.floor(Math.random() * 16)];
+  }
+  return color;
+}
+
+export const removeAlpha = (color: string): string => {
+  if (!color) return color
+
+  if (color.length == 9) {
+    return color.slice(0, 7)
+  }
+
+  return color
+}

package/template/admin_v3/tailwind.config.js

@@ -0,0 +1,57 @@
+const { withOpacity, getTailwindColor } = require('./src/utils/color.ts')
+/** @type {import("tailwindcss").Config} */
+
+const colors = getTailwindColor()
+
+module.exports = {
+  content: [
+    "./src/components/**/*.{js,ts,jsx,tsx}",
+    "./src/pages/**/*.{js,ts,jsx,tsx}",
+    "./src/hooks/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/@shopstack/cs-admin-lib/dist/client/module/index.js"
+  ],
+  theme: {
+    extend: {
+      letterSpacing: {
+        'spacing-026': '0.26px',
+        'spacing-030': '0.3px',
+        'spacing-034': '0.34px',
+        'spacing-040': '0.40px',
+      },
+      colors: {
+        primary: withOpacity("--color-primary"),
+        "primary-50": withOpacity("--color-primary", 0.05),
+        "primary-100": withOpacity("--color-primary", 0.1),
+        "primary-200": withOpacity("--color-primary", 0.2),
+        "primary-300": withOpacity("--color-primary", 0.3),
+        "primary-400": withOpacity("--color-primary", 0.4),
+        "primary-500": withOpacity("--color-primary", 0.5),
+        "primary-600": withOpacity("--color-primary", 0.6),
+        "primary-700": withOpacity("--color-primary", 0.7),
+        "primary-800": withOpacity("--color-primary", 0.8),
+        "primary-900": withOpacity("--color-primary", 0.9),
+        secondary: withOpacity("--color-secondary"),
+        "secondary-50": withOpacity("--color-secondary", 0.05),
+        "secondary-100": withOpacity("--color-secondary", 0.1),
+        "secondary-200": withOpacity("--color-secondary", 0.2),
+        "secondary-300": withOpacity("--color-secondary", 0.3),
+        "secondary-400": withOpacity("--color-secondary", 0.4),
+        "secondary-500": withOpacity("--color-secondary", 0.5),
+        "secondary-600": withOpacity("--color-secondary", 0.6),
+        "secondary-700": withOpacity("--color-secondary", 0.7),
+        "secondary-800": withOpacity("--color-secondary", 0.8),
+        "secondary-900": withOpacity("--color-secondary", 0.9),
+        "gray": "#F5F5F7",
+        "line": "#DAE1EB",
+        "label": "#222222",
+        "icon": "#C3C3C3",
+        "dark-plane": "#343434",
+        "disabled": "#c3c3c3",
+        "error": "#F44336",
+        "table-row-bg": '#FFFFFF',
+        ...colors,
+      }
+    }
+  },
+  plugins: [],
+}

package/template/admin_v3/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/template/core/_gitignore

@@ -46,3 +46,7 @@ Thumbs.db
 
 # Package lock file
 package-lock.json
+
+# Test files
+.scannerwork/
+coverage/

package/template/core/buildspec.yml

@@ -0,0 +1,29 @@
+version: 0.2
+
+phases:
+  pre_build:
+    commands:
+      - echo Logging in to Amazon ECR...
+      - $(aws ecr get-login --no-include-email --region ap-southeast-1)
+      - REPOSITORY_URI=$ECR_URI
+      - COMMIT_HASH=$(echo $CODEBUILD_RESOLVED_SOURCE_VERSION | cut -c 1-7)
+      - IMAGE_TAG=${COMMIT_HASH:=latest}
+  build:
+    commands:
+      - echo logging in dockerhub...
+      - docker login -u $dockeruser -p $dockerpassword
+      - echo Build started on `date`
+      - echo Building the Docker image...
+      - sed -i "s|{{SHOPSTACK_TOKEN}}|$SHOPSATCK_TOKEN|g" .npmrc
+      - cat .npmrc
+      - docker build --no-cache -t $REPOSITORY_URI:latest --build-arg commit_hash=$COMMIT_HASH .
+      - docker tag $REPOSITORY_URI:latest $REPOSITORY_URI:$IMAGE_TAG
+  post_build:
+    commands:
+      - echo Build completed on `date`
+      - echo Pushing the Docker image...
+      - docker push $REPOSITORY_URI:$IMAGE_TAG
+      - echo Writing image definitions file...
+      - printf '[{"name":"%s","imageUri":"%s"}]' $IMAGE_CONTAINER_NAME $REPOSITORY_URI:$IMAGE_TAG > imagedefinitions.json
+artifacts:
+    files: imagedefinitions.json

package/template/core/jest.config.js

@@ -0,0 +1,43 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+  roots: ['<rootDir>/src/modules'],
+  testRegex: '.*\\.spec\\.ts$',
+  transform: {
+    '^.+\\.(t|j)s$': 'ts-jest'
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!(@shopstack/cc-core-lib)/.*)',
+  ],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1',
+    '^(\\.{1,2}/.*)\\.js$': '$1',
+    'pdf-img-convert': '<rootDir>/test/__mocks__/pdf-img-convert.js',
+    '@shopstack/cc-core-lib/core': '<rootDir>/test/__mocks__/cc-core-lib.js'
+  },
+  setupFilesAfterEnv: ['<rootDir>/test/jest.setup.ts'],
+  collectCoverageFrom: [
+    'src/**/*.ts',
+    '!src/**/*.spec.ts',
+    '!src/**/*.module.ts',
+    '!src/main.ts',
+    '!src/**/index.ts',
+    '!src/modules/aws-s3/**/*',
+    '!src/**/*.enum.ts',
+    '!src/**/*.layout.ts',
+    '!src/**/*.workflow.ts',
+    '!src/**/*.custom_action.ts',
+    '!src/modules/modules.ts'
+  ],
+  coverageDirectory: './coverage',
+  coverageReporters: ['lcov', 'text', 'text-summary'],
+  moduleFileExtensions: ['js', 'json', 'ts'],
+  globals: {
+    'ts-jest': {
+      tsconfig: 'tsconfig.test.json'
+    }
+  },
+  verbose: true,
+  testTimeout: 30000,
+  moduleDirectories: ['node_modules', 'src/__tests__/mocks', 'test/__mocks__']
+}; 

package/template/core/package.json

@@ -14,16 +14,25 @@
     "start:dev": "source ./newrelic.sh && nest start --watch",
     "start:debug": "nest start --debug --watch",
     "start:prod": "source ./newrelic.sh && node dist/src/main",
-    "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix"
+    "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:cov": "jest --coverage",
+    "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
+    "sonar": "node -r dotenv/config ./node_modules/.bin/jest --coverage && node -r dotenv/config ./node_modules/.bin/sonar-scanner",
+    "sonar:coverage": "jest --coverage --coverageReporters=lcov --coverageDirectory=coverage"
   },
   "dependencies": {
-    "@shopstack/cc-core-lib": "^2.5.272"
+    "@shopstack/cc-core-lib": "^2.5.274",
+    "reflect-metadata": "^0.1.14"
   },
   "devDependencies": {
+    "@nestjs/testing": "^10.3.5",
     "@types/bcrypt": "^5.0.2",
     "@types/bull": "^3.14.4",
     "@types/chroma-js": "^2.4.0",
     "@types/express": "^4.17.8",
+    "@types/jest": "^29.5.14",
     "@types/node": "^13.13.27",
     "@types/numeral": "^2.0.2",
     "@types/supertest": "^2.0.10",
@@ -32,8 +41,11 @@
     "eslint": "^8.44.0",
     "eslint-config-prettier": "^6.13.0",
     "eslint-plugin-import": "^2.22.1",
+    "jest": "^29.7.0",
     "prettier": "^1.19.1",
+    "sonarqube-scanner": "^4.3.0",
     "supertest": "^4.0.2",
+    "ts-jest": "^29.3.4",
     "ts-loader": "^6.2.1",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^3.9.0",

package/template/core/sonar-project.properties

@@ -0,0 +1,27 @@
+# Project identification
+sonar.projectKey=demo-points-core
+sonar.projectName=Demo Points Core
+sonar.projectVersion=1.0.0
+
+# Source code location
+sonar.sources=src
+sonar.tests=src
+sonar.test.inclusions=**/*.spec.ts
+sonar.exclusions=**/*.layout.ts,**/*.workflow.ts,**/*.custom_action.ts,**/*.module.ts,**/main.ts,**/index.ts,**/aws-s3/**,**/*.enum.ts
+
+# Language
+sonar.language=ts
+sonar.typescript.lcov.reportPaths=coverage/lcov.info
+
+# Encoding of the source files
+sonar.sourceEncoding=UTF-8
+
+# Coverage report path
+sonar.javascript.lcov.reportPaths=coverage/lcov.info
+
+# SonarCloud configuration
+sonar.host.url=https://sonarcloud.io
+sonar.organization=your-organization-key  # You need to replace this with your organization key
+
+# Authentication token should be provided via environment variable SONAR_TOKEN
+# DO NOT add the token directly in this file for security reasons