@ikas/storefront-cmd 4.0.0-alpha.9 → 4.0.0-beta.10

package/build/scripts/theme-build/index.js

@@ -0,0 +1 @@
+import{__awaiter as n,__generator as e}from'./../../ext/tslib/tslib.es6.js';import t from"lodash/cloneDeep";import"../generators/api/index.js";import{ComponentImportsGenerator as o}from"../generators/components/index.js";import{ConfigGenerator as i}from"../generators/config/index.js";import{PageGenerator as s}from"../generators/pages/index.js";import"../generators/theme/index.js";import{CustomDataTypesGenerator as r}from"../generators/types/index.js";function c(n,e){return!(!n.pages.some((function(n){return!e.pages.find((function(e){return e.id===n.id}))}))&&!e.pages.some((function(e){return!n.pages.find((function(n){return n.id===e.id}))})))||n.pages.some((function(n){var t,o,i=e.pages.find((function(e){return e.id===n.id})),s=n.components;(null===(t=n.specifications)||void 0===t?void 0:t.length)&&n.specifications.forEach((function(n){s.push.apply(s,n.components)}));var r=(null==i?void 0:i.components)||[];(null===(o=null==i?void 0:i.specifications)||void 0===o?void 0:o.length)&&i.specifications.forEach((function(n){r.push.apply(r,n.components)}));var c=s.filter((function(n){return!r.find((function(e){return n.componentId===e.componentId}))})),a=r.filter((function(n){return!s.find((function(e){return n.componentId===e.componentId}))}));return!!c.length||!!a.length}))}function a(c,a){return n(this,void 0,void 0,(function(){var n,p,u,f,m;return e(this,(function(e){switch(e.label){case 0:return n=t(c),(p={components:[],pages:[],customData:[],name:"",settings:{}}).components=n[0].components,p.customData=n[0].customData,n.forEach((function(n){n.pages.forEach((function(n){var e,t,o=p.pages.find((function(e){return e.type===n.type})),i=o||n;(e=i.components).push.apply(e,n.components),i.specifications||(i.specifications=[]),(t=i.specifications).push.apply(t,n.specifications||[]),o||p.pages.push(i)}))})),[4,o.generate(p,a)];case 1:return(m=e.sent())?[4,s.generate(a)]:[3,3];case 2:m=e.sent(),e.label=3;case 3:return(f=m)?[4,r.generate(p,a)]:[3,5];case 4:f=e.sent(),e.label=5;case 5:return(u=f)?[4,i.generate("prod",a)]:[3,7];case 6:u=e.sent(),e.label=7;case 7:return[2,u]}}))}))}export{a as generate,c as shouldDeploy};

package/build/utils/fs.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Divides the given filePath string into directory part and fileName part
+ * @param path Path for the file
+ */
+export declare function getFilePathParts(path: string): {
+    dirParts: string[];
+    filePart: string;
+} | {
+    filePart: string;
+    dirParts?: undefined;
+};
+/**
+ * Deletes the contents of the given directory, exluding the ignoreFiles
+ * @param dirPath Path for the directory
+ * @param ignoreFiles List of files to keep in directory. Does not accept recursive paths, only first level files
+ *
+ * @returns true for successfull operation, false otherwise
+ */
+export declare function deleteDirContent(dirPath: string, ignoreFiles?: string[]): Promise<boolean>;
+/**
+ * Creates the given file and directories for the filePath
+ * @param basePath Base directory path for the file
+ * @param fileSubPath Filename or the sub directory path for the file to write
+ * @param fileStr File contents
+ *
+ * @returns true for successfull operation, false otherwise
+ */
+export declare function createFile(basePath: string, fileSubPath: string, fileStr: string): Promise<boolean>;

package/build/utils/fs.js

