zuljaman-banner-components 1.0.0

package/dist/types.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Consolidated types for banner components shared package
+ * Based on Next.js app types with AWS Lambda compatibility
+ */
+import React from 'react';
+/**
+ * Shared interface for all banner substyle components
+ */
+export interface BannerSubstyleProps {
+    copy1?: string;
+    copy2?: string;
+    fontSize_01?: string;
+    fontSize_02?: string;
+    logoUrl?: string;
+    backgroundImageUrl?: string;
+}
+/**
+ * Post type enumeration for different banner formats
+ */
+export declare enum PostType {
+    POST = "POST",
+    STORY = "STORY"
+}
+/**
+ * Banner style enumeration for different design templates
+ */
+export declare enum BannerStyle {
+    CANVA_STYLE_01 = "CANVA_STYLE_01",
+    CANVA_STYLE_02 = "CANVA_STYLE_02"
+}
+/**
+ * Font configuration interface for style-specific sizing
+ */
+export interface StyleFontConfig {
+    baseSizeRem1: number;
+    baseSizeRem2: number;
+    maxLengthThreshold: number;
+    reductionFactor: number;
+}
+/**
+ * Font size calculation result
+ */
+export interface FontSizeResult {
+    fontSize_01: string;
+    fontSize_02: string;
+}
+/**
+ * Image component props for platform adapters
+ */
+export interface ImageProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+/**
+ * Post image interface for banner generation
+ */
+export interface PostImage {
+    id?: string;
+    rawImage: string;
+    rawCopy?: string;
+    bannerImage?: string;
+    height: number;
+    width: number;
+    postId?: string;
+    createdAt?: Date;
+    bannerCopy1?: string;
+    bannerCopy2?: string;
+    /** An identifier for the style of the banner, expected range 1-3 */
+    bannerStyle?: number;
+    /** An identifier for the substyle of the banner, expected range 1-3 */
+    bannerSubstyle?: number;
+    logoUrl?: string;
+}
+/**
+ * Banner visor component props
+ */
+export interface BannerVisorProps {
+    postType: PostType;
+    bannerStyle: number;
+    bannerSubstyle: number;
+    copy1?: string;
+    copy2?: string;
+    logoUrl?: string;
+    backgroundImageUrl?: string;
+    sizeMultiplier?: number;
+}
+/**
+ * Platform adapter interface
+ */
+export interface PlatformAdapter {
+    ImageComponent: React.ComponentType<ImageProps>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;GAEG;AACH,oBAAY,QAAQ;IAClB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,oBAAY,WAAW;IACrB,cAAc,mBAAmB;IACjC,cAAc,mBAAmB;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACjD"}

package/dist/types.js

@@ -0,0 +1,20 @@
+/**
+ * Consolidated types for banner components shared package
+ * Based on Next.js app types with AWS Lambda compatibility
+ */
+/**
+ * Post type enumeration for different banner formats
+ */
+export var PostType;
+(function (PostType) {
+    PostType["POST"] = "POST";
+    PostType["STORY"] = "STORY";
+})(PostType || (PostType = {}));
+/**
+ * Banner style enumeration for different design templates
+ */
+export var BannerStyle;
+(function (BannerStyle) {
+    BannerStyle["CANVA_STYLE_01"] = "CANVA_STYLE_01";
+    BannerStyle["CANVA_STYLE_02"] = "CANVA_STYLE_02";
+})(BannerStyle || (BannerStyle = {}));

package/dist/utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Enhanced font size calculation for banner styles with separate sizing for copy1 and copy2
+ * Extracted from Next.js app implementation
+ */
+import type { StyleFontConfig, FontSizeResult } from './types';
+/**
+ * Calculates dynamic font sizes for both copy1 and copy2 based on content length
+ * and style-specific constraints.
+ *
+ * @param copy1 - Primary text content
+ * @param copy2 - Secondary text content
+ * @param config - Style-specific font configuration
+ * @returns Object with fontSize_01 and fontSize_02 strings
+ */
+export declare const calculateStyleFontSizes: (copy1: string | null | undefined, copy2: string | null | undefined, config: StyleFontConfig) => FontSizeResult;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,GAClC,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,OAAO,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,QAAQ,eAAe,KACtB,cAmBF,CAAC"}

package/dist/utils.js

@@ -0,0 +1,29 @@
+/**
+ * Enhanced font size calculation for banner styles with separate sizing for copy1 and copy2
+ * Extracted from Next.js app implementation
+ */
+/**
+ * Calculates dynamic font sizes for both copy1 and copy2 based on content length
+ * and style-specific constraints.
+ *
+ * @param copy1 - Primary text content
+ * @param copy2 - Secondary text content
+ * @param config - Style-specific font configuration
+ * @returns Object with fontSize_01 and fontSize_02 strings
+ */
+export const calculateStyleFontSizes = (copy1, copy2, config) => {
+    const { baseSizeRem1, baseSizeRem2, maxLengthThreshold, reductionFactor } = config;
+    // Calculate length excluding spaces for each copy
+    const len1 = copy1?.replace(/\s/g, "").length ?? 0;
+    const len2 = copy2?.replace(/\s/g, "").length ?? 0;
+    // Calculate font size for copy1
+    const calculationLength1 = len1 === 0 ? 1 : len1;
+    const size1 = baseSizeRem1 + Math.max(0, maxLengthThreshold - calculationLength1) * reductionFactor;
+    // Calculate font size for copy2
+    const calculationLength2 = len2 === 0 ? 1 : len2;
+    const size2 = baseSizeRem2 + Math.max(0, maxLengthThreshold - calculationLength2) * reductionFactor;
+    return {
+        fontSize_01: `${size1}rem`,
+        fontSize_02: `${size2}rem`
+    };
+};

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "zuljaman-banner-components",
+  "version": "1.0.0",
+  "description": "Shared banner components package for Next.js and AWS Lambda platforms",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "rm -rf dist tsconfig.tsbuildinfo && tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "prepack": "npm run build",
+    "pack:test": "npm pack",
+    "pack:dry": "npm pack --dry-run",
+    "prepublishOnly": "npm run clean && npm run build",
+    "version": "npm run build",
+    "postversion": "git push && git push --tags",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "clsx": "^2.1.1"
+  },
+  "peerDependencies": {
+    "next": ">=14.0.0"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "^5.0.0",
+    "@types/jest": "^29.5.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "ts-jest": "^29.1.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "eslint": "^8.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0"
+  },
+  "keywords": [
+    "react",
+    "nextjs",
+    "banner",
+    "components",
+    "shared",
+    "typescript"
+  ],
+  "author": "Zuljaman Team",
+  "license": "MIT"
+}