cc-core-cli 1.0.129 → 1.0.131

package/template/admin_v3/src/pages/api/setting/[code].ts

@@ -0,0 +1,21 @@
+import { requestGetSetting, requestSetSetting, getHeadersFromRequest } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'GET') {
+    try {
+      const result = await requestGetSetting(req.query.code as string, getHeadersFromRequest(req))
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+  if (req.method === 'PUT') {
+    try {
+      const result = await requestSetSetting(req.query.code as string, req.body, getHeadersFromRequest(req))
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/system/config.ts

@@ -0,0 +1,13 @@
+import { requestGetApiKeyConfig } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'GET') {
+    try {
+      const result = await requestGetApiKeyConfig()
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/system/data_source/[code].ts

@@ -0,0 +1,17 @@
+import { requestDataSourceConnector, getHeadersFromRequest } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+
+  if (req.method === 'GET') {
+    try {
+      const result = await requestDataSourceConnector(
+        req.query.code as string,
+        getHeadersFromRequest(req)
+      )
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/system/endpoint/[method].ts

@@ -0,0 +1,17 @@
+import { requestListEndpoint, getHeadersFromRequest } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+
+  if (req.method === 'GET') {
+    try {
+      const result = await requestListEndpoint(
+        req.query.method as string,
+        getHeadersFromRequest(req)
+      )
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/system/queue.ts

@@ -0,0 +1,13 @@
+import { requestQueueList, getHeadersFromRequest } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'GET') {
+    try {
+      const result = await requestQueueList(getHeadersFromRequest(req))
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/system/role.ts

@@ -0,0 +1,13 @@
+import { requestUserRoleOptions } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'GET') {
+    try {
+      const result = await requestUserRoleOptions()
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/user/change_password.ts

@@ -0,0 +1,13 @@
+import { requestChangePassword, getHeadersFromRequest } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'PUT') {
+    try {
+      const result = await requestChangePassword(req.body, getHeadersFromRequest(req))
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/user/filter/index.ts

@@ -0,0 +1,13 @@
+import { requestMyFilter, getHeadersFromRequest } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'GET') {
+    try {
+      const result = await requestMyFilter(getHeadersFromRequest(req))
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/user/me.ts

@@ -0,0 +1,24 @@
+import { requestMyProfile, requestUpdateMyProfile, getHeadersFromRequest } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'GET') {
+    try {
+      const result = await requestMyProfile(getHeadersFromRequest(req))
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+  if (req.method === 'PUT') {
+    try {
+      const result = await requestUpdateMyProfile(
+        req.body,
+        getHeadersFromRequest(req)
+      )
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/api/user/register.ts

@@ -0,0 +1,13 @@
+import { requestRegister } from '@shopstack/cs-admin-lib/server'
+import { NextApiRequest, NextApiResponse } from "next";
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method === 'POST') {
+    try {
+      const result = await requestRegister(req.body)
+      return res.status(200).json(result)
+    } catch (e) {
+      return res.status(e.status).json(e.error)
+    }
+  }
+}

package/template/admin_v3/src/pages/callback/[channel].tsx

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

package/template/admin_v3/src/pages/entity/[entity]/[layout]/[id].tsx

@@ -0,0 +1,17 @@
+import { Detail } from '@shopstack/cs-admin-lib';
+import { useRouter } from "next/router"
+
+const DetailPage = () => {
+
+  const router = useRouter()
+
+  return (
+    <Detail
+      id={router.query.id as string}
+      entity={router.query.entity as string}
+      layout={router.query.layout as string}
+    />
+  )
+}
+
+export default DetailPage

package/template/admin_v3/src/pages/entity/[entity]/[layout]/index.tsx

@@ -0,0 +1,19 @@
+import _startCase from 'lodash/startCase'
+import { List } from '@shopstack/cs-admin-lib';
+import { useRouter } from "next/router"
+
+const ListPage = () => {
+
+  const router = useRouter()
+
+  return (
+    <List
+      title={''}
+      entity={router.query.entity as string}
+      layout={router.query.layout as string}
+      customPathname={'/entity/[entity]/[layout]/[id]'}
+    />
+  )
+}
+
+export default ListPage

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

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

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

@@ -0,0 +1,7 @@
+const HomePage = () => {
+  return (
+    <div>Home Page</div>
+  )
+}
+
+export default HomePage

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

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

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

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

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/