@@ -0,0 +1 @@
+import{__awaiter as r,__generator as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import i from"fs";import e from"path";function o(r){var t=r.split("/");return t.length>1?{dirParts:t.slice(0,t.length-1),filePart:t[t.length-1]}:{filePart:r}}function u(n,o){return r(this,void 0,void 0,(function(){return t(this,(function(r){try{return i.readdirSync(n).forEach((function(r){(null==o?void 0:o.includes(r))||i.unlinkSync(e.join(n,r))})),[2,!0]}catch(r){return[2,!1]}return[2]}))}))}function c(u,c,l){var s;return r(this,void 0,void 0,(function(){var r,d,f;return t(this,(function(t){try{return r=u,d=o(c),(null===(s=d.dirParts)||void 0===s?void 0:s.length)&&(r=e.join.apply(e,n([r],d.dirParts,!1))),i.existsSync(r)||i.mkdirSync(r,{recursive:!0}),f=e.join(r,d.filePart),i.writeFileSync(f,l),[2,!0]}catch(r){return console.error(r),[2,!1]}return[2]}))}))}export{c as createFile,u as deleteDirContent,o as getFilePathParts};

package/build/utils/helper.d.ts

@@ -0,0 +1,2 @@
+export declare function sortObject(obj: Record<string, any>): Record<string, any>;
+export declare function findAllByKey(obj: Record<string, any>, keyToFind: string): any;

package/build/utils/helper.js

@@ -0,0 +1 @@
+function t(t){return Object.keys(t).sort().reduce((function(e,n){return e[n]=t[n],e}),{})}function e(t,n){return Object.entries(t||{}).reduce((function(t,r){var c=r[0],o=r[1];return c===n?t.concat(o):"object"==typeof o?t.concat(e(o,n)):t}),[])}export{e as findAllByKey,t as sortObject};

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@ikas/storefront-cmd",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.10",
   "description": "Command line tool for ikas storefront themes.",
-  "author": "Umut Ozan Yıldırım",
+  "author": "ikas",
   "license": "ISC",
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
+  "main": "./build/index.js",
+  "module": "./build/index.js",
   "sideEffects": false,
   "files": [
-    "./src"
+    "./build"
   ],
   "bin": {
     "ikas": "./build/ikas.cjs"
@@ -20,26 +20,28 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "command-line-args": "^5.2.0",
-    "lodash": "^4.17.21"
+    "command-line-args": "^5.2.0"
   },
   "devDependencies": {
-    "@ikas/storefront-models": "^4.0.0-alpha.9",
+    "@ikas/storefront-models": "^4.0.0-beta.10",
     "@rollup/plugin-commonjs": "^22.0.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "rollup-plugin-typescript2": "^0.32.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-executable": "^1.6.3",
+    "rollup-plugin-rename-node-modules": "^1.2.0",
     "@types/command-line-args": "^5.2.0",
     "@types/lodash": "^4.14.182",
     "@types/node": "^14.14.6",
     "rollup": "^2.75.6",
     "ttypescript": "^1.5.12",
     "typescript": "^4.5.4",
-    "typescript-transform-paths": "^2.2.2"
+    "typescript-transform-paths": "^2.2.2",
+    "lodash": "^4.17.21"
   },
   "peerDependencies": {
-    "@ikas/storefront-models": "^4.0.0-alpha.9"
+    "lodash": "^4.17.21",
+    "@ikas/storefront-models": "^4.0.0-beta.10"
   }
 }

package/src/scripts/generators/api/index.ts

@@ -1,27 +0,0 @@
-import path from "path";
-import { createFile, deleteDirContent } from "../../../utils/fs";
-
-import { APIInfo, API_INFO } from "./info";
-
-export class APIGenerator {
-  static async generate() {
-    const apiDir = path.join(process.cwd(), "src", "pages", "api");
-    await deleteDirContent(apiDir);
-
-    let isSuccess = true;
-
-    for (const info of API_INFO) {
-      isSuccess = isSuccess && (await APIGenerator.generateAPI(info));
-    }
-
-    return isSuccess;
-  }
-
-  static generateAPI(apiInfo: APIInfo) {
-    return createFile(
-      path.join(process.cwd(), "src", "pages", "api"),
-      apiInfo.fileName,
-      apiInfo.content
-    );
-  }
-}

