@myrjfa/state 1.0.8 → 1.1.1

package/dist/lib/userAtom.js

@@ -1,127 +1,127 @@
-// atoms/userAtom.ts
-import CryptoJS from 'crypto-js';
-import { atom, getDefaultStore } from 'jotai';
-import { atomWithStorage } from 'jotai/utils';
-import { getCurrentUser } from './actions/actions';
-import { validateSession } from './actions/auth';
-const STORAGE_KEY = process.env.NEXT_PUBLIC_USER_KEY;
-const LOGIN_KEY = process.env.NEXT_PUBLIC_LOGIN_KEY;
-const SECRET_KEY = process.env.NEXT_PUBLIC_RACE;
-const EXPIRY_DAYS = 90;
-const EXPIRY_MS = EXPIRY_DAYS * 24 * 60 * 60 * 1000;
-const store = getDefaultStore();
-// 🔐 Encryption
-const encrypt = (data) => CryptoJS.AES.encrypt(JSON.stringify(data), SECRET_KEY).toString();
-const decrypt = (cipher) => {
-    try {
-        const bytes = CryptoJS.AES.decrypt(cipher, SECRET_KEY);
-        const decrypted = bytes.toString(CryptoJS.enc.Utf8);
-        return JSON.parse(decrypted);
-    }
-    catch (e) {
-        console.warn('Decryption failed:', e);
-        return null;
-    }
-};
-// 🧠 Wrap expiry in localStorage
-const getWithExpiry = (key) => {
-    if (typeof window === 'undefined')
-        return null;
-    try {
-        const raw = localStorage.getItem(key);
-        if (!raw)
-            return null;
-        const data = decrypt(raw);
-        if (!data)
-            return null;
-        const { value, expiry } = data;
-        if (Date.now() > expiry) {
-            resetAuthState();
-            return null;
-        }
-        return value;
-    }
-    catch (e) {
-        console.warn('Invalid user data:', e);
-        resetAuthState();
-        return null;
-    }
-};
-const setWithExpiry = (key, value) => {
-    if (typeof window === 'undefined')
-        return null;
-    if (!value)
-        return localStorage.removeItem(key);
-    const expiry = Date.now() + EXPIRY_MS;
-    const encrypted = encrypt({ value, expiry });
-    localStorage.setItem(key, encrypted);
-};
-// Storage initialization atom - tracks if we've tried to load from storage
-export const storageInitializedAtom = atom(false);
-// 🍱 Base storage atom (persisted)
-export const userAtom = atomWithStorage(STORAGE_KEY, null, {
-    getItem: (key) => getWithExpiry(key),
-    setItem: setWithExpiry,
-    removeItem: (key) => localStorage.removeItem(key),
-});
-export const isLoggedInAtom = atomWithStorage(LOGIN_KEY, false);
-// 🕒 Tracks if user is loading
-export const userLoadingAtom = atom((get) => {
-    // The issue was here - we need to properly track initialization state
-    const initialized = get(storageInitializedAtom);
-    // We're loading if we haven't initialized storage yet
-    return !initialized;
-});
-// Initialize storage atom effect
-export const initializeAuthSessionAtom = atom(null, async (get, set) => {
-    // Only run in browser
-    if (typeof window === 'undefined')
-        return;
-    // 1. Validate session (lightweight, no DB)
-    const session = await validateSession();
-    if (session.success) {
-        console.log(session.message);
-    }
-    else {
-        resetAuthState();
-        set(storageInitializedAtom, true);
-        return;
-    }
-    // 2. Try cache (localStorage)
-    const userData = getWithExpiry(STORAGE_KEY);
-    if (userData) {
-        set(userAtom, userData);
-        set(isLoggedInAtom, true);
-        set(storageInitializedAtom, true);
-        return;
-    }
-    // 3. If cache miss: fetch user from backend using session cookie
-    try {
-        // This endpoint can hit DB or another cache as needed
-        const remoteUser = await getCurrentUser();
-        if (remoteUser) {
-            set(userAtom, remoteUser);
-            set(isLoggedInAtom, true);
-            setWithExpiry(STORAGE_KEY, remoteUser); // Write to local cache for next time
-        }
-        else {
-            resetAuthState();
-        }
-    }
-    catch {
-        resetAuthState();
-    }
-    finally {
-        set(storageInitializedAtom, true);
-    }
-});
-export function resetAuthState() {
-    if (typeof window === 'undefined') {
-        console.warn('resetAuthState called on server — skipped');
-        return;
-    }
-    localStorage.removeItem(STORAGE_KEY);
-    localStorage.removeItem(LOGIN_KEY);
-    store.set(userAtom, null);
-    store.set(isLoggedInAtom, false);
-}
+// atoms/userAtom.ts
+import CryptoJS from 'crypto-js';
+import { atom, getDefaultStore } from 'jotai';
+import { atomWithStorage } from 'jotai/utils';
+import { getCurrentUser } from './actions/actions';
+import { validateSession } from './actions/auth';
+const STORAGE_KEY = process.env.NEXT_PUBLIC_USER_KEY;
+const LOGIN_KEY = process.env.NEXT_PUBLIC_LOGIN_KEY;
+const SECRET_KEY = process.env.NEXT_PUBLIC_RACE;
+const EXPIRY_DAYS = 90;
+const EXPIRY_MS = EXPIRY_DAYS * 24 * 60 * 60 * 1000;
+const store = getDefaultStore();
+// 🔐 Encryption
+const encrypt = (data) => CryptoJS.AES.encrypt(JSON.stringify(data), SECRET_KEY).toString();
+const decrypt = (cipher) => {
+    try {
+        const bytes = CryptoJS.AES.decrypt(cipher, SECRET_KEY);
+        const decrypted = bytes.toString(CryptoJS.enc.Utf8);
+        return JSON.parse(decrypted);
+    }
+    catch (e) {
+        console.warn('Decryption failed:', e);
+        return null;
+    }
+};
+// 🧠 Wrap expiry in localStorage
+const getWithExpiry = (key) => {
+    if (typeof window === 'undefined')
+        return null;
+    try {
+        const raw = localStorage.getItem(key);
+        if (!raw)
+            return null;
+        const data = decrypt(raw);
+        if (!data)
+            return null;
+        const { value, expiry } = data;
+        if (Date.now() > expiry) {
+            resetAuthState();
+            return null;
+        }
+        return value;
+    }
+    catch (e) {
+        console.warn('Invalid user data:', e);
+        resetAuthState();
+        return null;
+    }
+};
+const setWithExpiry = (key, value) => {
+    if (typeof window === 'undefined')
+        return null;
+    if (!value)
+        return localStorage.removeItem(key);
+    const expiry = Date.now() + EXPIRY_MS;
+    const encrypted = encrypt({ value, expiry });
+    localStorage.setItem(key, encrypted);
+};
+// Storage initialization atom - tracks if we've tried to load from storage
+export const storageInitializedAtom = atom(false);
+// 🍱 Base storage atom (persisted)
+export const userAtom = atomWithStorage(STORAGE_KEY, null, {
+    getItem: (key) => getWithExpiry(key),
+    setItem: setWithExpiry,
+    removeItem: (key) => localStorage.removeItem(key),
+});
+export const isLoggedInAtom = atomWithStorage(LOGIN_KEY, false);
+// 🕒 Tracks if user is loading
+export const userLoadingAtom = atom((get) => {
+    // The issue was here - we need to properly track initialization state
+    const initialized = get(storageInitializedAtom);
+    // We're loading if we haven't initialized storage yet
+    return !initialized;
+});
+// Initialize storage atom effect
+export const initializeAuthSessionAtom = atom(null, async (get, set) => {
+    // Only run in browser
+    if (typeof window === 'undefined')
+        return;
+    // 1. Validate session (lightweight, no DB)
+    const session = await validateSession();
+    if (session.success) {
+        console.log(session.message);
+    }
+    else {
+        resetAuthState();
+        set(storageInitializedAtom, true);
+        return;
+    }
+    // 2. Try cache (localStorage)
+    const userData = getWithExpiry(STORAGE_KEY);
+    if (userData) {
+        set(userAtom, userData);
+        set(isLoggedInAtom, true);
+        set(storageInitializedAtom, true);
+        return;
+    }
+    // 3. If cache miss: fetch user from backend using session cookie
+    try {
+        // This endpoint can hit DB or another cache as needed
+        const remoteUser = await getCurrentUser();
+        if (remoteUser) {
+            set(userAtom, remoteUser);
+            set(isLoggedInAtom, true);
+            setWithExpiry(STORAGE_KEY, remoteUser); // Write to local cache for next time
+        }
+        else {
+            resetAuthState();
+        }
+    }
+    catch {
+        resetAuthState();
+    }
+    finally {
+        set(storageInitializedAtom, true);
+    }
+});
+export function resetAuthState() {
+    if (typeof window === 'undefined') {
+        console.warn('resetAuthState called on server — skipped');
+        return;
+    }
+    localStorage.removeItem(STORAGE_KEY);
+    localStorage.removeItem(LOGIN_KEY);
+    store.set(userAtom, null);
+    store.set(isLoggedInAtom, false);
+}

