torch-glare 1.0.2

package/lib/providers/ThemeProvider.tsx

@@ -0,0 +1,99 @@
+'use client';
+import {
+  createContext,
+  ReactNode,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
+
+interface ThemeProps {
+  theme: "light" | "dark" | "default";
+  themeMode: "CSS" | "TORCH";
+  updateTheme: (theme: "light" | "dark" | "default") => void;
+  updateMode: (themeMode: "CSS" | "TORCH") => void;
+}
+
+export const ThemeContext = createContext<ThemeProps | undefined>(undefined);
+
+interface ThemeProviderProps {
+  children: ReactNode;
+  defaultTheme?: "light" | "dark" | "default";
+  defaultThemeMode?: "CSS" | "TORCH";
+}
+
+export const ThemeProvider: React.FC<ThemeProviderProps> = ({
+  children,
+  defaultTheme = "default",
+  defaultThemeMode = "TORCH",
+}) => {
+  const [theme, setTheme] = useState<"light" | "dark" | "default">(() => {
+    if (typeof window !== "undefined" && document) {
+      const mode =
+        (document.documentElement.getAttribute("data-theme") as
+          | "light"
+          | "dark"
+          | "default") || defaultTheme;
+      const storedTheme = localStorage.getItem("theme") as
+        | "light"
+        | "dark"
+        | "default";
+      return storedTheme || mode || defaultTheme;
+    }
+    return defaultTheme;
+  });
+
+  const [themeMode, setThemeMode] = useState<"TORCH" | "CSS">(() => {
+    if (typeof window !== "undefined") {
+      const storedThemeMode = localStorage.getItem("theme-mode") as
+        | "TORCH"
+        | "CSS";
+      return storedThemeMode || defaultThemeMode;
+    }
+    return defaultThemeMode;
+  });
+
+  useEffect(() => {
+    if (document) {
+      document.documentElement.setAttribute("data-theme", theme);
+      document.documentElement.setAttribute("data-theme-mode", themeMode);
+      localStorage.setItem("theme", theme);
+      localStorage.setItem("theme-mode", themeMode);
+    }
+  }, [theme, themeMode]);
+
+  const updateTheme = (newTheme: "light" | "dark" | "default") => {
+    if (document) {
+      setTheme(newTheme);
+      document.documentElement.setAttribute("data-theme", newTheme);
+      localStorage.setItem("theme", newTheme);
+    }
+  };
+
+  const updateMode = (newThemeMode: "CSS" | "TORCH") => {
+    if (document) {
+      setThemeMode(newThemeMode);
+      document.documentElement.setAttribute("data-theme-mode", newThemeMode);
+      localStorage.setItem("theme-mode", newThemeMode);
+    }
+  };
+
+  const value = {
+    theme,
+    updateTheme,
+    updateMode,
+    themeMode,
+  };
+
+  return (
+    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
+  );
+};
+
+export const useTheme = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+};

package/lib/utils/cn.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs));
+}

package/lib/utils/convertImageFileToDataUrl.ts

@@ -0,0 +1,17 @@
+import { Dispatch, SetStateAction } from "react";
+
+export const convertImageFileToDataUrl = async (
+    file: File | null,
+    setter: Dispatch<SetStateAction<string>>
+) => {
+    if (file && file.type.startsWith("image/")) {
+        const reader = new FileReader();
+        reader.onload = (e: ProgressEvent<FileReader>) => {
+            const result = e.target?.result;
+            if (typeof result === "string") {
+                setter(result);
+            }
+        };
+        reader.readAsDataURL(file);
+    }
+};

package/lib/utils/resize.ts

@@ -0,0 +1,35 @@
+import { MutableRefObject, RefObject } from "react";
+
+// Extracted function to get the new width based on the mouse event
+export const calculateNewWidthFromMouse = (
+    event: MouseEvent,
+    resizableRef:
+        | MutableRefObject<HTMLElement | null>
+        | RefObject<HTMLElement | null>,
+    isRtl: boolean
+): number => {
+    if (resizableRef.current) {
+        const rect = resizableRef.current.getBoundingClientRect();
+        return isRtl
+            ? rect.right - event.clientX // Reverse calculation for RTL
+            : event.clientX - rect.left;
+    }
+    return 0;
+};
+
+// Extracted function to get the new width based on the touch event
+export const calculateNewWidthFromTouch = (
+    event: TouchEvent,
+    resizableRef:
+        | MutableRefObject<HTMLElement | null>
+        | RefObject<HTMLElement | null>,
+    isRtl: boolean
+): number => {
+    if (resizableRef.current) {
+        const rect = resizableRef.current.getBoundingClientRect();
+        return isRtl
+            ? rect.right - event.touches[0].clientX // Reverse calculation for RTL
+            : event.touches[0].clientX - rect.left;
+    }
+    return 0;
+};

package/lib/utils/types.ts

@@ -0,0 +1,12 @@
+export type Themes = "dark" | "light" | "default";
+
+export type ButtonVariant =
+    | "PrimeStyle"
+    | "BlueSecStyle"
+    | "YelSecStyle"
+    | "RedSecStyle"
+    | "BorderStyle"
+    | "PrimeContStyle"
+    | "BlueContStyle"
+    | "RedContStyle";
+

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "torch-glare",
+  "version": "1.0.2",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "cli/bin",
+    "lib"
+  ],
+  "bin": {
+    "torch-glare": "./torch-glare.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "next build --no-lint",
+    "deploy": "node ./scripts/publish/index.js"
+  },
+  "dependencies": {
+    "commander": "^13.1.0",
+    "inquirer": "^9.2.15"
+  },
+  "devDependencies": {
+    "ts-node": "^10.9.2",
+    "typescript": "^5"
+  }
+}

package/torch-glare.js

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+import { spawn } from "child_process";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const cliPath = path.join(__dirname, "cli/bin/cli.js");
+console.log("Running CLI script:", cliPath);
+
+// Run the CLI script
+const cli = spawn("node", [cliPath, ...process.argv.slice(2)], {
+  stdio: "inherit",
+});
+
+cli.on("error", (error) => {
+  console.error("Failed to start CLI:", error);
+  process.exit(1);
+});
+
+cli.on("exit", (code) => {
+  process.exit(code);
+});