@ikas/storefront-next 4.0.0-alpha.55 → 4.0.0-alpha.56

package/src/api/uploadTheme.ts

@@ -1,311 +0,0 @@
-import fs from "fs";
-import path from "path";
-import archiver from "archiver";
-import { NextApiRequest, NextApiResponse } from "next";
-import axios from "axios";
-
-//@ts-ignore
-import CheckoutDE from "@ikas/storefront-assets/checkout/de.js";
-//@ts-ignore
-import CheckoutEN from "@ikas/storefront-assets/checkout/en.js";
-//@ts-ignore
-import CheckoutTR from "@ikas/storefront-assets/checkout/tr.js";
-
-import { corsMiddleware } from "./middleware";
-
-export const uploadTheme = async (
-  req: NextApiRequest,
-  res: NextApiResponse
-) => {
-  await corsMiddleware(req, res);
-  try {
-    const theme = await getTheme();
-
-    const localization = await readLocalizationFiles();
-    const uploadUrl = await saveTheme(theme, localization);
-
-    if (typeof uploadUrl === "string") {
-      const zipDir = await archiveThemeCode();
-      const stat = fs.statSync(zipDir);
-      const success = await _uploadTheme(
-        uploadUrl,
-        fs.readFileSync(zipDir),
-        stat.size
-      );
-      console.log(success);
-      if (success) {
-        buildTheme();
-      }
-      deleteThemeZip(zipDir);
-    }
-
-    res.statusCode = 200;
-    res.setHeader("Content-Type", "application/json");
-    res.json({ status: "ok" });
-  } catch (err) {
-    console.log(err);
-    res.statusCode = 400;
-    res.setHeader("Content-Type", "application/json");
-    res.json({ status: "failed" });
-  }
-};
-
-export const config = {};
-
-async function archiveThemeCode(): Promise<string> {
-  const themePath = path.join(process.cwd());
-
-  const filename = "theme.zip";
-  const dirname = path.join(process.cwd(), filename);
-  const output = fs.createWriteStream(dirname);
-  const archive = archiver("zip", {
-    zlib: {
-      level: 9,
-    },
-  });
-
-  archive.on("warning", function (err) {
-    if (err.code !== "ENOENT") {
-      throw err;
-    }
-  });
-
-  archive.on("error", function (err) {
-    throw err;
-  });
-
-  archive.pipe(output);
-
-  const excludedDirs = ["node_modules", ".next", "out", ".git"];
-  const files = fs.readdirSync(themePath);
-
-  files.forEach((file) => {
-    const filePath = path.join(themePath, file);
-    const stat = fs.lstatSync(filePath);
-
-    if (stat.isDirectory()) {
-      if (excludedDirs.includes(file)) return;
-      archive.directory(filePath, file);
-    } else {
-      archive.file(filePath, { name: file });
-    }
-  });
-
-  await archive.finalize();
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve(dirname);
-    }, 2000);
-  });
-}
-
-async function saveTheme(theme: any, localization: Record<string, any>) {
-  try {
-    const locales = Object.keys(localization);
-    const defaultLocale = locales.some((l) => l === "en") ? "en" : locales[0];
-    const config = await getStorefrontConfig();
-
-    const response = await axios({
-      method: "post",
-      url: process.env.NEXT_PUBLIC_UPLOAD_GQL_URL!,
-      headers: {
-        "x-api-key": config.apiKey,
-        "Content-Type": "application/json",
-      },
-      data: JSON.stringify({
-        query: /* GraphQL */ `
-          mutation saveTheme($saveThemeInput: SaveThemeInput!) {
-            saveTheme(input: $saveThemeInput) {
-              themeVersionId
-              uploadUrl
-            }
-          }
-        `,
-        variables: {
-          saveThemeInput: {
-            id: config.themeId,
-            themeJson: JSON.stringify(theme),
-            locales: Object.entries(localization).map(
-              ([locale, localeTranslations]) => ({
-                isDefaultLocale: locale === defaultLocale,
-                locale,
-                localeJson: JSON.stringify(localeTranslations),
-              })
-            ),
-          },
-        },
-      }),
-    });
-
-    // const response = await fetch(process.env.NEXT_PUBLIC_UPLOAD_GQL_URL!, {
-    //   method: "POST",
-    //   body: JSON.stringify({
-    //     query: /* GraphQL */ `
-    //       mutation saveTheme($saveThemeInput: SaveThemeInput!) {
-    //         saveTheme(input: $saveThemeInput) {
-    //           themeVersionId
-    //           uploadUrl
-    //         }
-    //       }
-    //     `,
-    //     variables: {
-    //       saveThemeInput: {
-    //         id: config.themeId,
-    //         themeJson: JSON.stringify(theme),
-    //         locales: Object.entries(localization).map(
-    //           ([locale, localeTranslations]) => ({
-    //             isDefaultLocale: locale === defaultLocale,
-    //             locale,
-    //             localeJson: JSON.stringify(localeTranslations),
-    //           })
-    //         ),
-    //       },
-    //     },
-    //   }),
-    //   headers: {
-    //     "x-api-key": config.apiKey,
-    //     "Content-Type": "application/json",
-    //   },
-    // });
-    const responseJSON = await response.data;
-
-    if (responseJSON.data && responseJSON.data.saveTheme) {
-      return responseJSON.data.saveTheme.uploadUrl as string;
-    }
-  } catch (err) {
-    console.log(err);
-  }
-}
-
-async function _uploadTheme(uploadUrl: string, file: Buffer, size: number) {
-  const config = {
-    headers: {
-      "Content-Type": "application/zip",
-      "Content-Length": size + "",
-    },
-  };
-
-  try {
-    const res = await axios.put(uploadUrl, file, config);
-    return res.status === 200;
-  } catch (err) {
-    console.log(err);
-    return false;
-  }
-}
-
-async function buildTheme() {
-  try {
-    const config = await getStorefrontConfig();
-    const response = await fetch(process.env.NEXT_PUBLIC_UPLOAD_GQL_URL!, {
-      method: "POST",
-      body: JSON.stringify({
-        query: /* GraphQL */ `
-          mutation buildTheme($buildThemeThemeId: String!) {
-            buildTheme(themeId: $buildThemeThemeId)
-          }
-        `,
-        variables: {
-          buildThemeThemeId: config.themeId,
-        },
-      }),
-      headers: {
-        "x-api-key": config.apiKey,
-        "Content-Type": "application/json",
-      },
-    });
-    const responseJSON = await response.json();
-    console.log(responseJSON);
-  } catch (err) {
-    console.log(err);
-  }
-}
-
-function getTheme(): Promise<any> {
-  return new Promise((resolve, reject) => {
-    const themePath = path.join(process.cwd(), "src", "theme.json");
-    fs.readFile(themePath, function (err, file) {
-      if (err) {
-        return reject(err);
-      }
-      resolve(JSON.parse(file.toString()));
-    });
-  });
-}
-
-function getStorefrontConfig(): Promise<Record<string, any>> {
-  return new Promise((resolve, reject) => {
-    const themePath = path.join(process.cwd(), "config.json");
-    fs.readFile(themePath, function (err, file) {
-      if (err) {
-        return reject(err);
-      }
-      resolve(JSON.parse(file.toString()));
-    });
-  });
-}
-
-function deleteThemeZip(zipDir: string) {
-  fs.unlinkSync(zipDir);
-}
-
-function readLocalizationFiles(): Promise<Record<string, any>> {
-  return new Promise((resolve, reject) => {
-    const localesPath = path.join(process.cwd(), "public", "locales");
-    const stripExtension = (path: string) =>
-      path.length ? path.split(".")[0] : path;
-
-    fs.readdir(localesPath, function (err, files) {
-      if (err) {
-        return reject(err);
-      }
-
-      const localeDirs = files.filter((file) =>
-        fs.lstatSync(path.join(localesPath, file)).isDirectory()
-      );
-
-      const locales: Record<string, any> = {};
-      let hasError = false;
-
-      localeDirs.forEach((locale) => {
-        const localeDirPath = path.join(
-          process.cwd(),
-          "public",
-          "locales",
-          locale
-        );
-
-        locales[locale] = {};
-
-        try {
-          const localeFiles = fs.readdirSync(localeDirPath);
-          localeFiles.forEach((localeFile) => {
-            const file = fs.readFileSync(
-              path.join(process.cwd(), "public", "locales", locale, localeFile)
-            );
-
-            const strippedLocale = stripExtension(locale).toLowerCase();
-            const namespace = stripExtension(localeFile).toLowerCase();
-
-            locales[strippedLocale][namespace] = JSON.parse(file.toString());
-
-            if (strippedLocale === "tr") {
-              locales[strippedLocale]["checkout-page"] = CheckoutTR;
-            } else if (strippedLocale === "de") {
-              locales[strippedLocale]["checkout-page"] = CheckoutDE;
-            } else {
-              locales[strippedLocale]["checkout-page"] = CheckoutEN;
-            }
-          });
-        } catch (err) {
-          console.error(err);
-          hasError = true;
-        }
-      });
-
-      if (hasError) reject(null);
-      else resolve(locales);
-    });
-  });
-}

