react-notify-sdk 1.0.4 → 1.0.7

package/dist/NotifyProvider.js

@@ -1,35 +1,20 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotifyProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // src/FeatureMessage.tsx
-const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
-const clsx_1 = __importDefault(require("clsx"));
-const supabaseClient_1 = require("./supabase/supabaseClient");
-const NotifyProvider = ({ projectId, 
+import { useEffect, useState } from 'react';
+import { useLocation } from 'react-router-dom';
+import clsx from 'clsx';
+import { supabase } from './supabase/supabaseClient';
+export const NotifyProvider = ({ projectId, 
 //className,
 //style,
 disableDefaultStyles = false, }) => {
-    const [message, setMessage] = (0, react_1.useState)(null);
-    const location = (0, react_router_dom_1.useLocation)();
-    (0, react_1.useEffect)(() => {
+    const [message, setMessage] = useState(null);
+    const location = useLocation();
+    useEffect(() => {
         if (typeof window === 'undefined')
             return; // Skip on server
-        const fetchMessage = () => __awaiter(void 0, void 0, void 0, function* () {
-            const { data } = yield supabaseClient_1.supabase
+        const fetchMessage = async () => {
+            const { data } = await supabase
                 .from('feature_messages')
                 .select('*')
                 .eq('project_key', projectId)
@@ -39,9 +24,9 @@ disableDefaultStyles = false, }) => {
                 .limit(1)
                 .single();
             setMessage(data);
-        });
+        };
         fetchMessage();
-        const subscription = supabaseClient_1.supabase
+        const subscription = supabase
             .channel('feature_messages_channel')
             .on('postgres_changes', {
             event: '*',
@@ -55,35 +40,34 @@ disableDefaultStyles = false, }) => {
         })
             .subscribe();
         return () => {
-            supabaseClient_1.supabase.removeChannel(subscription);
+            supabase.removeChannel(subscription);
         };
     }, [location.pathname, projectId]);
     if (!message)
         return null;
-    const defaultClasses = `fixed ${message === null || message === void 0 ? void 0 : message.position}-4 left-1/2 transform -translate-x-1/2 z-50 w-[${message === null || message === void 0 ? void 0 : message.width}%] p-4 bg-[${message === null || message === void 0 ? void 0 : message.backgroundColor}] border border-[${message === null || message === void 0 ? void 0 : message.borderColor}] text-[${message === null || message === void 0 ? void 0 : message.textColor}] rounded-lg shadow`;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)(!disableDefaultStyles && defaultClasses), style: disableDefaultStyles ?
+    const defaultClasses = `fixed ${message?.position}-4 left-1/2 transform -translate-x-1/2 z-50 w-[${message?.width}%] px-3 bg-[${message?.backgroundColor}] border border-[${message?.borderColor}] text-[${message?.textColor}] rounded-lg shadow`;
+    return (_jsxs("div", { className: clsx(!disableDefaultStyles && defaultClasses), style: disableDefaultStyles ?
             {
                 position: 'fixed',
-                top: (message === null || message === void 0 ? void 0 : message.position) === 'top' ? '16px' : undefined,
-                bottom: (message === null || message === void 0 ? void 0 : message.position) === 'top' ? undefined : '16px',
+                top: message?.position === 'top' ? '16px' : undefined,
+                bottom: message?.position === 'top' ? undefined : '16px',
                 left: '50%',
                 transform: 'translateX(-50%)',
                 zIndex: 50,
-                width: `${message === null || message === void 0 ? void 0 : message.width}%`,
+                width: `${message?.width}%`,
                 padding: '1rem', // p-4 = 1rem
-                backgroundColor: message === null || message === void 0 ? void 0 : message.backgroundColor,
+                backgroundColor: message?.backgroundColor,
                 border: '1px solid', // Completed border style
             }
             :
-                {}, children: [(0, jsx_runtime_1.jsx)("strong", { className: `block mb-2 text-lg font-semibold text-[${message === null || message === void 0 ? void 0 : message.textColor}]`, style: {
+                {}, children: [_jsx("strong", { className: `block mb-2 text-lg font-semibold text-[${message?.textColor}]`, style: {
                     display: 'block',
                     marginBottom: '0.5rem', // mb-2 = 0.5rem
                     fontSize: '1.125rem', // text-lg = 18px = 1.125rem
                     fontWeight: 600, // font-semibold = 600
-                    color: `${message === null || message === void 0 ? void 0 : message.backgroundColor}`,
-                }, children: message.title }), (0, jsx_runtime_1.jsx)("p", { className: `text-sm text-[${message === null || message === void 0 ? void 0 : message.textColor}]`, style: {
+                    color: `${message?.backgroundColor}`,
+                }, children: message.title }), _jsx("p", { className: `text-sm text-[${message?.textColor}]`, style: {
                     fontSize: '0.875rem', // text-sm = 14px = 0.875rem
-                    color: `${message === null || message === void 0 ? void 0 : message.backgroundColor}`,
+                    color: `${message?.backgroundColor}`,
                 }, children: message.content })] }));
 };
-exports.NotifyProvider = NotifyProvider;

package/dist/index.js

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotifyProvider = void 0;
-var NotifyProvider_1 = require("./NotifyProvider");
-Object.defineProperty(exports, "NotifyProvider", { enumerable: true, get: function () { return NotifyProvider_1.NotifyProvider; } });
+export { NotifyProvider } from './NotifyProvider';

package/dist/supabase/supabaseClient.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.supabase = void 0;
-const supabase_js_1 = require("@supabase/supabase-js");
+import { createClient } from '@supabase/supabase-js';
 const supabaseUrl = process.env.REACT_APP_SUPABASE_URL;
 const supabaseKey = process.env.REACT_APP_SUPABASE_KEY;
 // Create a single supabase client for interacting with your database
-exports.supabase = (0, supabase_js_1.createClient)(supabaseUrl, supabaseKey);
+export const supabase = createClient(supabaseUrl, supabaseKey);

package/dist/types.d.ts

@@ -6,7 +6,6 @@ export type NotifyMessage = {
     content: string;
     position: string;
     positionValue: number;
-    twPosition: string;
     backgroundColor: string;
     borderColor: string;
     textColor: string;

package/dist/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "react-notify-sdk",
-  "version": "1.0.4",
-  "description": "",
-  "main": "index.js",
+  "version": "1.0.7",
+  "description": "SDK for displaying real-time route-specific messages in React apps",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsc"
+    "build": "tsc",
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "",

package/.env

@@ -1,2 +0,0 @@
-REACT_APP_SUPABASE_URL="https://dhgnstjrkeuqnsapwcec.supabase.co"
-REACT_APP_SUPABASE_KEY="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImRoZ25zdGpya2V1cW5zYXB3Y2VjIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTA2MDA0NTEsImV4cCI6MjA2NjE3NjQ1MX0.TLBAPIWjPYvzNUUPHyakIypRydAeWM8Y1OrUzVvIgLQ"

package/src/NotifyProvider.js

@@ -1,89 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotifyProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// src/FeatureMessage.tsx
-const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
-const clsx_1 = __importDefault(require("clsx"));
-const supabaseClient_1 = require("./supabase/supabaseClient");
-const NotifyProvider = ({ projectId, 
-//className,
-//style,
-disableDefaultStyles = false, }) => {
-    const [message, setMessage] = (0, react_1.useState)(null);
-    const location = (0, react_router_dom_1.useLocation)();
-    (0, react_1.useEffect)(() => {
-        if (typeof window === 'undefined')
-            return; // Skip on server
-        const fetchMessage = () => __awaiter(void 0, void 0, void 0, function* () {
-            const { data } = yield supabaseClient_1.supabase
-                .from('feature_messages')
-                .select('*')
-                .eq('project_key', projectId)
-                .eq('route', location.pathname)
-                .eq('is_active', true)
-                .order('created_at', { ascending: false })
-                .limit(1)
-                .single();
-            setMessage(data);
-        });
-        fetchMessage();
-        const subscription = supabaseClient_1.supabase
-            .channel('feature_messages_channel')
-            .on('postgres_changes', {
-            event: '*',
-            schema: 'public',
-            table: 'feature_messages',
-        }, (payload) => {
-            const msg = payload.new;
-            if (msg.project_key === projectId && msg.route === location.pathname && msg.is_active) {
-                setMessage(msg);
-            }
-        })
-            .subscribe();
-        return () => {
-            supabaseClient_1.supabase.removeChannel(subscription);
-        };
-    }, [location.pathname, projectId]);
-    if (!message)
-        return null;
-    const defaultClasses = `fixed ${message === null || message === void 0 ? void 0 : message.position}-4 left-1/2 transform -translate-x-1/2 z-50 w-[${message === null || message === void 0 ? void 0 : message.width}%] p-4 bg-[${message === null || message === void 0 ? void 0 : message.backgroundColor}] border border-[${message === null || message === void 0 ? void 0 : message.borderColor}] text-[${message === null || message === void 0 ? void 0 : message.textColor}] rounded-lg shadow`;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)(!disableDefaultStyles && defaultClasses), style: disableDefaultStyles ?
-            {
-                position: 'fixed',
-                top: (message === null || message === void 0 ? void 0 : message.position) === 'top' ? '16px' : undefined,
-                bottom: (message === null || message === void 0 ? void 0 : message.position) === 'top' ? undefined : '16px',
-                left: '50%',
-                transform: 'translateX(-50%)',
-                zIndex: 50,
-                width: `${message === null || message === void 0 ? void 0 : message.width}%`,
-                padding: '1rem', // p-4 = 1rem
-                backgroundColor: message === null || message === void 0 ? void 0 : message.backgroundColor,
-                border: '1px solid', // Completed border style
-            }
-            :
-                {}, children: [(0, jsx_runtime_1.jsx)("strong", { className: `block mb-2 text-lg font-semibold text-[${message === null || message === void 0 ? void 0 : message.textColor}]`, style: {
-                    display: 'block',
-                    marginBottom: '0.5rem', // mb-2 = 0.5rem
-                    fontSize: '1.125rem', // text-lg = 18px = 1.125rem
-                    fontWeight: 600, // font-semibold = 600
-                    color: `${message === null || message === void 0 ? void 0 : message.backgroundColor}`,
-                }, children: message.title }), (0, jsx_runtime_1.jsx)("p", { className: `text-sm text-[${message === null || message === void 0 ? void 0 : message.textColor}]`, style: {
-                    fontSize: '0.875rem', // text-sm = 14px = 0.875rem
-                    color: `${message === null || message === void 0 ? void 0 : message.backgroundColor}`,
-                }, children: message.content })] }));
-};
-exports.NotifyProvider = NotifyProvider;

package/src/NotifyProvider.tsx

@@ -1,104 +0,0 @@
-// src/FeatureMessage.tsx
-import { useEffect, useState } from 'react';
-import { useLocation } from 'react-router-dom';
-import { NotifyMessage, NotifyMessageProviderProps } from './types';
-import clsx from 'clsx';
-import { supabase } from './supabase/supabaseClient';
-
-
-
-export const NotifyProvider = ({
-  projectId,
-  //className,
-  //style,
-  disableDefaultStyles = false,
-}: NotifyMessageProviderProps) => {
-  const [message, setMessage] = useState<NotifyMessage | null>(null);
-  const location = useLocation();
-
-  useEffect(() => {
-    if (typeof window === 'undefined') return; // Skip on server
-
-    const fetchMessage = async () => {
-      const { data } = await supabase
-        .from('feature_messages')
-        .select('*')
-        .eq('project_key', projectId)
-        .eq('route', location.pathname)
-        .eq('is_active', true)
-        .order('created_at', { ascending: false })
-        .limit(1)
-        .single();
-
-      setMessage(data);
-    };
-
-    fetchMessage();
-
-    const subscription = supabase
-      .channel('feature_messages_channel')
-      .on('postgres_changes', {
-        event: '*',
-        schema: 'public',
-        table: 'feature_messages',
-      }, (payload) => {
-        const msg = payload.new as NotifyMessage;
-        if (msg.project_key === projectId && msg.route === location.pathname && msg.is_active) {
-          setMessage(msg);
-        }
-      })
-      .subscribe();
-
-    return () => {
-      supabase.removeChannel(subscription);
-    };
-  }, [location.pathname, projectId]);
-
-  if (!message) return null;
-
-  const defaultClasses = `fixed ${message?.position}-4 left-1/2 transform -translate-x-1/2 z-50 w-[${message?.width}%] p-4 bg-[${message?.backgroundColor}] border border-[${message?.borderColor}] text-[${message?.textColor}] rounded-lg shadow`;
-
-  return (
-    <div
-      className={clsx(!disableDefaultStyles && defaultClasses)}
-      style={
-        disableDefaultStyles ?
-          {
-            position: 'fixed',
-            top: message?.position === 'top' ? '16px' : undefined,
-            bottom: message?.position === 'top' ? undefined : '16px',
-            left: '50%',
-            transform: 'translateX(-50%)',
-            zIndex: 50,
-            width: `${message?.width}%`,
-            padding: '1rem', // p-4 = 1rem
-            backgroundColor: message?.backgroundColor,
-            border: '1px solid', // Completed border style
-          }
-          :
-          {}
-      }
-    >
-      <strong
-        className={`block mb-2 text-lg font-semibold text-[${message?.textColor}]`}
-        style={{
-          display: 'block',
-          marginBottom: '0.5rem', // mb-2 = 0.5rem
-          fontSize: '1.125rem', // text-lg = 18px = 1.125rem
-          fontWeight: 600, // font-semibold = 600
-          color: `${message?.backgroundColor}`,
-        }}
-      >
-        {message.title}
-      </strong>
-      <p className={`text-sm text-[${message?.textColor}]`}
-        style={{
-          fontSize: '0.875rem', // text-sm = 14px = 0.875rem
-          color: `${message?.backgroundColor}`,
-        }}
-      >
-        {message.content}
-      </p>
-    </div>
-  );
-};

package/src/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotifyProvider = void 0;
-var NotifyProvider_1 = require("./NotifyProvider");
-Object.defineProperty(exports, "NotifyProvider", { enumerable: true, get: function () { return NotifyProvider_1.NotifyProvider; } });

package/src/index.ts

@@ -1 +0,0 @@
-export { NotifyProvider } from './NotifyProvider'

package/src/supabase/supabaseClient.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.supabase = void 0;
-const supabase_js_1 = require("@supabase/supabase-js");
-const supabaseUrl = process.env.REACT_APP_SUPABASE_URL;
-const supabaseKey = process.env.REACT_APP_SUPABASE_KEY;
-// Create a single supabase client for interacting with your database
-exports.supabase = (0, supabase_js_1.createClient)(supabaseUrl, supabaseKey);

package/src/supabase/supabaseClient.ts

@@ -1,7 +0,0 @@
-import { createClient } from '@supabase/supabase-js'
-
-const supabaseUrl = process.env.REACT_APP_SUPABASE_URL as string;
-const supabaseKey = process.env.REACT_APP_SUPABASE_KEY as string;
-
-// Create a single supabase client for interacting with your database
-export const supabase = createClient(supabaseUrl, supabaseKey)

package/src/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/types.ts

@@ -1,24 +0,0 @@
-export type NotifyMessage = {
-  id: string;
-  project_key: string;
-  route: string;
-  title: string;
-  content: string;
-  position: string;
-  positionValue: number;
-  twPosition: string;
-  backgroundColor: string;
-  borderColor: string;
-  textColor: string;
-  width: number;
-  borderWidth: number;
-  is_active: boolean;
-  created_at: string;
-};
-
-export type NotifyMessageProviderProps = {
-  projectId: string;
-  className?: string;
-  //style?: React.CSSProperties;
-  disableDefaultStyles?: boolean;
-};  

package/tsconfig.json

@@ -1,121 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES6",
-    //"module": "ESNext",
-    "declaration": true,
-    "outDir": "dist",
-    //"strict": true,
-    //"esModuleInterop": true,
-    "jsx": "react-jsx", // ✅ This is required for React 17+ JSX
-    /* Visit https://aka.ms/tsconfig to read more about this file */
-
-    /* Projects */
-    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
-    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
-    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
-    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
-    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
-    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
-
-    /* Language and Environment */
-    //"target": "es2016",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
-    // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
-    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
-    // "libReplacement": true,                           /* Enable lib replacement. */
-    // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
-    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
-    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
-    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
-    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
-    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
-    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
-    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
-    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
-
-    /* Modules */
-    "module": "commonjs",                                /* Specify what module code is generated. */
-    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
-    // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
-    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
-    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
-    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
-    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
-    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
-    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
-    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
-    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
-    // "rewriteRelativeImportExtensions": true,          /* Rewrite '.ts', '.tsx', '.mts', and '.cts' file extensions in relative import paths to their JavaScript equivalent in output files. */
-    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
-    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
-    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
-    // "noUncheckedSideEffectImports": true,             /* Check side effect imports. */
-    // "resolveJsonModule": true,                        /* Enable importing .json files. */
-    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
-    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
-
-    /* JavaScript Support */
-    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
-    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
-    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
-
-    /* Emit */
-    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
-    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
-    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
-    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
-    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
-    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
-    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-    // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
-    // "removeComments": true,                           /* Disable emitting comments. */
-    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
-    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
-    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
-    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
-    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
-    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
-    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
-    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
-    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
-    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
-    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
-    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
-
-    /* Interop Constraints */
-    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
-    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
-    // "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
-    // "erasableSyntaxOnly": true,                       /* Do not allow runtime constructs that are not part of ECMAScript. */
-    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
-    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
-    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
-    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
-
-    /* Type Checking */
-    "strict": true,                                      /* Enable all strict type-checking options. */
-    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
-    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
-    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
-    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
-    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
-    // "strictBuiltinIteratorReturn": true,              /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */
-    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
-    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
-    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
-    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
-    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
-    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
-    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
-    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
-    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
-    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
-    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
-    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
-    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
-
-    /* Completeness */
-    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
-  },
-  "include": ["src"]
-}