@drawbridge/drawbridge-utils 0.0.57 → 0.0.59

package/dist/ai.cjs

@@ -302,18 +302,20 @@ var google = {
   },
   text: async ({
     config = {},
+    images = [],
     prompt = []
   }, {
     db,
     user
   }) => {
     const model = models.text;
+    const contents = images.length ? { parts: [...images.map((image) => ({ inlineData: { data: image.data, mimeType: image.mimeType } })), { text: prompt.join("\n") }] } : prompt.join("\n");
     const response = await googleCircuit(() => google_client.models.generateContent({
       config: {
         ...config,
         responseModalities: ["Text"]
       },
-      contents: prompt.join("\n"),
+      contents,
       model
     }));
     const content = response == null ? void 0 : response.text;

package/dist/ai.d.cts

@@ -265,6 +265,7 @@ const google = {
 	text : async (
 		{
 			config = {},
+			images = [],
 			prompt = []
 		},
 		{
@@ -275,12 +276,19 @@ const google = {
 
 		const model = models.text;
 
+		// When images are supplied (e.g. a page screenshot), send a multimodal
+		// parts payload so the model can SEE them alongside the text prompt;
+		// otherwise keep the plain-string contents for text-only calls.
+		const contents = images.length
+			? { parts : [ ...images.map( ( image ) => ({ inlineData : { data : image.data, mimeType : image.mimeType } }) ), { text : prompt.join( '\n' ) } ] }
+			: prompt.join( '\n' );
+
 		const response = await googleCircuit( () => google_client.models.generateContent({
 			config : {
 				...config,
 				responseModalities : [ 'Text' ]
 			},
-			contents : prompt.join( '\n' ),
+			contents,
 			model
 		}) );
 

package/dist/ai.d.ts

@@ -265,6 +265,7 @@ const google = {
 	text : async (
 		{
 			config = {},
+			images = [],
 			prompt = []
 		},
 		{
@@ -275,12 +276,19 @@ const google = {
 
 		const model = models.text;
 
+		// When images are supplied (e.g. a page screenshot), send a multimodal
+		// parts payload so the model can SEE them alongside the text prompt;
+		// otherwise keep the plain-string contents for text-only calls.
+		const contents = images.length
+			? { parts : [ ...images.map( ( image ) => ({ inlineData : { data : image.data, mimeType : image.mimeType } }) ), { text : prompt.join( '\n' ) } ] }
+			: prompt.join( '\n' );
+
 		const response = await googleCircuit( () => google_client.models.generateContent({
 			config : {
 				...config,
 				responseModalities : [ 'Text' ]
 			},
-			contents : prompt.join( '\n' ),
+			contents,
 			model
 		}) );
 

package/dist/ai.js

@@ -272,18 +272,20 @@ var google = {
   },
   text: async ({
     config = {},
+    images = [],
     prompt = []
   }, {
     db,
     user
   }) => {
     const model = models.text;
+    const contents = images.length ? { parts: [...images.map((image) => ({ inlineData: { data: image.data, mimeType: image.mimeType } })), { text: prompt.join("\n") }] } : prompt.join("\n");
     const response = await googleCircuit(() => google_client.models.generateContent({
       config: {
         ...config,
         responseModalities: ["Text"]
       },
-      contents: prompt.join("\n"),
+      contents,
       model
     }));
     const content = response == null ? void 0 : response.text;

package/dist/color.cjs

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// lib/color.js
+var color_exports = {};
+__export(color_exports, {
+  colorAccessible: () => colorAccessible,
+  colorFormatted: () => colorFormatted
+});
+module.exports = __toCommonJS(color_exports);
+var import_tinycolor2 = __toESM(require("tinycolor2"), 1);
+var colorFormatted = (value) => {
+  const color = (0, import_tinycolor2.default)(value);
+  const attributes = {
+    brightness: color.getBrightness(),
+    dark: color.isDark(),
+    light: color.isLight(),
+    luminance: color.getLuminance()
+  };
+  return {
+    attributes,
+    hex: color.toHexString(),
+    hsl: color.toHsl(),
+    hsv: color.toHsv(),
+    rgb: color.toRgbString()
+  };
+};
+var colorAccessible = (background) => {
+  const white = "#ffffff";
+  const black = "#000000";
+  return import_tinycolor2.default.isReadable(
+    background,
+    white,
+    {
+      level: "AA",
+      size: "normal"
+    }
+  ) ? white : black;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  colorAccessible,
+  colorFormatted
+});

package/dist/color.d.cts

@@ -0,0 +1,45 @@
+import tinycolor from 'tinycolor2';
+
+// Color helpers shared across the Drawbridge stack (api seeding, sync
+// generation pipeline, campaign defaults). `colorFormatted` emits the full
+// shape the DB `style` blocks store and `extend.js` reads
+// ( style.*.color.attributes.luminance ); `colorAccessible` picks black/white
+// for AA-readable text over a background.
+const colorFormatted = ( value ) => {
+
+	const color = tinycolor( value );
+
+	const attributes = {
+		brightness : color.getBrightness(),
+		dark : color.isDark(),
+		light : color.isLight(),
+		luminance : color.getLuminance()
+	};
+
+	return {
+		attributes,
+		hex : color.toHexString(),
+		hsl : color.toHsl(),
+		hsv : color.toHsv(),
+		rgb : color.toRgbString()
+	};
+
+};
+
+const colorAccessible = ( background ) => {
+
+	const white = '#ffffff';
+	const black = '#000000';
+
+	return tinycolor.isReadable(
+		background,
+		white,
+		{
+			level : 'AA',
+			size : 'normal'
+		}
+	) ? white : black;
+
+};
+
+export { colorAccessible, colorFormatted };

package/dist/color.d.ts

@@ -0,0 +1,45 @@
+import tinycolor from 'tinycolor2';
+
+// Color helpers shared across the Drawbridge stack (api seeding, sync
+// generation pipeline, campaign defaults). `colorFormatted` emits the full
+// shape the DB `style` blocks store and `extend.js` reads
+// ( style.*.color.attributes.luminance ); `colorAccessible` picks black/white
+// for AA-readable text over a background.
+const colorFormatted = ( value ) => {
+
+	const color = tinycolor( value );
+
+	const attributes = {
+		brightness : color.getBrightness(),
+		dark : color.isDark(),
+		light : color.isLight(),
+		luminance : color.getLuminance()
+	};
+
+	return {
+		attributes,
+		hex : color.toHexString(),
+		hsl : color.toHsl(),
+		hsv : color.toHsv(),
+		rgb : color.toRgbString()
+	};
+
+};
+
+const colorAccessible = ( background ) => {
+
+	const white = '#ffffff';
+	const black = '#000000';
+
+	return tinycolor.isReadable(
+		background,
+		white,
+		{
+			level : 'AA',
+			size : 'normal'
+		}
+	) ? white : black;
+
+};
+
+export { colorAccessible, colorFormatted };

package/dist/color.js

@@ -0,0 +1,34 @@
+// lib/color.js
+import tinycolor from "tinycolor2";
+var colorFormatted = (value) => {
+  const color = tinycolor(value);
+  const attributes = {
+    brightness: color.getBrightness(),
+    dark: color.isDark(),
+    light: color.isLight(),
+    luminance: color.getLuminance()
+  };
+  return {
+    attributes,
+    hex: color.toHexString(),
+    hsl: color.toHsl(),
+    hsv: color.toHsv(),
+    rgb: color.toRgbString()
+  };
+};
+var colorAccessible = (background) => {
+  const white = "#ffffff";
+  const black = "#000000";
+  return tinycolor.isReadable(
+    background,
+    white,
+    {
+      level: "AA",
+      size: "normal"
+    }
+  ) ? white : black;
+};
+export {
+  colorAccessible,
+  colorFormatted
+};

package/dist/index.cjs

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // index.js
@@ -46,18 +56,69 @@ module.exports = __toCommonJS(index_exports);
 var import_currency_codes = require("currency-codes");
 var import_nanoid = require("nanoid");
 
+// lib/color.js
+var import_tinycolor2 = __toESM(require("tinycolor2"), 1);
+var colorFormatted = (value) => {
+  const color = (0, import_tinycolor2.default)(value);
+  const attributes = {
+    brightness: color.getBrightness(),
+    dark: color.isDark(),
+    light: color.isLight(),
+    luminance: color.getLuminance()
+  };
+  return {
+    attributes,
+    hex: color.toHexString(),
+    hsl: color.toHsl(),
+    hsv: color.toHsv(),
+    rgb: color.toRgbString()
+  };
+};
+var colorAccessible = (background2) => {
+  const white = "#ffffff";
+  const black = "#000000";
+  return import_tinycolor2.default.isReadable(
+    background2,
+    white,
+    {
+      level: "AA",
+      size: "normal"
+    }
+  ) ? white : black;
+};
+
 // lib/constants.js
 var font = {
   family: "Roboto Flex",
   transform: "none",
   weight: "regular"
 };
+var background = "#ffffff";
+var style = {
+  background: {
+    color: colorFormatted(background)
+  },
+  body: font,
+  button: {
+    background: {
+      color: colorFormatted(background)
+    },
+    radius: 0,
+    text: {
+      color: colorFormatted(colorAccessible(background))
+    }
+  },
+  heading: font,
+  input: {
+    radius: 0
+  },
+  text: {
+    color: colorFormatted(colorAccessible(background))
+  }
+};
 var constants_default = {
   brand: {
-    style: {
-      body: font,
-      heading: font
-    },
+    style,
     totals: {
       campaigns: 0
     }

package/dist/index.d.cts

@@ -1,5 +1,7 @@
 import { data, code } from 'currency-codes';
 import { customAlphabet } from 'nanoid';
+import { colorFormatted, colorAccessible } from './color.cjs';
+import 'tinycolor2';
 
 const font = {
 	family : 'Roboto Flex',
@@ -7,12 +9,39 @@ const font = {
 	weight : 'regular'
 };
 
+// Canonical default brand/page style. Complete on purpose: every color is built
+// through colorFormatted so the stored shape always carries
+// `color.attributes.luminance` ( extend.js reads it directly ). White
+// background with accessible ( black ) text + default fonts. Used to seed
+// pending AI records and any other place needing a valid default style.
+const background = '#ffffff';
+
+const style = {
+	background : {
+		color : colorFormatted( background )
+	},
+	body : font,
+	button : {
+		background : {
+			color : colorFormatted( background )
+		},
+		radius : 0,
+		text : {
+			color : colorFormatted( colorAccessible( background ) )
+		}
+	},
+	heading : font,
+	input : {
+		radius : 0
+	},
+	text : {
+		color : colorFormatted( colorAccessible( background ) )
+	}
+};
+
 var constantsData = {
 	brand : {
-		style : {
-			body : font,
-			heading : font
-		},
+		style,
 		totals : {
 			campaigns : 0
 		}

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import { data, code } from 'currency-codes';
 import { customAlphabet } from 'nanoid';
+import { colorFormatted, colorAccessible } from './color.js';
+import 'tinycolor2';
 
 const font = {
 	family : 'Roboto Flex',
@@ -7,12 +9,39 @@ const font = {
 	weight : 'regular'
 };
 
+// Canonical default brand/page style. Complete on purpose: every color is built
+// through colorFormatted so the stored shape always carries
+// `color.attributes.luminance` ( extend.js reads it directly ). White
+// background with accessible ( black ) text + default fonts. Used to seed
+// pending AI records and any other place needing a valid default style.
+const background = '#ffffff';
+
+const style = {
+	background : {
+		color : colorFormatted( background )
+	},
+	body : font,
+	button : {
+		background : {
+			color : colorFormatted( background )
+		},
+		radius : 0,
+		text : {
+			color : colorFormatted( colorAccessible( background ) )
+		}
+	},
+	heading : font,
+	input : {
+		radius : 0
+	},
+	text : {
+		color : colorFormatted( colorAccessible( background ) )
+	}
+};
+
 var constantsData = {
 	brand : {
-		style : {
-			body : font,
-			heading : font
-		},
+		style,
 		totals : {
 			campaigns : 0
 		}

package/dist/index.js

@@ -2,18 +2,69 @@
 import { code, data } from "currency-codes";
 import { customAlphabet } from "nanoid";
 
+// lib/color.js
+import tinycolor from "tinycolor2";
+var colorFormatted = (value) => {
+  const color = tinycolor(value);
+  const attributes = {
+    brightness: color.getBrightness(),
+    dark: color.isDark(),
+    light: color.isLight(),
+    luminance: color.getLuminance()
+  };
+  return {
+    attributes,
+    hex: color.toHexString(),
+    hsl: color.toHsl(),
+    hsv: color.toHsv(),
+    rgb: color.toRgbString()
+  };
+};
+var colorAccessible = (background2) => {
+  const white = "#ffffff";
+  const black = "#000000";
+  return tinycolor.isReadable(
+    background2,
+    white,
+    {
+      level: "AA",
+      size: "normal"
+    }
+  ) ? white : black;
+};
+
 // lib/constants.js
 var font = {
   family: "Roboto Flex",
   transform: "none",
   weight: "regular"
 };
+var background = "#ffffff";
+var style = {
+  background: {
+    color: colorFormatted(background)
+  },
+  body: font,
+  button: {
+    background: {
+      color: colorFormatted(background)
+    },
+    radius: 0,
+    text: {
+      color: colorFormatted(colorAccessible(background))
+    }
+  },
+  heading: font,
+  input: {
+    radius: 0
+  },
+  text: {
+    color: colorFormatted(colorAccessible(background))
+  }
+};
 var constants_default = {
   brand: {
-    style: {
-      body: font,
-      heading: font
-    },
+    style,
     totals: {
       campaigns: 0
     }

package/dist/plans.cjs

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all2) => {
   for (var name in all2)
@@ -14,6 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // lib/plans.js
@@ -160,6 +170,69 @@ var organization = {
 // index.js
 var import_currency_codes = require("currency-codes");
 var import_nanoid = require("nanoid");
+
+// lib/color.js
+var import_tinycolor2 = __toESM(require("tinycolor2"), 1);
+var colorFormatted = (value) => {
+  const color = (0, import_tinycolor2.default)(value);
+  const attributes = {
+    brightness: color.getBrightness(),
+    dark: color.isDark(),
+    light: color.isLight(),
+    luminance: color.getLuminance()
+  };
+  return {
+    attributes,
+    hex: color.toHexString(),
+    hsl: color.toHsl(),
+    hsv: color.toHsv(),
+    rgb: color.toRgbString()
+  };
+};
+var colorAccessible = (background2) => {
+  const white = "#ffffff";
+  const black = "#000000";
+  return import_tinycolor2.default.isReadable(
+    background2,
+    white,
+    {
+      level: "AA",
+      size: "normal"
+    }
+  ) ? white : black;
+};
+
+// lib/constants.js
+var font = {
+  family: "Roboto Flex",
+  transform: "none",
+  weight: "regular"
+};
+var background = "#ffffff";
+var style = {
+  background: {
+    color: colorFormatted(background)
+  },
+  body: font,
+  button: {
+    background: {
+      color: colorFormatted(background)
+    },
+    radius: 0,
+    text: {
+      color: colorFormatted(colorAccessible(background))
+    }
+  },
+  heading: font,
+  input: {
+    radius: 0
+  },
+  text: {
+    color: colorFormatted(colorAccessible(background))
+  }
+};
+
+// index.js
 var nanoid = (0, import_nanoid.customAlphabet)("0123456789abcdefghijklmnopqrstuvwxyz", 8);
 var infinite = 1e300;
 var megabyte = 1024 * 1024;

package/dist/plans.d.cts

@@ -2,6 +2,8 @@ import { organization, page, connection, fields, field } from './features.cjs';
 import { infinite, gigabyte } from './index.cjs';
 import 'currency-codes';
 import 'nanoid';
+import './color.cjs';
+import 'tinycolor2';
 
 const featuresFor = ( array = [] ) => Object.values({
 	...connection,

package/dist/plans.d.ts

@@ -2,6 +2,8 @@ import { organization, page, connection, fields, field } from './features.js';
 import { infinite, gigabyte } from './index.js';
 import 'currency-codes';
 import 'nanoid';
+import './color.js';
+import 'tinycolor2';
 
 const featuresFor = ( array = [] ) => Object.values({
 	...connection,

package/dist/plans.js

@@ -133,6 +133,69 @@ var organization = {
 // index.js
 import { code, data } from "currency-codes";
 import { customAlphabet } from "nanoid";
+
+// lib/color.js
+import tinycolor from "tinycolor2";
+var colorFormatted = (value) => {
+  const color = tinycolor(value);
+  const attributes = {
+    brightness: color.getBrightness(),
+    dark: color.isDark(),
+    light: color.isLight(),
+    luminance: color.getLuminance()
+  };
+  return {
+    attributes,
+    hex: color.toHexString(),
+    hsl: color.toHsl(),
+    hsv: color.toHsv(),
+    rgb: color.toRgbString()
+  };
+};
+var colorAccessible = (background2) => {
+  const white = "#ffffff";
+  const black = "#000000";
+  return tinycolor.isReadable(
+    background2,
+    white,
+    {
+      level: "AA",
+      size: "normal"
+    }
+  ) ? white : black;
+};
+
+// lib/constants.js
+var font = {
+  family: "Roboto Flex",
+  transform: "none",
+  weight: "regular"
+};
+var background = "#ffffff";
+var style = {
+  background: {
+    color: colorFormatted(background)
+  },
+  body: font,
+  button: {
+    background: {
+      color: colorFormatted(background)
+    },
+    radius: 0,
+    text: {
+      color: colorFormatted(colorAccessible(background))
+    }
+  },
+  heading: font,
+  input: {
+    radius: 0
+  },
+  text: {
+    color: colorFormatted(colorAccessible(background))
+  }
+};
+
+// index.js
 var nanoid = customAlphabet("0123456789abcdefghijklmnopqrstuvwxyz", 8);
 var infinite = 1e300;
 var megabyte = 1024 * 1024;

package/package.json

@@ -9,11 +9,15 @@
     "nanoid": "3.3.8",
     "qs": "6.15.2",
     "slugify": "1.6.6",
+    "tinycolor2": "1.6.0"
+  },
+  "devDependencies": {
+    "@node-oauth/oauth2-server": "5.3.0",
     "tsup": "8.5.1",
     "typescript": "5.9.3"
   },
-  "devDependencies": {
-    "@node-oauth/oauth2-server": "5.3.0"
+  "overrides": {
+    "esbuild": "0.28.1"
   },
   "peerDependencies": {
     "@node-oauth/oauth2-server": "^5.3.0"
@@ -34,6 +38,11 @@
       "import": "./dist/ai.js",
       "require": "./dist/ai.cjs"
     },
+    "./color": {
+      "types": "./dist/color.d.ts",
+      "import": "./dist/color.js",
+      "require": "./dist/color.cjs"
+    },
     "./encrypt": {
       "types": "./dist/encrypt.d.ts",
       "import": "./dist/encrypt.js",
@@ -145,5 +154,5 @@
     "build": "tsup && npm publish"
   },
   "types": "dist/index.d.ts",
-  "version": "0.0.57"
+  "version": "0.0.59"
 }