@akanjs/config 0.0.4

package/src/playwright.config.base.js

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var playwright_config_base_exports = {};
+__export(playwright_config_base_exports, {
+  withBase: () => withBase
+});
+module.exports = __toCommonJS(playwright_config_base_exports);
+var import_devkit = require("@nx/devkit");
+var import_preset = require("@nx/playwright/preset");
+var import_test = require("@playwright/test");
+const baseURL = process.env.BASE_URL ?? "http://127.0.0.1:4200";
+const projectName = process.env.NX_TASK_TARGET_PROJECT ?? "unknown";
+const withBase = (filename, config = {}) => (0, import_test.defineConfig)({
+  ...(0, import_preset.nxE2EPreset)(filename, { testDir: "./app" }),
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    baseURL,
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: "on-first-retry"
+  },
+  /* Run your local dev server before starting the tests */
+  webServer: {
+    command: `nx serve ${projectName}`,
+    url: "http://127.0.0.1:4200",
+    reuseExistingServer: !process.env.CI,
+    cwd: import_devkit.workspaceRoot
+  },
+  projects: [
+    {
+      name: "chromium",
+      use: { ...import_test.devices["Desktop Chrome"] }
+    },
+    {
+      name: "firefox",
+      use: { ...import_test.devices["Desktop Firefox"] }
+    },
+    {
+      name: "webkit",
+      use: { ...import_test.devices["Desktop Safari"] }
+    }
+    // Uncomment for mobile browsers support
+    /* {
+      name: 'Mobile Chrome',
+      use: { ...devices['Pixel 5'] },
+    },
+    {
+      name: 'Mobile Safari',
+      use: { ...devices['iPhone 12'] },
+    }, */
+    // Uncomment for branded browsers
+    /* {
+      name: 'Microsoft Edge',
+      use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    },
+    {
+      name: 'Google Chrome',
+      use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    } */
+  ],
+  ...config
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withBase
+});

package/src/playwright.config.base.ts

@@ -0,0 +1,71 @@
+import { workspaceRoot } from "@nx/devkit";
+import { nxE2EPreset } from "@nx/playwright/preset";
+import { defineConfig, devices, type PlaywrightTestConfig } from "@playwright/test";
+
+// For CI, you may want to set BASE_URL to the deployed application.
+const baseURL = process.env.BASE_URL ?? "http://127.0.0.1:4200";
+const projectName = process.env.NX_TASK_TARGET_PROJECT ?? "unknown";
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export const withBase = (filename: string, config: PlaywrightTestConfig = {}) =>
+  defineConfig({
+    ...nxE2EPreset(filename, { testDir: "./app" }),
+    /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+    use: {
+      baseURL,
+      /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+      trace: "on-first-retry",
+    },
+    /* Run your local dev server before starting the tests */
+    webServer: {
+      command: `nx serve ${projectName}`,
+      url: "http://127.0.0.1:4200",
+      reuseExistingServer: !process.env.CI,
+      cwd: workspaceRoot,
+    },
+    projects: [
+      {
+        name: "chromium",
+        use: { ...devices["Desktop Chrome"] },
+      },
+
+      {
+        name: "firefox",
+        use: { ...devices["Desktop Firefox"] },
+      },
+
+      {
+        name: "webkit",
+        use: { ...devices["Desktop Safari"] },
+      },
+
+      // Uncomment for mobile browsers support
+      /* {
+      name: 'Mobile Chrome',
+      use: { ...devices['Pixel 5'] },
+    },
+    {
+      name: 'Mobile Safari',
+      use: { ...devices['iPhone 12'] },
+    }, */
+
+      // Uncomment for branded browsers
+      /* {
+      name: 'Microsoft Edge',
+      use: { ...devices['Desktop Edge'], channel: 'msedge' },
+    },
+    {
+      name: 'Google Chrome',
+      use: { ...devices['Desktop Chrome'], channel: 'chrome' },
+    } */
+    ],
+    ...config,
+  });

package/src/tailwind.base.js