package/dist/lib/utils/fileCompression.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Utility for client-side file compression before upload.
+ */
+interface CompressionOptions {
+    maxWidth?: number;
+    maxHeight?: number;
+    quality?: number;
+    mimeType?: string;
+}
+export declare function compressImage(file: File, options?: CompressionOptions): Promise<File>;
+/**
+ * Checks if a file is an image that can be compressed.
+ */
+export declare function isCompressibleImage(file: File): boolean;
+export {};
+//# sourceMappingURL=fileCompression.d.ts.map

package/dist/lib/utils/fileCompression.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileCompression.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/fileCompression.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAsB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE,kBAAuB,GAAG,OAAO,CAAC,IAAI,CAAC,CA+D/F;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAEvD"}

package/dist/lib/utils/fileCompression.js

@@ -0,0 +1,56 @@
+/**
+ * Utility for client-side file compression before upload.
+ */
+export async function compressImage(file, options = {}) {
+    const { maxWidth = 1920, maxHeight = 1080, quality = 0.2, mimeType = "image/jpeg" } = options;
+    return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.src = URL.createObjectURL(file);
+        img.onload = () => {
+            URL.revokeObjectURL(img.src);
+            const canvas = document.createElement("canvas");
+            let width = img.width;
+            let height = img.height;
+            // Maintain aspect ratio
+            if (width > height) {
+                if (width > maxWidth) {
+                    height *= maxWidth / width;
+                    width = maxWidth;
+                }
+            }
+            else {
+                if (height > maxHeight) {
+                    width *= maxHeight / height;
+                    height = maxHeight;
+                }
+            }
+            canvas.width = width;
+            canvas.height = height;
+            const ctx = canvas.getContext("2d");
+            if (!ctx) {
+                return reject(new Error("Could not get canvas context"));
+            }
+            ctx.drawImage(img, 0, 0, width, height);
+            canvas.toBlob((blob) => {
+                if (!blob) {
+                    return reject(new Error("Canvas toBlob failed"));
+                }
+                const compressedFile = new File([blob], file.name, {
+                    type: mimeType,
+                    lastModified: Date.now(),
+                });
+                resolve(compressedFile);
+            }, mimeType, quality);
+        };
+        img.onerror = (err) => {
+            URL.revokeObjectURL(img.src);
+            reject(err);
+        };
+    });
+}
+/**
+ * Checks if a file is an image that can be compressed.
+ */
+export function isCompressibleImage(file) {
+    return file.type.startsWith("image/") && !file.type.includes("svg") && !file.type.includes("gif");
+}

