@benshawmean/envedit 1.2.1 → 1.2.3

package/.gitlab-ci.yml

@@ -1,13 +1,11 @@
 stages:
   - test
-  - deploy
+  - publish
 
 workflow:
   rules:
     - if: $CI_COMMIT_BRANCH
     - if: $CI_COMMIT_TAG
-    - if: $CI_COMMIT_DESCRIPTION =~ /(no|skip)\s+(ci|pipeline)/mi
-      when: never
 
 default:
   image: oven/bun:debian
@@ -21,25 +19,27 @@ default:
 variables:
   GLAB_NPM_REG: ${CI_SERVER_HOST}/api/v4/projects/${CI_PROJECT_ID}/packages/npm/
   VERSION_REGEX: /^v\d+\.\d+\.\d+(-\S*)?$/
-  NO_CI_REGEX: /(no|skip)\s+(ci|pipeline)/mi
 
 test:
   stage: test
+
   rules:
     - if: $CI_COMMIT_TAG || $CI_COMMIT_MESSAGE =~ $VERSION_REGEX
       when: never
-    - if: $CI_COMMIT_DESCRIPTION =~ $NO_CI_REGEX
-      when: never
     - if: $CI_COMMIT_BRANCH
       when: always
+
   allow_failure: false
+
   script:
     - bun test
     - sed 's/amp;//' coverage/junit.xml > coverage/junit.xml.tmp # remove amp; from junit report to prevent gitlab parsing issues
     - mv coverage/junit.xml.tmp coverage/junit.xml # make the change permanent
     - cargo install -q lcov2xml # used to convert lcov output to cobertura-xml for gitlab code coverage parsing
     - lcov2xml coverage/lcov.info -o coverage/cobertura-coverage.xml
+
   coverage: /All files[^|]*\|[^|]*\s+([\d\.]+)/
+
   artifacts:
     reports:
       junit: ./coverage/junit.xml
@@ -47,18 +47,19 @@ test:
         coverage_format: cobertura
         path: ./coverage/cobertura-coverage.xml
 
-deploy:
-  stage: deploy
+publish:
+  stage: publish
+
   id_tokens:
     SIGSTORE_ID_TOKEN:
       aud: sigstore
     NPM_ID_TOKEN:
       aud: "npm:registry.npmjs.org"
+
   rules:
     - if: $CI_COMMIT_REF_PROTECTED && $CI_COMMIT_TAG && $CI_COMMIT_TAG =~ $VERSION_REGEX
       when: always
-    - if: $CI_COMMIT_DESCRIPTION =~ $NO_CI_REGEX
-      when: never
+
   script:
     - | # Setup environment variables for deployment
       export PACKAGE_NAME=$(jq -r '.name' package.json)
@@ -71,13 +72,11 @@ deploy:
         exit 9001
       fi
 
-    - | # Publish to npm and GitLab registries
-      echo "//${CI_SERVER_HOST}/api/v4/projects/${CI_PROJECT_ID}/packages/npm/:_authToken=${CI_JOB_TOKEN}" > .npmrc
-      bun pm pack --filename package.tgz
-      bunx npm publish -q package.tgz
-
-      bun publish --silent --registry https://${CI_SERVER_HOST}/api/v4/projects/${CI_PROJECT_ID}/packages/npm/ package.tgz
-      rm package.tgz .npmrc
+    - bun pm pack --filename package.tgz
+    - bunx npm publish -q package.tgz
+    - sh ci/npm.sh
+    - bun publish --silent package.tgz
+    - rm package.tgz .npmrc
 
   allow_failure:
     exit_codes:

package/@types/custom.d.ts

@@ -0,0 +1,10 @@
+import type { CommandModule as YargModule } from 'yargs';
+import type { Logger } from '#lib/logger';
+
+type Argv = {
+    level: string;
+}
+
+declare global {
+    export type CommandModule = YargModule<Argv, Argv>;
+}

package/README.md

@@ -1,4 +1,4 @@
-# envedit
+# ![EnvEdit Icon](https://cdn.benshawmean.com/icons/envedit-icon.png){width=32} envedit
 
 `envedit` is a simple CLI application used to manage environments.
 It allows you to create, edit, and delete custom environments, as well as

package/ci/npm.sh