package/src/scripts/generators/api/info.ts

@@ -1,47 +0,0 @@
-export const GET_COMPONENT_DIRS_API_CONTENT = `import { IkasLocalThemeAPI } from "@ikas/storefront-next";
-
-export default IkasLocalThemeAPI.GetComponentDirs.getComponentDirs;
-export const config = IkasLocalThemeAPI.GetComponentDirs.config;
-`;
-
-export const GET_THEME_API_CONTENT = `import { IkasLocalThemeAPI } from "@ikas/storefront-next";
-
-export default IkasLocalThemeAPI.GetTheme.getTheme;
-export const config = IkasLocalThemeAPI.GetTheme.config;
-`;
-
-export const UPDATE_THEME_API_CONTENT = `import { IkasLocalThemeAPI } from "@ikas/storefront-next";
-
-export default IkasLocalThemeAPI.UpdateTheme.updateTheme;
-export const config = IkasLocalThemeAPI.UpdateTheme.config;
-`;
-
-export const UPLOAD_THEME_API_CONTENT = `import { IkasLocalThemeAPI } from "@ikas/storefront-next";
-
-export default IkasLocalThemeAPI.UploadTheme.uploadTheme;
-export const config = IkasLocalThemeAPI.UploadTheme.config;
-`;
-
-export const API_INFO = [
-  {
-    content: GET_COMPONENT_DIRS_API_CONTENT,
-    fileName: "getComponentDirs.ts",
-  },
-  {
-    content: GET_THEME_API_CONTENT,
-    fileName: "getTheme.ts",
-  },
-  {
-    content: UPDATE_THEME_API_CONTENT,
-    fileName: "updateTheme.ts",
-  },
-  {
-    content: UPLOAD_THEME_API_CONTENT,
-    fileName: "uploadTheme.ts",
-  },
-];
-
-export type APIInfo = {
-  content: string;
-  fileName: string;
-};

package/src/scripts/generators/components/index.ts