package/src/pages/404.tsx

@@ -1,18 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  const props = await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.NOT_FOUND
-  );
-
-  //@ts-ignore
-  if (props.notFound)
-    return {
-      props: {},
-      revalidate: 60,
-    };
-  else return props;
-};

package/src/pages/[slug]/index.tsx

@@ -1,18 +0,0 @@
-import { GetStaticPaths, GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  return {
-    paths: [],
-    fallback: "blocking",
-  };
-};
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(context, undefined, [
-    IkasThemeJsonPageType.BRAND,
-    IkasThemeJsonPageType.CATEGORY,
-    IkasThemeJsonPageType.PRODUCT,
-  ]);
-};

package/src/pages/account/addresses.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.ADDRESSES
-  );
-};

package/src/pages/account/favorite-products.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.FAVORITE_PRODUCTS
-  );
-};

package/src/pages/account/forgot-password.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.FORGOT_PASSWORD
-  );
-};

package/src/pages/account/index.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.ACCOUNT
-  );
-};

package/src/pages/account/login.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.LOGIN
-  );
-};

package/src/pages/account/orders/[id].tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetServerSideProps } from "next";
-import { IkasNextPageDataProvider } from "../../../provider/page-data-next";
-
-export const getServerSideProps: GetServerSideProps = async (context) => {
-  return await IkasNextPageDataProvider.getServerSideProps(
-    context,
-    IkasThemeJsonPageType.ORDER_DETAIL
-  );
-};