@@ -0,0 +1,351 @@
+const { createGlobPatternsForDependencies } = require("@nx/next/tailwind");
+const { join } = require("path");
+
+const directions = ["Right", "Left", "Up", "Down"];
+const percentages = [5, 15, 30, 100];
+const duration = [150, 500, 1000];
+
+// fadeInRight5_150ms: "fadeInRight5 0.15s ease-in-out forwards",
+// fadeInRight5_500ms: "fadeInRight5 0.5s ease-in-out forwards",
+// fadeInRight5_1000ms: "fadeInRight5 1s ease-in-out forwards",
+// delay 는 animation-delay-300 을 className에 추가해서 사용
+// 그 외의 duration,timing function, fill mode 적용시, animate-[fadeInRight100_1s_ease-in-out_2s_forwards]
+const animations = directions.reduce((acc, direction) => {
+  percentages.forEach((percentage) => {
+    duration.forEach((time) => {
+      const key = `fadeIn${direction}${percentage}_${time}ms`;
+      const value = `fadeIn${direction}${percentage} ${time / 1000}s ease-in-out forwards`;
+      acc[key] = value;
+    });
+  });
+  return acc;
+}, {});
+
+const keyframes = directions.reduce((acc, direction) => {
+  percentages.forEach((percentage) => {
+    const key = `fadeIn${direction}${percentage}`;
+    const xPercentage = direction === "Left" ? -percentage : direction === "Right" ? percentage : 0;
+    const yPercentage = direction === "Up" ? percentage : direction === "Down" ? -percentage : 0;
+
+    const value = {
+      "0%": {
+        opacity: 0,
+        // transform: `translate(${xPercentage}%, ${yPercentage}%)`,
+        translate: `${xPercentage}% ${yPercentage}%`,
+      },
+      "100%": {
+        opacity: 1,
+        // transform: "translate(0, 0)",
+        translate: "0 0",
+      },
+    };
+
+    acc[key] = value;
+  });
+  return acc;
+}, {});
+
+const defaultPlugin = require("tailwindcss/plugin")(
+  ({ matchUtilities, theme, addUtilities, addComponents, addBase }) => {
+    matchUtilities(
+      {
+        "animation-delay": (value) => {
+          return { "animation-delay": value };
+        },
+      },
+      { values: theme("transitionDelay") }
+    );
+
+    addUtilities({
+      ".centric": {
+        display: "flex",
+        "justify-content": "center",
+        "align-items": "center",
+      },
+      ".all-initial": { all: "initial" },
+      ".all-inherit": { all: "inherit" },
+      ".all-revert": { all: "revert" },
+      ".all-unset": { all: "unset" },
+    });
+    addComponents({});
+    addBase({});
+  },
+  {
+    theme: {
+      container: { center: true },
+      extend: {
+        colors: {
+          "primary-light": "hsl(var(--primary-light) / <alpha-value>)",
+          "primary-dark": "hsl(var(--primary-dark) / <alpha-value>)",
+          "secondary-light": "hsl(var(--secondary-light) / <alpha-value>)",
+          "secondary-dark": "hsl(var(--secondary-dark) / <alpha-value>)",
+        },
+        transitionProperty: {
+          all: "all",
+        },
+        keyframes: {
+          smaller: {
+            "0%": { scale: 1, height: "100%" },
+            "100%": { scale: 0, height: 0 },
+          },
+          bigger: {
+            "0%": {
+              transform: "scale(0.5)",
+            },
+            "100%": {
+              transform: "scale(1)",
+            },
+          },
+          fadeIn: {
+            "0%": { opacity: 0 },
+            "100%": { opacity: 1 },
+          },
+          flyOut: {
+            "0%": { opacity: 1, transform: "translate(-50%, -100%)" },
+            "100%": { opacity: 0, transform: "translate(-50%, -140%)" },
+          },
+          drop: {
+            "0%": { opacity: 0, transform: "translate(-50%, -140%)" },
+            "100%": { opacity: 1, transform: "translate(-50%, -100%)" },
+          },
+          fadeOut: {
+            "0%": { opacity: 1 },
+            "100%": { opacity: 0 },
+          },
+          flash: {
+            "0%": { opacity: 1 },
+            "50%": { opacity: 0.2 },
+            "100%": { opacity: 1 },
+          },
+          spin: {
+            "0%": { transform: "rotate(0deg)" },
+            "100%": { transform: "rotate(360deg)" },
+          },
+          pop: {
+            "0%": { transform: "scale(0, 0)" },
+            "50%": { transform: "scale(1.5, 1.5)" },
+            "100%": { transform: "scale(1, 1)" },
+          },
+          slideDown: {
+            from: { height: 0 },
+            to: { height: "var(--radix-accordion-content-height)" },
+          },
+          slideUp: {
+            from: { height: "var(--radix-accordion-content-height)" },
+            to: { height: 0 },
+          },
+          menuOpen: {
+            "0%": {
+              opacity: 0,
+              width: 0,
+            },
+            "100%": {
+              opacity: 1,
+              width: 80,
+            },
+          },
+          menuClose: {
+            "0%": {
+              opacity: 1,
+              width: 80,
+            },
+            "100%": {
+              opacity: 0,
+              width: 0,
+            },
+          },
+          "backdrop-blur": {
+            "0%": { "backdrop-filter": "blur(0)" },
+            "100%": { "backdrop-filter": "blur(5px)" },
+          },
+          zoomIn: {
+            "0%": {
+              opacity: 0,
+              transform: "scale(0.6)",
+            },
+            "100%": {
+              opacity: 1,
+              transform: "scale(1)",
+            },
+          },
+          bottomUp: {
+            "0%": {
+              transform: "translateY(100%)",
+            },
+            "100%": {
+              transform: "translateY(0)",
+            },
+          },
+          bottomDown: {
+            "0%": {
+              transform: "translateY(0)",
+            },
+            "100%": {
+              transform: "translateY(100%)",
+            },
+          },
+          wave: {
+            "0%": {
+              "box-shadow":
+                "0 0 0 0 rgba(219, 39, 119, 0.3), 0 0 0 1em rgba(219, 39, 119, 0.3), 0 0 0 2em rgba(219, 39, 119, 0.3),0 0 0 3em rgba(219, 39, 119, 0.3)",
+            },
+            "100%": {
+              "box-shadow":
+                "0 0 0 1em rgba(219, 39, 119, 0.3), 0 0 0 2em rgba(219, 39, 119, 0.3), 0 0 0 3em rgba(219, 39, 119, 0.3), 0 0 0 4em rgba(219, 39, 119, 0)",
+            },
+          },
+          translateUp: {
+            "0%": {
+              transform: "translateY(0)",
+            },
+            "100%": {
+              transform: "translateY(-60%)",
+            },
+          },
+          tranlateLeft: {
+            "0%": {
+              transform: "translateX(100%)",
+            },
+            "100%": {
+              transform: "translateX(0)",
+            },
+          },
+          tranlateRight: {
+            "0%": {
+              transform: "translateX(-100%)",
+            },
+            "100%": {
+              transform: "translateX(0)",
+            },
+          },
+          floatUpDown: {
+            "0%": {
+              transform: "translateY(0%)",
+            },
+            "50%": {
+              transform: "translateY(10%)",
+            },
+            "100%": {
+              transform: "translateY(0%)",
+            },
+          },
+          floatDownUp: {
+            "0%": {
+              transform: "translateY(10%)",
+            },
+            "50%": {
+              transform: "translateY(0%)",
+            },
+            "100%": {
+              transform: "translateY(10%)",
+            },
+          },
+          scanDown: {
+            "0%": {
+              top: "-100%",
+            },
+            "100%": {
+              top: "200%",
+            },
+          },
+
+          ...keyframes,
+        },
+
+        animation: {
+          smaller: "smaller 0.15s ease-in-out forwards",
+          bigger: "bigger 1s ease-in-out forwards",
+          fadeIn: "fadeIn 0.15s ease-in-out forwards",
+          fadeIn_750ms: "fadeIn 0.75s ease-in-out forwards",
+          fadeOut: "fadeOut 0.15s ease-in-out forwards",
+          flyOut: "flyOut 0.15s ease-in-out forwards",
+          drop: "drop 0.15s ease-in-out forwards",
+          flash: "flash 1s linear infinite",
+          spin: "spin 1s linear infinite",
+          spin_15s: "spin 15s linear infinite",
+          "backdrop-blur": "backdrop-blur 2s ease-in-out forwards",
+          pop: "pop 0.15s ease-in-out forwards",
+          menuOpen: "menuOpen 0.3s ease-in-out forwards",
+          menuClose: "menuClose 0.3s ease-in-out forwards",
+          slideDown: "slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)",
+          slideUp: "slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)",
+          zoomIn: "zoomIn 0.15s ease-in-out forwards",
+          zoomIn_1000ms: "zoomIn 1s ease-in-out forwards",
+          wave: "wave 1s linear infinite",
+          fadeIn_delay_1s: "fadeIn 0.3s ease-in-out 1s forwards",
+          translateUp: "translateUp 0.5s ease-in-out 0.5s forwards",
+          bottomUp: "bottomUp 0.5s ease-in-out 0.5s forwards",
+          translateLeft: "translateLeft 0.15s ease-in-out forwards",
+          translateRight: "tranlateRight 0.15s ease-in-out forwards",
+          spreadOutFromCenter: "spreadOutFromCenter 1s ease-out forwards",
+          floatUpDown: "floatUpDown 3s linear forwards infinite",
+          floatDownUp: "floatDownUp 3s linear forwards infinite",
+          scanDown: "scanDown 3s ease-in-out infinite",
+          ...animations,
+        },
+      },
+    },
+  }
+);
+
+const withBase = (
+  dirname,
+  {
+    fonts = [],
+    themes = [],
+    config = {},
+    container = "normal",
+    colors = {},
+    backgroundImage = {},
+    extend = {},
+    plugins = [],
+  } = {}
+) => ({
+  content: [
+    join(dirname, "./app/**/*.{js,ts,jsx,tsx}"),
+    join(dirname, "./lib/**/*.{js,ts,jsx,tsx}"),
+    join(dirname, "./ui/**/*.{js,ts,jsx,tsx}"),
+    ...createGlobPatternsForDependencies(dirname),
+  ],
+  theme: {
+    ...config,
+    ...(container === "compact"
+      ? {
+          container: {
+            center: true,
+            // padding: '1rem',
+            screens: {
+              sm: "600px",
+              md: "768px",
+              lg: "1024px",
+              xl: "1280px",
+              "2xl": "1280px",
+            },
+          },
+        }
+      : {}),
+    extend: {
+      fontFamily: Object.fromEntries(fonts.map((font) => [font, [`var(--font-${font})`]])),
+      colors: colors || {},
+      backgroundImage: backgroundImage || {},
+      ...extend,
+    },
+  },
+  daisyui: {
+    themes: Array.isArray(themes) ? (themes.length === 0 ? ["light", "dark"] : themes) : [themes],
+    logs: false,
+  },
+  plugins: [
+    defaultPlugin,
+    require("@tailwindcss/aspect-ratio"),
+    require("@tailwindcss/typography"),
+    require("@tailwindcss/container-queries"),
+    // require("tailwindcss-animation-delay"),
+    require("tailwind-scrollbar"),
+    require("daisyui"),
+    require("tailwindcss-radix")(),
+    ...plugins,
+  ],
+});
+
+module.exports = { defaultPlugin, withBase };