@@ -1,270 +0,0 @@
-import path from "path";
-import { createFile, deleteDirContent } from "../../../utils/fs";
-import {
-  IkasThemeJson,
-  IkasThemeJsonComponent,
-  IkasThemeJsonPageType,
-} from "@ikas/storefront-models";
-import { CHECKOUT_COMPONENT_ID, PageInfo, PAGE_INFO } from "../pages/info";
-import { findAllByKey } from "../../../utils/helper";
-
-export class ComponentImportsGenerator {
-  static async generate(themeJson: IkasThemeJson, workingDir?: string) {
-    await deleteDirContent(
-      path.join(
-        workingDir || process.cwd(),
-        "src",
-        "components",
-        "__generated__"
-      )
-    );
-
-    return (
-      (await ComponentImportsGenerator.generateAllPageComponentImportsFiles(
-        themeJson,
-        workingDir
-      )) &&
-      (await ComponentImportsGenerator.generateAllComponentImportsFileForEditor(
-        themeJson,
-        workingDir
-      ))
-    );
-  }
-
-  static async generateAllPageComponentImportsFiles(
-    themeJson: IkasThemeJson,
-    workingDir?: string
-  ) {
-    let isSuccess = true;
-
-    for (const pageInfo of PAGE_INFO) {
-      // const themeHasPage = themeJson.pages.some((page) =>
-      //   pageInfo.pageTypes.includes(page.type)
-      // );
-      // if (themeHasPage) {
-      // }
-      isSuccess =
-        isSuccess &&
-        (await ComponentImportsGenerator.generatePageComponentImportsFileWithInfo(
-          pageInfo,
-          themeJson,
-          workingDir
-        ));
-    }
-
-    return isSuccess;
-  }
-
-  static async generatePageComponentImportsFileWithInfo(
-    pageInfo: PageInfo,
-    themeJson: IkasThemeJson,
-    workingDir?: string
-  ) {
-    if (pageInfo.isCheckout || pageInfo.isEditor) return true;
-
-    try {
-      const components = themeJson.components;
-      const componentIds: string[] = [];
-
-      pageInfo.pageTypes.forEach((pageType) => {
-        const pages = themeJson.pages.filter((page) => page.type === pageType);
-
-        if (pages.length) {
-          pages.forEach((page) => {
-            const allPageComponents = page.components;
-            if (page.specifications?.length) {
-              page.specifications.forEach((specification) => {
-                allPageComponents.push(...specification.components);
-              });
-            }
-
-            componentIds.push(...allPageComponents.map((c) => c.componentId));
-
-            allPageComponents.forEach((pageComponent) => {
-              const component = components.find(
-                (c) => c.id === pageComponent.componentId
-              );
-              if (!component) return;
-
-              const nestedComponentIds = findAllByKey(
-                pageComponent.propValues,
-                "componentId"
-              ) as Array<any>;
-
-              componentIds.push(...nestedComponentIds);
-            });
-          });
-        }
-      });
-
-      const componentsInPage = components.filter(
-        (c) => componentIds.includes(c.id) && c.id !== CHECKOUT_COMPONENT_ID
-      );
-
-      return await ComponentImportsGenerator.generateComponentImportsFile(
-        componentsInPage,
-        pageInfo,
-        workingDir
-      );
-    } catch (err) {
-      console.error(err);
-      return false;
-    }
-  }
-
-  static generatePageComponentImportsFileWithType(
-    pageType: IkasThemeJsonPageType,
-    themeJson: IkasThemeJson,
-    workingDir?: string
-  ) {
-    if (pageType === IkasThemeJsonPageType.CHECKOUT) return;
-
-    try {
-      const pageInfo = PAGE_INFO.find((pi) => pi.pageTypes.includes(pageType));
-      if (pageInfo) {
-        return ComponentImportsGenerator.generatePageComponentImportsFileWithInfo(
-          pageInfo,
-          themeJson,
-          workingDir
-        );
-      }
-    } catch (err) {
-      console.error(err);
-    }
-
-    return false;
-  }
-
-  static generateComponentImportsFile(
-    components: IkasThemeJsonComponent[],
-    pageInfo: PageInfo,
-    workingDir?: string
-  ) {
-    try {
-      let fileStr = "";
-
-      components
-        .filter((c: any) => c.id !== "checkout")
-        .forEach((component: any, index: number) => {
-          fileStr += `import Component${index} from "src/components/${component.dir}";\r\n`;
-        });
-
-      fileStr += `
-  const Components = {
-    ${components.map(
-      (component: any, index: number) => `"${component.id}": Component${index}`
-    )}
-  };
-  `;
-
-      fileStr += "\r\n";
-      fileStr += "export default Components;";
-
-      return createFile(
-        path.join(
-          workingDir || process.cwd(),
-          "src",
-          "components",
-          "__generated__",
-          "pages"
-        ),
-        pageInfo.path.replace("tsx", "ts"),
-        fileStr
-      );
-    } catch (err) {
-      console.error(err);
-      return false;
-    }
-  }
-
-  static async generateAllComponentImportsFileForEditor(
-    themeJson: IkasThemeJson,
-    workingDir?: string
-  ) {
-    try {
-      let fileStr = `import dynamic from "next/dynamic";\r\n`;
-      fileStr += `import { IkasEditorComponentLoader } from "@ikas/storefront";\r\n`;
-      fileStr += "\r\n";
-      fileStr += "\r\n";
-
-      const components = themeJson.components.filter(
-        (tc: any) => tc.id !== "checkout"
-      );
-
-      // Component imports
-      components
-        .filter((c: any) => c.id !== "checkout")
-        .forEach((component: any, index: number) => {
-          fileStr += `const Component${index} = dynamic(() => import("../${component.dir}"), { loading: () => <IkasEditorComponentLoader /> });\r\n`;
-        });
-
-      fileStr += "\r\n";
-      fileStr += `
-const Components = {
-  ${components.map(
-    (component: any, index: number) => `"${component.id}": Component${index}`
-  )}
-};
-`;
-
-      fileStr += "\r\n";
-      fileStr += "export default Components;";
-
-      const generatedFolderPath = path.join(
-        workingDir || process.cwd(),
-        "src",
-        "components",
-        "__generated__"
-      );
-
-      return await createFile(generatedFolderPath, "editor.tsx", fileStr);
-    } catch (err) {
-      console.error(err);
-      return false;
-    }
-  }
-
-  static async generateAllComponentImportsFile(
-    themeJson: IkasThemeJson,
-    workingDir?: string
-  ) {
-    try {
-      let fileStr = ``;
-
-      const components = themeJson.components.filter(
-        (tc: any) => tc.id !== "checkout"
-      );
-
-      // Component imports
-      components
-        .filter((c: any) => c.id !== "checkout")
-        .forEach((component: any, index: number) => {
-          fileStr += `import Component${index} from "../${component.dir}";\r\n`;
-        });
-
-      fileStr += "\r\n";
-      fileStr += `
-const Components = {
-  ${components.map(
-    (component: any, index: number) => `"${component.id}": Component${index}`
-  )}
-};
-`;
-
-      fileStr += "\r\n";
-      fileStr += "export default Components;";
-
-      const generatedFolderPath = path.join(
-        workingDir || process.cwd(),
-        "src",
-        "components",
-        "__generated__"
-      );
-
-      return await createFile(generatedFolderPath, "index.tsx", fileStr);
-    } catch (err) {
-      console.error(err);
-      return false;
-    }
-  }
-}