package/src/pages/account/orders/index.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.ORDERS
-  );
-};

package/src/pages/account/raffles.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.RAFFLE_ACCOUNT
-  );
-};

package/src/pages/account/recover-password.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.RECOVER_PASSWORD
-  );
-};

package/src/pages/account/register.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.REGISTER
-  );
-};

package/src/pages/blog/[slug].tsx

@@ -1,17 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticPaths, GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  return {
-    paths: [],
-    fallback: "blocking",
-  };
-};
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(context, undefined, [
-    IkasThemeJsonPageType.BLOG,
-    IkasThemeJsonPageType.BLOG_CATEGORY,
-  ]);
-};

package/src/pages/blog/index.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.BLOG_INDEX
-  );
-};

package/src/pages/cart.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.CART
-  );
-};

package/src/pages/checkout.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.CHECKOUT
-  );
-};

package/src/pages/editor.tsx

@@ -1,11 +0,0 @@
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    undefined,
-    undefined,
-    true
-  );
-};

package/src/pages/home.tsx

@@ -1,10 +0,0 @@
-import { GetStaticProps } from "next";
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { IkasNextPageDataProvider } from "../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.INDEX
-  );
-};

package/src/pages/pages/[slug].tsx

@@ -1,72 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps, GetStaticPaths } from "next";
-import {
-  IkasNextPageDataProvider,
-  SettingsData,
-} from "../../provider/page-data-next";
-
-type SlugParams = {
-  slug: string;
-};
-
-type SlugPair = {
-  params: SlugParams;
-  locale?: string;
-};
-
-export const getStaticPaths: GetStaticPaths = async (context) => {
-  if (!context.locales)
-    return {
-      paths: [],
-      fallback: "blocking",
-    };
-
-  const allSettings = (await Promise.all(
-    context.locales.map((locale) =>
-      IkasNextPageDataProvider.getSettings(locale)
-    )
-  )) as SettingsData[];
-
-  const customPagePaths: SlugPair[] = [];
-
-  allSettings.forEach(({ themeLocalization, routing }) => {
-    if (!themeLocalization) return;
-
-    const customPages = themeLocalization.themeJson.pages.filter(
-      (p) => p.type === IkasThemeJsonPageType.CUSTOM
-    );
-
-    customPages.forEach((customPage) => {
-      if (
-        customPage.slug &&
-        !customPagePaths.some((p) => p.params.slug === customPage.slug)
-      ) {
-        if (process.env.NEXT_PUBLIC_ENV === "local") {
-          customPagePaths.push({
-            params: { slug: customPage.slug },
-          });
-        } else {
-          customPagePaths.push({
-            params: { slug: customPage.slug },
-            locale: routing.path || routing.id,
-          });
-        }
-      }
-    });
-  });
-
-  return {
-    paths: customPagePaths.map((p) => ({
-      params: p.params,
-      locale: p.locale,
-    })),
-    fallback: "blocking",
-  };
-};
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.CUSTOM
-  );
-};

package/src/pages/raffle/[slug].tsx

@@ -1,17 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps, GetStaticPaths } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  return {
-    paths: [],
-    fallback: "blocking",
-  };
-};
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.RAFFLE_DETAIL
-  );
-};

package/src/pages/raffle/index.tsx

@@ -1,10 +0,0 @@
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { GetStaticProps } from "next";
-import { IkasNextPageDataProvider } from "../../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.RAFFLE
-  );
-};

package/src/pages/search.tsx

@@ -1,10 +0,0 @@
-import { GetStaticProps } from "next";
-import { IkasThemeJsonPageType } from "@ikas/storefront-models";
-import { IkasNextPageDataProvider } from "../provider/page-data-next";
-
-export const getStaticProps: GetStaticProps = async (context) => {
-  return await IkasNextPageDataProvider.getStaticProps(
-    context,
-    IkasThemeJsonPageType.SEARCH
-  );
-};