package/dist/lib/utils/socialMediaUrl.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Normalizes social media input (username or partial URL) into a fully qualified URL.
+ * Handles cases where users enter just a username, handle, or partial URL.
+ */
+export type SocialPlatformType = 'instagram' | 'twitter' | 'linkedin' | 'facebook' | 'youtube' | 'github' | 'googleBusiness';
+interface PlatformConfig {
+    baseUrl: string;
+    usernameRegex: RegExp;
+    urlPattern: RegExp;
+    buildUrl: (username: string) => string;
+    placeholder: string;
+    hint: string;
+}
+declare const PLATFORM_CONFIGS: Record<SocialPlatformType, PlatformConfig>;
+/**
+ * Attempts to normalize a social media input into a full URL.
+ * Returns { url, error } — url is the corrected URL or the original input, error is a message if invalid.
+ */
+export declare function normalizeSocialUrl(platform: SocialPlatformType, input: string): {
+    url: string;
+    error: string | null;
+};
+export { PLATFORM_CONFIGS };
+export type { SocialPlatformType as SocialPlatform };
+//# sourceMappingURL=socialMediaUrl.d.ts.map

package/dist/lib/utils/socialMediaUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"socialMediaUrl.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/socialMediaUrl.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAE7H,UAAU,cAAc;IACpB,OAAO,EAAE,MAAM,CAAC;IAEhB,aAAa,EAAE,MAAM,CAAC;IAEtB,UAAU,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,gBAAgB,EAAE,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAyDhE,CAAC;AAEF;;;GAGG;AACH,wBAAgB,kBAAkB,CAC9B,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,MAAM,GACd;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAiCvC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,kBAAkB,IAAI,cAAc,EAAE,CAAC"}

