@ikas/storefront 2.0.0-alpha.3 → 2.0.0-alpha.5

package/build/scripts/generators/components/index.d.ts

@@ -1,4 +1,6 @@
-export { IkasPage } from "./page";
-export { IkasPageHead } from "./page/head";
-export { IkasPageEditor } from "./page-editor";
-export { Image } from "./image";
+import { IkasTheme } from "../../../models/theme/theme";
+export declare class ComponentImportsGenerator {
+    static generate(themeJson: IkasTheme): boolean;
+    static generateAllComponentImportsFileForEditor(themeJson: IkasTheme): boolean;
+    static generateAllComponentImportsFile(themeJson: IkasTheme): boolean;
+}

package/build/scripts/generators/components/index.js

@@ -0,0 +1 @@
+import n from"path";import{deleteDirContent as o,createFile as r}from"../../../utils/fs.js";var t=function(){function t(){}return t.generate=function(r){return o(n.join(process.cwd(),"src","components","__generated__")),t.generateAllComponentImportsFile(r)&&t.generateAllComponentImportsFileForEditor(r)},t.generateAllComponentImportsFileForEditor=function(o){try{var t='import dynamic from "next/dynamic.js";\r\n';t+='import { IkasEditorComponentLoader } from "@ikas/storefront/src/components/page-editor/loader";\r\n',t+="\r\n",t+="const loader = { loading: () => <IkasEditorComponentLoader /> };\r\n",t+="\r\n";var e=o.components.filter((function(n){return"checkout"!==n.id}));e.filter((function(n){return"checkout"!==n.id})).forEach((function(n,o){t+="const Component"+o+' = dynamic(() => import("../'+n.dir+'"), loader);\r\n'})),t+="\r\n",t+="\nconst Components = {\n  "+e.map((function(n,o){return'"'+n.id+'": Component'+o}))+"\n};\n",t+="\r\n",t+="export default Components;";var c=n.join(process.cwd(),"src","components","__generated__");return r(c,"editor.tsx",t)}catch(n){return console.error(n),!1}},t.generateAllComponentImportsFile=function(o){try{var t="",e=o.components.filter((function(n){return"checkout"!==n.id}));e.filter((function(n){return"checkout"!==n.id})).forEach((function(n,o){t+="import Component"+o+' from "../'+n.dir+'";\r\n'})),t+="\r\n",t+="\nconst Components = {\n  "+e.map((function(n,o){return'"'+n.id+'": Component'+o}))+"\n};\n",t+="\r\n",t+="export default Components;";var c=n.join(process.cwd(),"src","components","__generated__");return r(c,"index.tsx",t)}catch(n){return console.error(n),!1}},t}();export{t as ComponentImportsGenerator};

package/build/scripts/generators/config/content.js