package/src/testServer.d.ts

@@ -0,0 +1,12 @@
+import { type BackendEnv } from "@akanjs/base";
+import { DynamicModule } from "@nestjs/common";
+export declare class TestServer {
+    #private;
+    workerId: number;
+    static initClient(env: BackendEnv, workerId?: number): void;
+    constructor(registerModules: (options: any) => DynamicModule[], env: BackendEnv, workerId?: number);
+    init(): Promise<void>;
+    startMongo(): Promise<string>;
+    cleanup(): Promise<void>;
+    terminate(): Promise<void>;
+}

package/src/testServer.js

@@ -0,0 +1,139 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var testServer_exports = {};
+__export(testServer_exports, {
+  TestServer: () => TestServer
+});
+module.exports = __toCommonJS(testServer_exports);
+var import_common = require("@akanjs/common");
+var import_server = require("@akanjs/server");
+var import_signal = require("@akanjs/signal");
+var import_mongodb_memory_server = require("mongodb-memory-server");
+var import_mongoose = __toESM(require("mongoose"));
+var import_redis_memory_server = require("redis-memory-server");
+const MAX_RETRY = 5;
+const TEST_LISTEN_PORT_BASE = 38080;
+const TEST_MONGODB_PORT_BASE = 38081;
+const TEST_REDIS_PORT_BASE = 38082;
+const MIN_ACTIVATION_TIME = 0;
+const MAX_ACTIVATION_TIME = 3e4;
+class TestServer {
+  #logger = new import_common.Logger("TestServer");
+  #mongod;
+  #redis;
+  #registerModules;
+  #env;
+  workerId;
+  #startAt = Date.now();
+  #app;
+  #portOffset = 0;
+  static initClient(env, workerId = parseInt(process.env.JEST_WORKER_ID ?? "0")) {
+    if (workerId === 0)
+      throw new Error("TestClient should not be used in main thread");
+    const portOffset = workerId * 1e3 + env.appCode * 10;
+    const port = TEST_LISTEN_PORT_BASE + portOffset;
+    const endpoint = `http://localhost:${port}/backend/graphql`;
+    import_signal.client.init({ uri: endpoint });
+  }
+  constructor(registerModules, env, workerId) {
+    this.workerId = workerId ?? parseInt(process.env.JEST_WORKER_ID ?? "0");
+    if (this.workerId === 0)
+      throw new Error("TestServer should not be used in main thread");
+    this.#portOffset = this.workerId * 1e3 + env.appCode * 10;
+    this.#mongod = new import_mongodb_memory_server.MongoMemoryServer({ instance: { port: TEST_MONGODB_PORT_BASE + this.#portOffset } });
+    this.#redis = new import_redis_memory_server.RedisMemoryServer({ instance: { port: TEST_REDIS_PORT_BASE + this.#portOffset } });
+    this.#env = { ...env };
+    this.#registerModules = registerModules;
+  }
+  async init() {
+    for (let i = 0; i < MAX_RETRY; i++) {
+      try {
+        const watchdog = setTimeout(() => {
+          throw new Error("TestServer Init Timeout");
+        }, MAX_ACTIVATION_TIME);
+        await this.#init();
+        clearTimeout(watchdog);
+        return;
+      } catch (e) {
+        this.#logger.error(e);
+        await this.terminate();
+      }
+    }
+  }
+  async #init() {
+    const now = Date.now();
+    this.#logger.log(`Test System #${this.workerId} Initializing...`);
+    const port = TEST_LISTEN_PORT_BASE + this.#portOffset;
+    const [mongoUri, redisHost, redisPort] = await Promise.all([
+      this.startMongo(),
+      this.#redis.getHost(),
+      this.#redis.getPort()
+    ]);
+    this.#env.port = port;
+    this.#env.mongoUri = mongoUri;
+    this.#env.redisUri = `redis://${redisHost}:${redisPort}`;
+    this.#env.meiliUri = "http://localhost:7700/search";
+    this.#env.onCleanup = async () => {
+      await this.cleanup();
+    };
+    this.#app = await (0, import_server.createNestApp)({ registerModules: this.#registerModules, env: this.#env });
+    this.#logger.log(`Test System #${this.workerId} Initialized, Mongo: ${mongoUri}, Redis: ${redisHost}:${redisPort}`);
+    this.#startAt = Date.now();
+    this.#logger.log(`Test System #${this.workerId} Activation Time: ${this.#startAt - now}ms`);
+  }
+  async startMongo() {
+    await this.#mongod.start();
+    return this.#mongod.getUri();
+  }
+  async cleanup() {
+    const now = Date.now();
+    this.#logger.log("Mongo Memory Database Cleaning up...");
+    if (this.#mongod.state === "running") {
+      await this.#mongod.stop();
+      await this.#mongod.start(true);
+    }
+    this.#logger.log(`Mongo Memory Database Cleaned up in ${Date.now() - now}ms`);
+  }
+  async terminate() {
+    const now = Date.now();
+    const elapsed = now - this.#startAt;
+    await (0, import_common.sleep)(50);
+    import_signal.client.io?.socket.close();
+    await this.#app.close();
+    if (elapsed < MIN_ACTIVATION_TIME) {
+      this.#logger.log(`waiting for ${MIN_ACTIVATION_TIME - elapsed}`);
+      await (0, import_common.sleep)(MIN_ACTIVATION_TIME - elapsed);
+    }
+    await Promise.all([import_mongoose.default.disconnect(), this.#mongod.stop(), this.#redis.stop()]);
+    this.#logger.log(`System Terminated in ${Date.now() - now}ms`);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TestServer
+});