package/dist/lib/utils/socialMediaUrl.js

@@ -0,0 +1,97 @@
+/**
+ * Normalizes social media input (username or partial URL) into a fully qualified URL.
+ * Handles cases where users enter just a username, handle, or partial URL.
+ */
+const PLATFORM_CONFIGS = {
+    instagram: {
+        baseUrl: 'https://instagram.com/',
+        usernameRegex: /^[a-zA-Z0-9._]{1,30}$/,
+        urlPattern: /^https?:\/\/(www\.)?instagram\.com\/([a-zA-Z0-9._]+)\/?/,
+        buildUrl: (u) => `https://instagram.com/${u}`,
+        placeholder: 'pankaj.sharma or https://instagram.com/pankaj.sharma',
+        hint: 'Username: letters, numbers, . and _ (max 30 chars)',
+    },
+    twitter: {
+        baseUrl: 'https://x.com/',
+        usernameRegex: /^[a-zA-Z0-9_]{1,15}$/,
+        urlPattern: /^https?:\/\/(www\.)?(twitter\.com|x\.com)\/([a-zA-Z0-9_]+)\/?/,
+        buildUrl: (u) => `https://x.com/${u}`,
+        placeholder: 'pankajsharma or https://x.com/pankajsharma',
+        hint: 'Username: letters, numbers, _ (max 15 chars)',
+    },
+    linkedin: {
+        baseUrl: 'https://linkedin.com/in/',
+        usernameRegex: /^[a-zA-Z0-9-]{3,100}$/,
+        urlPattern: /^https?:\/\/(www\.)?linkedin\.com\/in\/([a-zA-Z0-9-]+)\/?/,
+        buildUrl: (u) => `https://linkedin.com/in/${u}`,
+        placeholder: 'pankaj-sharma or https://linkedin.com/in/pankaj-sharma',
+        hint: 'Username: letters, numbers, - (3–100 chars)',
+    },
+    facebook: {
+        baseUrl: 'https://facebook.com/',
+        usernameRegex: /^[a-zA-Z0-9.]{5,50}$/,
+        urlPattern: /^https?:\/\/(www\.)?facebook\.com\/([a-zA-Z0-9.]+)\/?/,
+        buildUrl: (u) => `https://facebook.com/${u}`,
+        placeholder: 'pankaj.sharma or https://facebook.com/pankaj.sharma',
+        hint: 'Username: letters, numbers, . (5–50 chars)',
+    },
+    youtube: {
+        baseUrl: 'https://youtube.com/@',
+        usernameRegex: /^@?[a-zA-Z0-9_-]{3,30}$/,
+        urlPattern: /^https?:\/\/(www\.)?youtube\.com\/@?([a-zA-Z0-9_-]+)\/?/,
+        buildUrl: (u) => `https://youtube.com/@${u.replace(/^@/, '')}`,
+        placeholder: '@pankajsharma or https://youtube.com/@pankajsharma',
+        hint: 'Handle: letters, numbers, _ and - (3–30 chars)',
+    },
+    github: {
+        baseUrl: 'https://github.com/',
+        usernameRegex: /^[a-zA-Z0-9-]{1,39}$/,
+        urlPattern: /^https?:\/\/(www\.)?github\.com\/([a-zA-Z0-9-]+)\/?/,
+        buildUrl: (u) => `https://github.com/${u}`,
+        placeholder: 'pankaj-sharma or https://github.com/pankaj-sharma',
+        hint: 'Username: letters, numbers, - (max 39 chars)',
+    },
+    googleBusiness: {
+        baseUrl: 'https://mybusiness.google.com/',
+        usernameRegex: /^[a-zA-Z0-9-]{1,39}$/, // Adjust regex as needed
+        urlPattern: /^https?:\/\/(www\.)?mybusiness\.google\.com\/([a-zA-Z0-9-]+)\/?/,
+        buildUrl: (u) => `https://mybusiness.google.com/${u}`,
+        placeholder: 'pankaj-sharma or https://mybusiness.google.com/pankaj-sharma',
+        hint: 'Username: letters, numbers, - (max 39 chars)',
+    },
+};
+/**
+ * Attempts to normalize a social media input into a full URL.
+ * Returns { url, error } — url is the corrected URL or the original input, error is a message if invalid.
+ */
+export function normalizeSocialUrl(platform, input) {
+    const cfg = PLATFORM_CONFIGS[platform];
+    if (!input || input.trim() === '')
+        return { url: '', error: null };
+    const trimmed = input.trim();
+    // Already a full URL for this platform → extract username and rebuild canonical
+    const urlMatch = trimmed.match(cfg.urlPattern);
+    if (urlMatch) {
+        // Take the captured username group (last capture group)
+        const username = urlMatch[urlMatch.length - 1] ?? trimmed;
+        return { url: cfg.buildUrl(username), error: null };
+    }
+    // Looks like a URL for a *different* site or malformed URL
+    if (trimmed.startsWith('http://') || trimmed.startsWith('https://') || trimmed.includes('.com/') || trimmed.includes('.net/')) {
+        return {
+            url: trimmed,
+            error: `That doesn't look like a valid ${platform} URL. ${cfg.hint}`,
+        };
+    }
+    // Plain username — validate and build URL
+    const usernameToTest = trimmed.replace(/^@/, ''); // strip leading @ for youtube/etc
+    const testValue = platform === 'youtube' ? trimmed : usernameToTest;
+    if (!cfg.usernameRegex.test(testValue)) {
+        return {
+            url: trimmed,
+            error: `Invalid ${platform} username. ${cfg.hint}`,
+        };
+    }
+    return { url: cfg.buildUrl(usernameToTest), error: null };
+}
+export { PLATFORM_CONFIGS };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrjfa/state",
-  "version": "1.0.8",
+  "version": "1.1.1",
   "description": "Shared state management for myrjfa apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",