@@ -0,0 +1,4 @@
+#! /usr/bin/env bash
+
+echo "//${CI_SERVER_HOST}/api/v4/projects/${CI_PROJECT_ID}/packages/npm/:_authToken=${CI_JOB_TOKEN}" > .npmrc
+echo "@${CI_PROJECT_ROOT_NAMESPACE}:registry=https://${CI_SERVER_HOST}/api/v4/projects/${CI_PROJECT_ID}/packages/npm/" >> .npmrc

package/cmd/environment/add.ts

@@ -1,18 +1,18 @@
 import fs from "node:fs";
 
 import { confirm, input, password, select } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration, EnvironmentFile, VariableType } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'add',
     describe: 'Add a new environment',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         const name = await input({
             message: "Enter the environment name:",

package/cmd/environment/edit.ts

@@ -1,18 +1,18 @@
 import fs from "node:fs";
 
 import { confirm, input, select, checkbox } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'edit',
     describe: 'Edit an environment',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         const name = await select({
             message: "Select the environment to edit:",

package/cmd/environment/index.ts

@@ -0,0 +1,6 @@
+import Add from "./add";
+import Edit from "./edit";
+import List from "./list";
+import Remove from "./remove";
+
+export default [Add, Edit, List, Remove]

package/cmd/environment/list.ts

@@ -1,14 +1,13 @@
-import type { CommandModule } from "yargs";
-
 import { Configuration } from "#lib/config";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'list',
     describe: 'List all environments',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         logger.debug(`Listing all environments`);
 

package/cmd/environment/remove.ts

@@ -1,18 +1,18 @@
 import fs from "node:fs";
 
 import { confirm, select } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'remove',
     describe: 'Remove an environment',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         const name = await select({
             message: "Select the environment to remove:",
@@ -28,8 +28,7 @@ export default {
             throw new NotFoundError(`Environment not found: ${name}`);
         }
 
-        logger
-            .debug(`Removing environment "${name}" with file: "${selectedEnv.file}"`);
+        logger.debug(`Removing environment "${name}" with file: "${selectedEnv.file}"`);
 
         config
             .removeEnvironment(name)
@@ -41,8 +40,7 @@ export default {
             });
 
             if (toDelete) {
-                logger
-                    .debug(`Deleting environment file: ${selectedEnv.file}`);
+                logger.debug(`Deleting environment file: ${selectedEnv.file}`);
                 fs.unlinkSync(selectedEnv.file);
             }
         }

package/cmd/environment.ts

@@ -1,21 +1,10 @@
-import type { CommandModule } from "yargs";
+import Commands from "./environment";
 
-import Add from "./environment/add";
-import Edit from "./environment/edit";
-import List from "./environment/list";
-import Remove from "./environment/remove";
-
-const data = {
+export default {
     command: 'environment',
     describe: 'Manage environments',
     builder: (yargs) => yargs
         .usage('Usage: envedit environment <command> [options]')
-        .command([Add, Edit, List, Remove])
+        .command(Commands)
         .demandCommand(),
-    handler: async (_args) => {}
-} satisfies CommandModule;
-
-export const command = data.command;
-export const describe = data.describe;
-export const builder = data.builder;
-export const handler = data.handler;
+} as CommandModule;

package/cmd/index.ts

@@ -0,0 +1,6 @@
+import Environment from './environment';
+import Variable from './variable';
+import Use from './use';
+import Setup from './setup';
+
+export default [Environment, Variable, Use, Setup];

package/cmd/setup.ts

@@ -1,17 +1,18 @@
 import fs from "node:fs";
 
 import { confirm } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration } from "#lib/config";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
-const data = {
+export default {
     command: 'setup',
     describe: 'Setup the project for use with envedit',
     builder: (yargs) => yargs
         .usage('Usage: envedit setup'),
-    handler: async (_args) => {
+    handler: async (argv) => {
+        const logger = new Logger(argv.level);
+
         new Configuration().loadConfigurationFile();
 
         if (fs.existsSync('.git')) {
@@ -56,9 +57,4 @@ const data = {
             }
         }
     }
-} satisfies CommandModule;
-
-export const command = data.command;
-export const describe = data.describe;
-export const builder = data.builder;
-export const handler = data.handler;
+} as CommandModule;

package/cmd/use.ts

@@ -1,18 +1,19 @@
 import fs from "node:fs";
 
 import { select } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
-const data = {
+export default {
     command: 'use',
     describe: 'Set the current environment to use',
     builder: (yargs) => yargs
         .usage('Usage: envedit use'),
-    handler: async (_args) => {
+    handler: async (argv) => {
+        const logger = new Logger(argv.level);
+
         const config = new Configuration().loadConfigurationFile();
 
         const name = await select({
@@ -54,9 +55,4 @@ const data = {
 
         fs.symlinkSync(envFilePath, '.env', 'file');
     }
-} satisfies CommandModule;
-
-export const command = data.command;
-export const describe = data.describe;
-export const builder = data.builder;
-export const handler = data.handler;
+} as CommandModule;

package/cmd/variable/add.ts

@@ -1,16 +1,16 @@
 import { confirm, input, password, select } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration, EnvironmentFile, VariableType } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'add',
     describe: 'Add a new environment variable',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         const name = await input({
             message: "Enter the variable name:",
@@ -33,8 +33,7 @@ export default {
             ],
         });
 
-        logger
-            .debug(`Adding new variable "${name}" with type "${type}"`);
+        logger.debug(`Adding new variable "${name}" with type "${type}"`);
 
         config
             .addVariable({ name, type })
@@ -59,8 +58,7 @@ export default {
                 ? await password(request)
                 : await input(request);
 
-            logger
-                .debug(`Setting variable "${name}" with global value "${globalValue}" for all environments`);
+            logger.debug(`Setting variable "${name}" with global value "${globalValue}" for all environments`);
 
             valuesToSet.forEach((envValue) => { envValue.value = globalValue });
         } else {
@@ -74,15 +72,13 @@ export default {
                     ? await password(request)
                     : await input(request);
 
-                logger
-                    .debug(`Setting variable "${name}" with value "${envValue.value}" for environment "${envValue.envName}"`);
+                logger.debug(`Setting variable "${name}" with value "${envValue.value}" for environment "${envValue.envName}"`);
             }
         }
 
         for (const envValue of valuesToSet) {
             const env = config.getEnvironment(envValue.envName);
-            logger
-                .debug(`Retrieving environment: ${envValue.envName}`);
+            logger.debug(`Retrieving environment: ${envValue.envName}`);
 
             if (!env) {
                 throw new NotFoundError(`Environment not found: ${envValue.envName}`);

package/cmd/variable/edit.ts

@@ -1,16 +1,16 @@
 import { confirm, input, password, select, checkbox } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration, EnvironmentFile, VariableType } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'edit',
     describe: 'Edit an environment variable',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         const name = await select({
             message: "Select the variable to edit:",
@@ -35,8 +35,7 @@ export default {
         });
 
         if (isEditingConfig) {
-            logger
-                .debug(`Editing variable configuration for: ${name}`);
+            logger.debug(`Editing variable configuration for: ${name}`);
 
             const itemsToEdit = await checkbox({
                 message: "Select the items to edit:",
@@ -57,8 +56,7 @@ export default {
                 for (const env of config.configuration.environments) {
                     const envFile = new EnvironmentFile(env.file).load();
 
-                    logger
-                        .debug(`Editing variable "${name}" in environment file: ${env.file}`);
+                    logger.debug(`Editing variable "${name}" in environment file: ${env.file}`);
 
                     if (envFile.content[name] !== undefined) {
                         const value = envFile.content[name];
@@ -79,16 +77,14 @@ export default {
                     default: variableConfiguration.type,
                 });
 
-                logger
-                    .debug(`Editing variable type for "${name}" to "${updatedVariable.type}"`);
+                logger.debug(`Editing variable type for "${name}" to "${updatedVariable.type}"`);
             }
 
             config
                 .editVariable(name, updatedVariable)
                 .saveConfigurationFile();
         } else {
-            logger
-                .debug(`Adding editing variable value for: ${name}`);
+            logger.debug(`Adding editing variable value for: ${name}`);
 
             let valuesToSet = config.configuration.environments.map(env => ({
                 envName: env.name,
@@ -109,8 +105,7 @@ export default {
                     ? await password(request)
                     : await input(request);
 
-                logger
-                    .debug(`Setting variable "${variableConfiguration.name}" with global value "${globalValue}" for all environments`);
+                logger.debug(`Setting variable "${variableConfiguration.name}" with global value "${globalValue}" for all environments`);
 
                 valuesToSet.forEach((envValue) => { envValue.value = globalValue });
             } else {
@@ -122,8 +117,7 @@ export default {
                     })),
                 });
 
-                logger
-                    .debug(`Selected environments for editing: ${envsToEdit.join(", ")}`);
+                logger.debug(`Selected environments for editing: ${envsToEdit.join(", ")}`);
 
                 valuesToSet = valuesToSet.filter(envValue => envsToEdit.includes(envValue.envName));
 
@@ -151,8 +145,7 @@ export default {
                     throw new NotFoundError(`Environment not found: ${envValue.envName}`);
                 }
 
-                logger
-                    .debug(`Setting variable "${variableConfiguration.name}" with value "${envValue.value}" in environment file: ${env.file}`);
+                logger.debug(`Setting variable "${variableConfiguration.name}" with value "${envValue.value}" in environment file: ${env.file}`);
 
                 EnvironmentFile.quickUpdate(env.file, variableConfiguration.name, envValue.value);
             }

package/cmd/variable/index.ts

@@ -0,0 +1,6 @@
+import Add from "./add";
+import Edit from "./edit";
+import List from "./list";
+import Remove from "./remove";
+
+export default [Add, Edit, List, Remove]

package/cmd/variable/list.ts

@@ -1,15 +1,14 @@
-import type { CommandModule } from "yargs";
-
 import { Configuration, EnvironmentFile, VariableType } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'list',
     describe: 'List all environment variables',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         const activeEnv = config.getActiveEnvironment();
 
@@ -19,25 +18,18 @@ export default {
 
         const envFile = new EnvironmentFile(activeEnv.file).load();
 
-        const mappedVariables: Array<{ name: string; value: string; type: VariableType }> = [];
-
         for (const [key, value] of Object.entries(envFile.content)) {
             const variableConfiguration = config.getVariable(key);
             if (variableConfiguration) {
-                logger.debug(`Mapping variable "${key}" with value "${value}" and type "${variableConfiguration.type}"`);
+                const type = Configuration.getTypeDetails(variableConfiguration.type);
 
-                const data = {
-                    name: key,
-                    value: variableConfiguration.type === VariableType.Private ? value.replaceAll(/./gm, '*') : value,
-                    type: variableConfiguration.type,
-                };
+                const maskedValue = type.value === VariableType.Private ? value.replaceAll(/./gm, '*') : value;
 
-                mappedVariables.push(data);
+                logger
+                    .info(`Name: ${key}`)
+                    .info(`Value: ${maskedValue}`)
+                    .info(`Type: ${type.name} (${type.value})`);
             }
         }
-
-        console.log(
-            JSON.stringify(mappedVariables, null, 2)
-        )
     }
 } satisfies CommandModule;

package/cmd/variable/remove.ts

@@ -1,16 +1,16 @@
 import { select } from "@inquirer/prompts";
-import type { CommandModule } from "yargs";
 
 import { Configuration, EnvironmentFile } from "#lib/config";
 import { NotFoundError } from "#lib/error";
-import { logger } from "#lib/logger";
+import { Logger } from "#lib/logger";
 
 export default {
     command: 'remove',
     describe: 'Remove an environment variable',
     builder: (yargs) => yargs,
-    handler: async (_args) => {
+    handler: async (argv) => {
         const config = new Configuration().loadConfigurationFile();
+        const logger = new Logger(argv.level);
 
         const name = await select({
             message: "Select the variable to remove:",
@@ -24,8 +24,7 @@ export default {
             throw new NotFoundError(`Variable not found: ${name}`);
         }
 
-        logger
-            .debug(`Removing variable "${name}" from configuration and all environment files`);
+        logger.debug(`Removing variable "${name}" from configuration and all environment files`);
 
         config
             .removeVariable(name)
@@ -35,8 +34,7 @@ export default {
             const envFile = new EnvironmentFile(env.file).load();
 
             if (envFile.content[name] !== undefined) {
-                logger
-                    .debug(`Removing variable "${name}" from environment file: ${env.file}`);
+                logger.debug(`Removing variable "${name}" from environment file: ${env.file}`);
                 envFile.removeVariable(name).save();
             }
         }

package/cmd/variable.ts

@@ -1,21 +1,10 @@
-import type { CommandModule } from "yargs";
+import Commands from "./variable";
 
-import Add from "./variable/add";
-import Edit from "./variable/edit";
-import List from "./variable/list";
-import Remove from "./variable/remove";
-
-const data = {
+export default {
     command: 'variable',
     describe: 'Manage environment variables',
     builder: (yargs) => yargs
         .usage('Usage: envedit variable <command> [options]')
-        .command([Add, Edit, List, Remove])
+        .command(Commands)
         .demandCommand(),
-    handler: async (_args) => {}
-} satisfies CommandModule;
-
-export const command = data.command;
-export const describe = data.describe;
-export const builder = data.builder;
-export const handler = data.handler;
+} as CommandModule;

package/index.ts

@@ -2,24 +2,20 @@
 import yargs from "yargs";
 import { hideBin } from "yargs/helpers";
 
-import { logger } from "#lib/logger";
+import Commands from "./cmd";
 
 await yargs(hideBin(process.argv))
+    .option("level", {
+        alias: "l",
+        type: "string",
+        description: "Set the log level",
+        choices: ['debug', 'info', 'warn', 'error', 'fatal'],
+        default: process.env.LOG_LEVEL || "info",
+    })
+    .env('ENVEDIT')
     .scriptName("envedit")
     .usage("Usage: $0 <command>")
-    .commandDir(
-        `${import.meta.dir}/cmd`,
-        {
-            extensions: ['ts'],
-            visit: (commandObject, commandPath, filename) => {
-                logger.debug(`Loading command: ${commandPath}`);
-
-                logger.debug(`Command Name: ${commandObject.command}`);
-                logger.debug(`Command Description: ${commandObject.describe}`);
-
-                return commandObject;
-            }
-        },
-    )
+    .command(Commands)
     .demandCommand()
+    .strict()
     .parseAsync();

package/lib/config.ts

@@ -3,6 +3,9 @@ import fs from 'fs';
 import { parse } from 'dotenv';
 
 import { NotFoundError } from '#lib/error';
+import { Logger } from '#lib/logger';
+
+const logger = new Logger(process.env.LOG_LEVEL || 'info');
 
 export enum VariableType {
     Public,
@@ -52,8 +55,8 @@ export class Configuration {
 
     public loadConfigurationFile() {
         if (!fs.existsSync(this.configFilePath)) {
-            console.log(`Configuration file not found: ${this.configFilePath}`);
-            console.log(`Creating a new configuration file`);
+            logger.info(`Configuration file not found: ${this.configFilePath}`);
+            logger.info(`Creating a new configuration file`);
 
             const config = new Configuration();
 
@@ -181,6 +184,20 @@ export class Configuration {
 
         return config;
     }
+
+    public static getTypeDetails(type: VariableType): { name: keyof typeof VariableType, value: VariableType } {
+        const VariableTypeMap = Object.entries(VariableType).reduce((acc, [key, value]) => {
+            if (typeof value === "number") {
+                acc[value] = key as keyof typeof VariableType;
+            }
+            return acc;
+        }, {} as Record<number, keyof typeof VariableType>);
+
+        return {
+            name: VariableTypeMap[type]!,
+            value: type
+        };
+    }
 }
 
 export class EnvironmentFile {

package/lib/logger.ts

@@ -1,15 +1,40 @@
 import pino from 'pino';
+import type { LevelWithSilentOrString, Logger as PinoLogger } from 'pino';
 
-const level = process.env.LOG_LEVEL || 'info';
+export class Logger {
+    private readonly logger: PinoLogger<never, boolean>;
+    constructor(public readonly level: LevelWithSilentOrString) {
+        this.logger = pino({
+            level,
+            transport: {
+                target: 'pino-pretty',
+                options: {
+                    colorize: true,
+                    translateTime: 'SYS:standard',
+                    ignore: 'pid,hostname',
+                },
+            },
+        });
+    }
 
-export const logger = pino({
-    level,
-    transport: {
-        target: 'pino-pretty',
-        options: {
-            colorize: true,
-            translateTime: 'SYS:standard',
-            ignore: 'pid,hostname',
-        },
-    },
-});
+    public readonly debug = (msg: string) => {
+        this.logger.debug(msg);
+        return this;
+    }
+    public readonly info = (msg: string) => {
+        this.logger.info(msg);
+        return this;
+    }
+    public readonly warn = (msg: string) => {
+        this.logger.warn(msg);
+        return this;
+    }
+    public readonly error = (msg: string) => {
+        this.logger.error(msg);
+        return this;
+    }
+    public readonly fatal = (msg: string) => {
+        this.logger.fatal(msg);
+        return this;
+    }
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@benshawmean/envedit",
   "module": "index.ts",
   "type": "module",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "license": "GPL-3.0-only",
   "bin": {
     "envedit": "index.ts"

package/tsconfig.json

@@ -7,7 +7,7 @@
     "moduleDetection": "force",
     "jsx": "react-jsx",
     "allowJs": true,
-    "types": ["bun"],
+    "types": ["bun", "./@types/custom.d.ts"],
 
     // Bundler mode
     "moduleResolution": "bundler",