package/src/scripts/generators/config/content.ts

@@ -1,168 +0,0 @@
-export const DEPENDENCIES = {
-  next: "canary",
-  react: "17.0.2",
-  "react-dom": "17.0.2",
-  mobx: "^6.1.3",
-  axios: "^0.26.0",
-  lodash: "^4.17.20",
-  archiver: "^5.3.0",
-  cors: "^2.8.5",
-  "html-react-parser": "^1.4.0",
-  "mobx-react-lite": "^3.1.5",
-  "next-transpile-modules": "^9.0.0",
-  "@ikas/storefront": "^4.0.0-alpha.7",
-  "@ikas/storefront-api": "^4.0.0-alpha.7",
-  "@ikas/storefront-assets": "^4.0.0-alpha.7",
-  "@ikas/storefront-cmd": "^4.0.0-alpha.7",
-  "@ikas/storefront-config": "^4.0.0-alpha.7",
-  "@ikas/storefront-model-functions": "^4.0.0-alpha.7",
-  "@ikas/storefront-models": "^4.0.0-alpha.7",
-  "@ikas/storefront-next": "^4.0.0-alpha.7",
-  "@ikas/storefront-providers": "^4.0.0-alpha.7",
-};
-
-export const DEV_DEPENDENCIES = {
-  "@types/node": "^14.14.6",
-  "@types/react": "^17.0.2",
-  "@types/react-dom": "^17.0.2",
-  "@typescript-eslint/eslint-plugin": "^2.10.0",
-  "@typescript-eslint/parser": "^2.10.0",
-  eslint: "^6.6.0",
-  "eslint-config-react-app": "^5.2.1",
-  "eslint-loader": "3.0.3",
-  "eslint-plugin-flowtype": "4.6.0",
-  "eslint-plugin-import": "2.20.1",
-  "eslint-plugin-jsx-a11y": "6.2.3",
-  "eslint-plugin-react": "7.19.0",
-  "eslint-plugin-react-hooks": "^1.6.1",
-  sass: "^1.43.4",
-  typescript: "^4.5.2",
-};
-
-export const RESOLUTIONS = {
-  "@types/react": "17.0.2",
-  "@types/react-dom": "17.0.2",
-};
-
-export const SCRIPTS = {
-  upgradeDependencies:
-    "yarn upgrade @ikas/storefront @ikas/storefront-api @ikas/storefront-assets @ikas/storefront-cmd @ikas/storefront-config @ikas/storefront-model-functions @ikas/storefront-models @ikas/storefront-next @ikas/storefront-providers",
-  dev: "next dev -p 3333",
-  build: "next build",
-  start: "next start",
-  generate: "ikas --generate",
-  "prettier:all": "npx prettier@^2.1 './**/src/**/*.(ts|tsx|css|scss)' --write",
-};
-
-export const TS_CONFIG = `{
-  "compilerOptions": {
-    "target": "esnext",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "experimentalDecorators": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "baseUrl": ".",
-    "useUnknownInCatchVariables": false,
-    "incremental": true
-  },
-  "typeRoots": [
-    "./node_modules/@types"
-  ],
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    "**/typings/global.d.ts",
-  ],
-  "exclude": [
-    "node_modules",
-    "./src/pages/api",
-  ]
-}`;
-
-export const NEXT_CONFIG = `const withTM = require("next-transpile-modules")([
-  "@ikas/storefront",
-  "@ikas/storefront-api",
-  "@ikas/storefront-assets",
-  "@ikas/storefront-cmd",
-  "@ikas/storefront-config",
-  "@ikas/storefront-model-functions",
-  "@ikas/storefront-models",
-  "@ikas/storefront-next",
-  "@ikas/storefront-providers",
-]);
-
-const config = {
-  i18n: {
-    defaultLocale: "en",
-    locales: ["en"],
-    localeDetection: false,
-  },
-  basePath: process.env.NEXTJS_BASE_PATH || "",
-
-  images: {
-    deviceSizes: [
-      180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 1950, 2560, 3840,
-    ],
-  },
-
-  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
-    if (!isServer) {
-      config.resolve.fallback.fs = false;
-      config.resolve.fallback.net = false;
-      config.resolve.fallback.encoding = false;
-      config.resolve.fallback.crypto = false;
-      config.resolve.fallback.assert = false;
-      config.resolve.fallback.stream = false;
-      config.module.rules = [
-        ...config.module.rules,
-        {
-          test: /@ikas/i,
-          sideEffects: false,
-        },
-      ];
-    }
-    return config;
-  },
-};
-
-module.exports = withTM(config);`;
-
-export const DEV_ENV = `NEXT_PUBLIC_ENV=local
-NEXT_PUBLIC_BASE_URL=https://api.myikas.dev/api/sf
-NEXT_PUBLIC_IMG_BASE_URL=https://cdn.myikas.dev/
-NEXT_PUBLIC_UPLOAD_GQL_URL=https://api.myikas.dev/api/admin/graphql
-NEXT_PUBLIC_GQL_URL=https://api.myikas.dev/api/sf/graphql
-`;
-
-export const PROD_ENV = `NEXT_PUBLIC_ENV=local
-NEXT_PUBLIC_BASE_URL=https://api.myikas.com/api/sf
-NEXT_PUBLIC_IMG_BASE_URL=https://cdn.myikas.com/
-NEXT_PUBLIC_UPLOAD_GQL_URL=https://api.myikas.com/api/admin/graphql
-NEXT_PUBLIC_GQL_URL=https://api.myikas.com/api/sf/graphql
-`;
-
-export const BABEL_RC = `{
-  "presets": [
-    [
-      "next/babel",
-      {
-        "preset-react": { "throwIfNamespace": false },
-      }
-    ]
-  ],
-  "plugins": []
-}`;