@@ -0,0 +1 @@
+var n={next:"11.1.2",react:"17.0.2","react-dom":"17.0.2",mobx:"^6.1.3","mobx-react-lite":"^3.1.5","next-transpile-modules":"^9.0.0"},e={"@types/node":"^14.14.6","@types/react":"^16.9.55","@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"},t={upgradeDependencies:"yarn upgrade @ikas/storefront",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"},s='{\n  "compilerOptions": {\n    "target": "esnext",\n    "lib": [\n      "dom",\n      "dom.iterable",\n      "esnext"\n    ],\n    "allowJs": true,\n    "skipLibCheck": true,\n    "strict": true,\n    "forceConsistentCasingInFileNames": true,\n    "experimentalDecorators": true,\n    "noEmit": true,\n    "esModuleInterop": true,\n    "module": "esnext",\n    "moduleResolution": "node",\n    "resolveJsonModule": true,\n    "isolatedModules": true,\n    "jsx": "preserve",\n    "baseUrl": ".",\n    "useUnknownInCatchVariables": false\n  },\n  "typeRoots": [\n    "./node_modules/@types"\n  ],\n  "include": [\n    "next-env.d.ts",\n    "**/*.ts",\n    "**/*.tsx",\n    "**/typings/global.d.ts",\n  ],\n  "exclude": [\n    "node_modules",\n    "./src/pages/api",\n  ]\n}',i='const withTM = require("next-transpile-modules")(["@ikas/storefront"]);\n\nconst config = {\n  i18n: {\n    defaultLocale: "en",\n    locales: ["en"],\n    localeDetection: false,\n  },\n  basePath: process.env.NEXTJS_BASE_PATH || "",\n\n  images: {\n    deviceSizes: [\n      180,\n      360,\n      540,\n      720,\n      900,\n      1080,\n      1296,\n      1512,\n      1728,\n      1950,\n      2560,\n      3840,\n    ],\n  },\n\n  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {\n    if (!isServer) {\n      config.resolve.fallback.fs = false;\n    }\n    return config;\n  },\n};\n\nmodule.exports = withTM(config);',a="NEXT_PUBLIC_ENV=local\nNEXT_PUBLIC_BASE_URL=https://api.myikas.dev\nNEXT_PUBLIC_IMG_HOST=cdn.myikas.dev\nNEXT_PUBLIC_IMG_BASE_URL=https://cdn.myikas.dev/\nNEXT_PUBLIC_UPLOAD_GQL_URL=https://api.myikas.dev/api/admin/graphql\nNEXT_PUBLIC_GQL_URL=https://api.myikas.dev/api/sf/graphql\n",r="NEXT_PUBLIC_ENV=local\nNEXT_PUBLIC_BASE_URL=https://api.myikas.com\nNEXT_PUBLIC_IMG_HOST=cdn.myikas.com\nNEXT_PUBLIC_IMG_BASE_URL=https://cdn.myikas.com/\nNEXT_PUBLIC_UPLOAD_GQL_URL=https://api.myikas.com/api/admin/graphql\nNEXT_PUBLIC_GQL_URL=https://api.myikas.com/api/sf/graphql\n";export{n as DEPENDENCIES,e as DEV_DEPENDENCIES,a as DEV_ENV,i as NEXT_CONFIG,r as PROD_ENV,t as SCRIPTS,s as TS_CONFIG};

package/build/scripts/generators/config/index.d.ts

@@ -1,5 +1,5 @@
 export declare type ENV = "dev" | "prod";
-export default class ConfigGenerator {
+export declare class ConfigGenerator {
     static generate(env: ENV): boolean | undefined;
     static generateTsConfig(): boolean;
     static generateNextConfig(): boolean;

package/build/scripts/generators/config/index.js

@@ -0,0 +1 @@
+import{__assign as e}from'../../../ext/tslib/tslib.es6.js';import n from'../../../ext/fs-extra/lib/index.js';import r from"path";import{sortObject as t}from"../../../utils/helper.js";import"../../../storefront/index.js";import"../../../utils/i18n.js";import{createFile as o}from"../../../utils/fs.js";import{DEV_DEPENDENCIES as s,DEPENDENCIES as i,SCRIPTS as c,TS_CONFIG as a,NEXT_CONFIG as f,DEV_ENV as p,PROD_ENV as g}from"./content.js";var u=function(){function u(){}return u.generate=function(e){return u.generateTsConfig()&&u.generateNextConfig()&&u.generatePackageJson()&&u.generateEnv(e)},u.generateTsConfig=function(){return o(process.cwd(),"tsconfig.json",a)},u.generateNextConfig=function(){return o(process.cwd(),"next.config.js",f)},u.generatePackageJson=function(){try{var a=r.join(process.cwd(),"package.json"),f=n.readFileSync(a);if(f.length){var p=JSON.parse(f.toString()),g=function(n){var r="dev"===n?s:i,o="dev"===n?"devDependencies":"dependencies";p[o]&&"object"==typeof p[o]?p[o]=e(e({},p[o]),r):p[o]=r;var c=t(p[o]);p[o]=c};return g("dev"),g("normal"),p.scripts&&"object"==typeof p.scripts?p.scripts=e(e({},p.scripts),c):p.scripts=c,o(a,"",JSON.stringify(p,null,2))}}catch(e){return console.error(e),!1}},u.generateEnv=function(e){var n="dev"===e?p:g;return o(process.cwd(),".env",n)},u}();export{u as ConfigGenerator};

package/build/scripts/generators/index.d.ts

@@ -1,8 +1,6 @@
-export * from "./components/image";
-export * from "./components/page-editor/loader";
-export * from "./models";
+export * from "./api";
+export * from "./components";
+export * from "./config";
 export * from "./pages";
 export * from "./store";
-export * from "./storefront";
-export * from "./utils";
-export * from "./analytics";
+export * from "./theme";

package/build/scripts/generators/pages/index.d.ts

@@ -1,22 +1,7 @@
-export * as IndexPage from "./home";
-export * as SlugPage from "./[slug]";
-export * as CustomPage from "./pages/[slug]";
-export * as CheckoutPage from "./checkout";
-export * as AccountPage from "./account/index";
-export * as AddressesPage from "./account/addresses";
-export * as OrdersPage from "./account/orders";
-export * as OrderDetailPage from "./account/orders/[id]";
-export * as LoginPage from "./account/login";
-export * as RegisterPage from "./account/register";
-export * as ForgotPasswordPage from "./account/forgot-password";
-export * as RecoverPasswordPage from "./account/recover-password";
-export * as CartPage from "./cart";
-export * as EditorPage from "./editor";
-export * as FavoriteProductsPage from "./account/favorite-products";
-export * as SearchPage from "./search";
-export * as NotFoundPage from "./404";
-export * as BlogPage from "./blog";
-export * as BlogSlugPage from "./blog/[slug]";
-export * as RafflePage from "./raffle/[slug]";
-export * as RafflesPage from "./raffle/index";
-export * as AccountRafflesPage from "./account/raffles";
+import { IkasThemePageType } from "../../../models/theme/page";
+import { PageInfo } from "./info";
+export declare class PageGenerator {
+    static generate(): boolean;
+    static generatePageWithInfo(pageInfo: PageInfo): boolean;
+    static generatePageWithType(pageType: IkasThemePageType): boolean;
+}

package/build/scripts/generators/pages/index.js

@@ -0,0 +1 @@
+import e from"path";import{deleteDirContent as n,createFile as t}from"../../../utils/fs.js";import{PAGE_INFO as r,CHECKOUT_PAGE_CONTENT as o,EDITOR_PAGE_CONTENT as a}from"./info.js";var i=function(){function i(){}return i.generate=function(){var t=e.join(process.cwd(),"src","pages");n(t,["_app.tsx","_document.tsx","api"]);for(var o=!0,a=0,p=r;a<p.length;a++){var s=p[a];o=o&&i.generatePageWithInfo(s)}var c=r.find((function(e){return e.isCheckout})),g=r.find((function(e){return e.isEditor})),f=!!c&&i.generatePageWithInfo(c),m=!!g&&i.generatePageWithInfo(g);return o&&f&&m},i.generatePageWithInfo=function(n){try{var r="";if(n.isCheckout)r=o;else if(n.isEditor)r=a;else{var i="import { "+n.pageComponentName+' } from "@ikas/storefront";\r\n';r=i+'import Components from "src/components/__generated__/index";\r\n'+("\nconst PageComponent = "+n.pageComponentName+".default;\n\nconst Page = (props: any) => {\n  return <PageComponent components={Components} {...props} />;\n};\n\nexport default Page;\r\n")+(n.isDynamicSSG?"export const getStaticPaths = "+n.pageComponentName+".getStaticPaths;\r\n":"")+(n.isSSR?"export const getServerSideProps = "+n.pageComponentName+".getServerSideProps;\r\n":"export const getStaticProps = "+n.pageComponentName+".getStaticProps;\r\n")}return t(e.join(process.cwd(),"src","pages"),n.path,r)}catch(e){return console.error(e),!1}},i.generatePageWithType=function(e){var n=r.find((function(n){return n.pageTypes.includes(e)}));return!!n&&i.generatePageWithInfo(n)},i}();export{i as PageGenerator};

package/build/scripts/generators/pages/info.js

@@ -0,0 +1 @@
+import{IkasThemePageType as e}from"../../../models/theme/page/index.js";var a=[{path:"[slug]/index.tsx",pageComponentName:"SlugPage",pageTypes:[e.PRODUCT,e.CATEGORY,e.BRAND],isDynamicSSG:!0},{path:"account/orders/[id].tsx",pageComponentName:"OrderDetailPage",pageTypes:[e.ORDER_DETAIL],isSSR:!0},{path:"account/orders/index.tsx",pageComponentName:"OrdersPage",pageTypes:[e.ORDERS]},{path:"account/addresses.tsx",pageComponentName:"AddressesPage",pageTypes:[e.ADDRESSES]},{path:"account/favorite-products.tsx",pageComponentName:"FavoriteProductsPage",pageTypes:[e.FAVORITE_PRODUCTS]},{path:"account/forgot-password.tsx",pageComponentName:"ForgotPasswordPage",pageTypes:[e.FORGOT_PASSWORD]},{path:"account/index.tsx",pageComponentName:"AccountPage",pageTypes:[e.ACCOUNT]},{path:"account/login.tsx",pageComponentName:"LoginPage",pageTypes:[e.LOGIN]},{path:"account/raffles.tsx",pageComponentName:"AccountRafflesPage",pageTypes:[e.RAFFLE_ACCOUNT]},{path:"account/recover-password.tsx",pageComponentName:"RecoverPasswordPage",pageTypes:[e.RECOVER_PASSWORD]},{path:"account/register.tsx",pageComponentName:"RegisterPage",pageTypes:[e.REGISTER]},{path:"blog/[slug].tsx",pageComponentName:"BlogSlugPage",pageTypes:[e.BLOG,e.BLOG_CATEGORY],isDynamicSSG:!0},{path:"blog/index.tsx",pageComponentName:"BlogPage",pageTypes:[e.BLOG_INDEX]},{path:"pages/[slug].tsx",pageComponentName:"CustomPage",pageTypes:[e.CUSTOM],isDynamicSSG:!0},{path:"raffle/[slug].tsx",pageComponentName:"RafflePage",pageTypes:[e.RAFFLE_DETAIL],isDynamicSSG:!0},{path:"raffle/index.tsx",pageComponentName:"RafflesPage",pageTypes:[e.RAFFLE]},{path:"404.tsx",pageComponentName:"NotFoundPage",pageTypes:[e.NOT_FOUND]},{path:"cart.tsx",pageComponentName:"CartPage",pageTypes:[e.CART]},{path:"index.tsx",pageComponentName:"IndexPage",pageTypes:[e.INDEX]},{path:"search.tsx",pageComponentName:"SearchPage",pageTypes:[e.SEARCH]},{path:"checkout.tsx",pageComponentName:"CheckoutPage",pageTypes:[],isCheckout:!0},{path:"editor.tsx",pageComponentName:"EditorPage",pageTypes:[],isEditor:!0}],t='import { CheckoutPage } from "@ikas/storefront";\n\nexport default CheckoutPage.default;\nexport const getStaticProps = CheckoutPage.getStaticProps;\n',p='import { EditorPage } from "@ikas/storefront";\nimport Components from "../components/__generated__/editor";\n\nconst PageComponent = EditorPage.default;\n\nconst Page = (props: any) => {\n  return <PageComponent components={Components} {...props} />;\n};\n\nexport default Page;\nexport const getStaticProps = EditorPage.getStaticProps;\n';export{t as CHECKOUT_PAGE_CONTENT,p as EDITOR_PAGE_CONTENT,a as PAGE_INFO};

package/build/scripts/generators/store/content.js

@@ -0,0 +1 @@
+var e='import { IkasBaseStore } from "@ikas/storefront";\n\nexport default class Store extends IkasBaseStore {\n  // Add your own stores here if needed\n  // ex: yourStore: YourStore;\n\n  constructor() {\n    super();\n\n    // Init your own stores here\n    // ex: this.yourStore = new YourStore();\n  }\n}\n';export{e as STORE_CONTENT};

package/build/scripts/generators/store/index.d.ts

@@ -1 +1,3 @@
-export { IkasBaseStore } from "./base";
+export declare class StoreGenerator {
+    static generate(): boolean;
+}

package/build/scripts/generators/store/index.js

@@ -0,0 +1 @@
+import r from"path";import o from'../../../ext/fs-extra/lib/index.js';import{createFile as t}from"../../../utils/fs.js";import{STORE_CONTENT as s}from"./content.js";var e=function(){function e(){}return e.generate=function(){return!!o.existsSync(r.join(process.cwd(),"src","store","index.ts"))||t(r.join(process.cwd(),"src","store"),"index.ts",s)},e}();export{e as StoreGenerator};

package/build/scripts/generators/theme/index.d.ts

@@ -1,5 +1,5 @@
 import { IkasTheme } from "../../../models/theme/theme";
-export default class ThemeJsonGenerator {
+export declare class ThemeJsonGenerator {
     static generate(themeJson: IkasTheme): boolean;
     static generateInitialThemeJsonFile(): boolean;
     static getTheme(): any;

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

@@ -0,0 +1 @@
+import e from'../../../ext/fs-extra/lib/index.js';import r from"path";import{createFile as n}from"../../../utils/fs.js";import{IkasTheme as t}from"../../../models/theme/theme.js";import{IkasThemePage as o,IkasThemePageType as s}from"../../../models/theme/page/index.js";var i=function(){function i(){}return i.generate=function(e){return n(r.join(process.cwd(),"src","theme.json"),"",JSON.stringify(e,null,2))},i.generateInitialThemeJsonFile=function(){var e=new t;return e.pages.push(new o({type:s.INDEX})),i.generate(e)},i.getTheme=function(){try{var n=r.join(process.cwd(),"src","theme.json"),t=e.readFileSync(n);return t.length?JSON.parse(t.toString()):null}catch(e){console.error(e)}},i}();export{i as ThemeJsonGenerator};

package/build/utils/fs.js

@@ -0,0 +1 @@
+import{__spreadArrays as r}from'../ext/tslib/tslib.es6.js';import t from'../ext/fs-extra/lib/index.js';import n from"path";function e(r){var t=r.split("/");return t.length>1?{dirParts:t.slice(0,t.length-1),filePart:t[t.length-1]}:{filePart:r}}function i(r,e){try{return t.readdirSync(r).forEach((function(i){(null==e?void 0:e.includes(i))||t.removeSync(n.join(r,i))})),!0}catch(r){return!1}}function o(i,o,l){var a;try{var u=i,c=e(o);(null===(a=c.dirParts)||void 0===a?void 0:a.length)&&(u=n.join.apply(n,r([u],c.dirParts)));var s=n.join(u,c.filePart);return t.outputFileSync(s,l),!0}catch(r){return console.error(r),!1}}export{o as createFile,i as deleteDirContent,e as getFilePathParts};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.5",
   "main": "./build/index.js",
   "module": "./build/index.js",
   "author": "Umut Ozan Yıldırım",