@djangocfg/ui-core 2.1.232 → 2.1.234

package/README.md

@@ -1,3 +1,9 @@
+<div align="center">
+
+![@djangocfg/ui-core](https://raw.githubusercontent.com/markolofsen/assets/main/libs/djangocfg/ui-core.webp)
+
+</div>
+
 # @djangocfg/ui-core
 
 Pure React UI library with 65+ components built on Radix UI + Tailwind CSS v4.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-core",
-  "version": "2.1.232",
+  "version": "2.1.234",
   "description": "Pure React UI component library without Next.js dependencies - for Electron, Vite, CRA apps",
   "keywords": [
     "ui-components",
@@ -81,7 +81,7 @@
     "playground": "playground dev"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.232",
+    "@djangocfg/i18n": "^2.1.234",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "moment": "^2.30.1",
@@ -143,9 +143,9 @@
     "vaul": "1.1.2"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.232",
+    "@djangocfg/i18n": "^2.1.234",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.232",
+    "@djangocfg/typescript-config": "^2.1.234",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/components/index.ts

@@ -104,8 +104,6 @@ export { CopyButton, CopyField } from './copy';
 export type { CopyButtonProps, CopyFieldProps } from './copy';
 export { DownloadButton } from './button-download';
 export type { DownloadButtonProps } from './button-download';
-export { OgImage } from './og-image';
-export type { OgImageProps } from './og-image';
 
 // Additional Components
 export { Toaster } from './sonner';

package/src/lib/env.ts

@@ -0,0 +1,10 @@
+/**
+ * Environment constants — shared across all @djangocfg packages.
+ */
+
+export const nodeEnv = process.env.NODE_ENV || 'development';
+export const isDev = nodeEnv === 'development';
+export const isProd = nodeEnv === 'production';
+export const isTest = nodeEnv === 'test';
+export const isBrowser = typeof window !== 'undefined';
+export const isServer = typeof window === 'undefined';

package/src/lib/index.ts

@@ -1,4 +1,4 @@
 export * from "./utils";
-export * from "./og-image";
 export * from "./logger";
 export * from "./dialog-service";
+export * from "./env";

package/src/lib/logger/logger.ts

@@ -14,9 +14,7 @@ import { useLogStore } from './logStore';
 
 import type { Logger, LogLevel, MediaLogger } from './types';
 
-// Check environment
-const isDev = process.env.NODE_ENV !== 'production';
-const isBrowser = typeof window !== 'undefined';
+import { isDev, isBrowser } from '../env';
 
 // Create base consola instance
 const baseConsola = consola.create({

package/src/components/og-image.tsx

@@ -1,50 +0,0 @@
-'use client'
-
-import * as React from 'react';
-
-import {
-    generateOgImageUrl, type GenerateOgImageUrlOptions, type OgImageUrlParams
-} from '../lib/og-image';
-import { cn } from '../lib/utils';
-
-export interface OgImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
-  /** OG Image parameters */
-  params: OgImageUrlParams
-  /** Generation options (baseUrl, useBase64) */
-  options?: GenerateOgImageUrlOptions
-}
-
-/**
- * OgImage Component
- *
- * Renders an image using the OG Image API with auto-generated URL.
- *
- * @example
- * ```tsx
- * <OgImage
- *   params={{ title: 'My Page', description: 'Description' }}
- *   className="rounded-lg"
- * />
- * ```
- */
-const OgImage = React.forwardRef<HTMLImageElement, OgImageProps>(
-  ({ params, options, className, alt, ...props }, ref) => {
-    const src = React.useMemo(
-      () => generateOgImageUrl(params, options),
-      [params, options]
-    )
-
-    return (
-      <img
-        ref={ref}
-        src={src}
-        alt={alt || params.title}
-        className={cn('w-full', className)}
-        {...props}
-      />
-    )
-  }
-)
-OgImage.displayName = 'OgImage'
-
-export { OgImage }

package/src/lib/og-image.ts

@@ -1,151 +0,0 @@
-/**
- * OG Image URL Generation Utilities
- *
- * Client-side utilities for generating OG image URLs.
- */
-
-/** Default OG Image API base URL */
-const DEFAULT_OG_IMAGE_BASE_URL = 'https://djangocfg.com/api/og';
-
-/**
- * Encode string to base64 with Unicode support
- * Works in both browser and Node.js environments
- */
-function encodeBase64(str: string): string {
-  // Node.js environment
-  if (typeof Buffer !== 'undefined') {
-    return Buffer.from(str, 'utf-8').toString('base64');
-  }
-  // Browser environment - handle Unicode via UTF-8 encoding
-  const utf8Bytes = new TextEncoder().encode(str);
-  const binaryString = Array.from(utf8Bytes, byte => String.fromCharCode(byte)).join('');
-  return btoa(binaryString);
-}
-
-/**
- * OG Image URL parameters
- */
-export interface OgImageUrlParams {
-  /** Page title */
-  title: string;
-  /** Page description (optional) */
-  description?: string;
-  /** Site name (optional) */
-  siteName?: string;
-  /** Logo URL (optional) */
-  logo?: string;
-  /** Background type: 'gradient' or 'solid' */
-  backgroundType?: 'gradient' | 'solid';
-  /** Gradient start color (hex) */
-  gradientStart?: string;
-  /** Gradient end color (hex) */
-  gradientEnd?: string;
-  /** Background color (for solid type) */
-  backgroundColor?: string;
-  /** Title font size (px) */
-  titleSize?: number;
-  /** Title font weight */
-  titleWeight?: number;
-  /** Title text color */
-  titleColor?: string;
-  /** Description font size (px) */
-  descriptionSize?: number;
-  /** Description text color */
-  descriptionColor?: string;
-  /** Site name font size (px) */
-  siteNameSize?: number;
-  /** Site name text color */
-  siteNameColor?: string;
-  /** Padding (px) */
-  padding?: number;
-  /** Logo size (px) */
-  logoSize?: number;
-  /** Show logo flag */
-  showLogo?: boolean;
-  /** Show site name flag */
-  showSiteName?: boolean;
-  /** Additional custom parameters */
-  [key: string]: string | number | boolean | undefined;
-}
-
-/**
- * Options for generating OG image URL
- */
-export interface GenerateOgImageUrlOptions {
-  /**
-   * Base URL of the OG image API route
-   * @default 'https://djangocfg.com/api/og'
-   */
-  baseUrl?: string;
-  /**
-   * If true, encode params as base64 for safer URLs
-   * @default true
-   */
-  useBase64?: boolean;
-}
-
-/**
- * Generate OG image URL with query parameters or base64 encoding
- *
- * @example
- * ```typescript
- * // Using default baseUrl (https://djangocfg.com/api/og)
- * const url = generateOgImageUrl({ title: 'My Page Title' });
- *
- * // With custom baseUrl
- * const url = generateOgImageUrl({ title: 'My Page' }, { baseUrl: '/api/og' });
- * ```
- */
-export function generateOgImageUrl(
-  params: OgImageUrlParams,
-  options: GenerateOgImageUrlOptions = {}
-): string {
-  const { baseUrl = DEFAULT_OG_IMAGE_BASE_URL, useBase64 = true } = options;
-
-  if (useBase64) {
-    const cleanParams: Record<string, string | number | boolean> = {};
-    Object.entries(params).forEach(([key, value]) => {
-      if (value !== undefined && value !== null && value !== '') {
-        cleanParams[key] = value;
-      }
-    });
-
-    const jsonString = JSON.stringify(cleanParams);
-    const base64Data = encodeBase64(jsonString);
-    return `${baseUrl}/${base64Data}`;
-  } else {
-    const searchParams = new URLSearchParams();
-    Object.entries(params).forEach(([key, value]) => {
-      if (value !== undefined && value !== null && value !== '') {
-        searchParams.append(key, String(value));
-      }
-    });
-    const query = searchParams.toString();
-    return query ? `${baseUrl}?${query}` : baseUrl;
-  }
-}
-
-/**
- * Get absolute OG image URL from relative path
- */
-export function getAbsoluteOgImageUrl(relativePath: string, siteUrl: string): string {
-  // If path is already an absolute URL, return as-is
-  if (relativePath.startsWith('http://') || relativePath.startsWith('https://')) {
-    return relativePath;
-  }
-  const cleanSiteUrl = siteUrl.replace(/\/$/, '');
-  const cleanPath = relativePath.startsWith('/') ? relativePath : `/${relativePath}`;
-  return `${cleanSiteUrl}${cleanPath}`;
-}
-
-/**
- * Create OG image URL builder with preset configuration
- */
-export function createOgImageUrlBuilder(
-  defaults: Partial<OgImageUrlParams> = {},
-  options: GenerateOgImageUrlOptions = {}
-) {
-  return (params: OgImageUrlParams): string => {
-    return generateOgImageUrl({ ...defaults, ...params }, options);
-  };
-}