@design-edito/tools 0.1.64 → 0.1.66

package/chunks/chunk-WMSE5GRO.js

@@ -0,0 +1,63 @@
+import {
+  complementColor
+} from "./chunk-2POD3TAX.js";
+import {
+  lightenColor,
+  setColorLuminance
+} from "./chunk-3LAWRHHB.js";
+import {
+  saturateColor,
+  setColorSaturation
+} from "./chunk-PXRLKO5Y.js";
+
+// src/node/images/transform/operations/_utils/frame/backgrounds/create-line-background/index.ts
+async function createLineBackground(background, dimensions, palette) {
+  const lineDimensions = {
+    widthPx: dimensions.widthPx,
+    heightPx: Math.round(dimensions.heightPx / background.params.nbLines)
+  };
+  const sharpOverlays = [];
+  const maxPaletteLength = palette.length;
+  const selectedColorIndex = background.params.colors.selectColorPaletteIndex === "first" ? 0 : background.params.colors.selectColorPaletteIndex === "last" ? palette.length - 1 : background.params.colors.selectColorPaletteIndex;
+  for (let i = 0; i < background.params.nbLines; i++) {
+    const indexPalette = Math.min(Math.max(0, selectedColorIndex), maxPaletteLength);
+    const RGBColor = palette[indexPalette] || [0, 0, 0];
+    const primaryRGBColor = applyColorTransformations(RGBColor, background.params.colors.primaryTransformations);
+    const secondaryRGBColor = applyColorTransformations(RGBColor, background.params.colors.secondaryTransformations);
+    const outputRGBColor = i % 2 === 0 ? primaryRGBColor : secondaryRGBColor;
+    const topPx = Math.min(lineDimensions.heightPx * i, dimensions.heightPx);
+    sharpOverlays.push({
+      input: {
+        create: {
+          width: lineDimensions.widthPx,
+          height: i === background.params.nbLines - 1 ? dimensions.heightPx - topPx : lineDimensions.heightPx,
+          channels: 4,
+          background: { r: outputRGBColor[0], g: outputRGBColor[1], b: outputRGBColor[2], alpha: 1 }
+        }
+      },
+      left: 0,
+      top: topPx
+    });
+  }
+  return sharpOverlays;
+}
+function applyColorTransformations(RGBColor, transformations) {
+  transformations.forEach((transformation) => {
+    RGBColor = transformColor(RGBColor, transformation);
+  });
+  return RGBColor;
+}
+function transformColor(RGBColor, transformation) {
+  switch (transformation.type) {
+    case "saturate":
+      return transformation.intensityMode === "add" ? saturateColor(RGBColor, transformation.intensity) : setColorSaturation(RGBColor, transformation.intensity);
+    case "lighten":
+      return transformation.intensityMode === "add" ? lightenColor(RGBColor, transformation.intensity) : setColorLuminance(RGBColor, transformation.intensity);
+    case "complement":
+      return complementColor(RGBColor);
+  }
+}
+
+export {
+  createLineBackground
+};

package/chunks/chunk-WR64YJNW.js

@@ -0,0 +1,20 @@
+import {
+  upload_exports
+} from "./chunk-O7UEQQ6H.js";
+import {
+  download_exports
+} from "./chunk-26QQ56SS.js";
+import {
+  __export
+} from "./chunk-NZLE2WMY.js";
+
+// src/node/@aws-s3/storage/file/index.ts
+var file_exports = {};
+__export(file_exports, {
+  Download: () => download_exports,
+  Upload: () => upload_exports
+});
+
+export {
+  file_exports
+};

package/chunks/chunk-WRRA3BN4.js

@@ -0,0 +1,31 @@
+import {
+  colorSchema
+} from "./chunk-U7R6TPHR.js";
+import {
+  OperationNames
+} from "./chunk-MOVLLUDL.js";
+import {
+  esm_default
+} from "./chunk-YE67BQQN.js";
+
+// src/node/images/transform/extend/index.ts
+var extendSchema = esm_default.object({
+  name: esm_default.literal(OperationNames.Extend),
+  params: esm_default.object({
+    top: esm_default.number(),
+    left: esm_default.number(),
+    right: esm_default.number(),
+    bottom: esm_default.number(),
+    background: colorSchema,
+    extendWith: esm_default.optional(esm_default.enum([
+      "background",
+      "copy",
+      "repeat",
+      "mirror"
+    ]))
+  })
+});
+
+export {
+  extendSchema
+};

package/chunks/chunk-WU3JQC7W.js

@@ -0,0 +1,164 @@
+import {
+  createColorPalette
+} from "./chunk-PEUWFUEZ.js";
+import {
+  createLineBackground
+} from "./chunk-GCHQD7MH.js";
+import {
+  createTileBackground
+} from "./chunk-CP454IJD.js";
+import {
+  getRelativePxPositionsInWrapperFor
+} from "./chunk-OCM3RLO6.js";
+import {
+  clamp
+} from "./chunk-OSAXBA7G.js";
+
+// src/node/images/transform/operations/_utils/frame/index.ts
+import sharp from "sharp";
+async function frame(imageSharp, params) {
+  const imageMetadata = await imageSharp.metadata();
+  const imageDimensions = {
+    widthPx: imageMetadata.width ?? 0,
+    heightPx: imageMetadata.height ?? 0
+  };
+  const scaledImage = scaleImageToFrame(
+    imageSharp,
+    imageDimensions,
+    params.dimensions,
+    params.imageScale
+  );
+  imageSharp = scaledImage.sharpInstance;
+  imageDimensions.widthPx = scaledImage.widthPx;
+  imageDimensions.heightPx = scaledImage.heightPx;
+  const defaultBackgroundColorCreate = getDefaultBackgroundColor(params.background);
+  const imagePositions = getRelativePxPositionsInWrapperFor(imageDimensions, params.dimensions, params.positions);
+  const backgroundOverlays = await getBackgroundOverlays(
+    {
+      sharp: imageSharp,
+      dimensions: imageDimensions
+    },
+    params.background,
+    params.dimensions,
+    {
+      x: imagePositions.x,
+      y: imagePositions.y,
+      w: imageDimensions.widthPx,
+      h: imageDimensions.heightPx
+    }
+  );
+  const composition = [
+    ...backgroundOverlays,
+    {
+      input: await imageSharp.toFormat("png").png({ quality: 100 }).toBuffer(),
+      /* Make sure we work with the best quality of our file */
+      left: imagePositions.x,
+      top: imagePositions.y
+    }
+  ];
+  const frameSharpInstance = sharp({
+    create: {
+      background: defaultBackgroundColorCreate,
+      width: params.dimensions.widthPx,
+      height: params.dimensions.heightPx,
+      channels: 4
+    }
+  }).ensureAlpha(0).composite(composition).png({ quality: 100 });
+  return frameSharpInstance;
+}
+var scaleImageToFrame = (imageSharp, imageDimensions, frameDimensions, imageScale) => {
+  const scale = {
+    xRatio: 1,
+    yRatio: 1
+  };
+  const frameZoneDimensions = {
+    widthPx: frameDimensions.widthPx,
+    heightPx: frameDimensions.heightPx
+  };
+  if (imageScale) {
+    frameZoneDimensions.widthPx = frameDimensions.widthPx * (imageScale.xRatio || 1);
+    frameZoneDimensions.heightPx = frameDimensions.heightPx * (imageScale.yRatio || 1);
+  }
+  const containedRatiosPercents = getContainedRatios(
+    imageDimensions.widthPx,
+    imageDimensions.heightPx,
+    frameZoneDimensions.widthPx,
+    frameZoneDimensions.heightPx
+  );
+  if (imageScale || !imageScale && imageDimensions.widthPx < frameDimensions.widthPx && imageDimensions.heightPx < frameDimensions.heightPx) {
+    scale.xRatio = containedRatiosPercents.xPercent;
+    scale.yRatio = containedRatiosPercents.yPercent;
+  }
+  if (scale.xRatio !== 1 || scale.yRatio !== 1) {
+    imageDimensions.widthPx = clamp(Math.round(imageDimensions.widthPx * scale.xRatio), 0, frameDimensions.widthPx);
+    imageDimensions.heightPx = clamp(Math.round(imageDimensions.heightPx * scale.yRatio), 0, frameDimensions.heightPx);
+    imageSharp = imageSharp.resize({
+      width: imageDimensions.widthPx,
+      height: imageDimensions.heightPx,
+      fit: sharp.fit.inside,
+      position: "center",
+      fastShrinkOnLoad: false
+    });
+  }
+  return {
+    sharpInstance: imageSharp,
+    widthPx: imageDimensions.widthPx,
+    heightPx: imageDimensions.heightPx
+  };
+};
+var getDefaultBackgroundColor = (background) => {
+  if (background && (typeof background === "object" && "r" in background)) {
+    return {
+      r: background.r || 255,
+      g: background.g || 255,
+      b: background.b || 255,
+      alpha: background.alpha || 0
+    };
+  }
+  return { r: 255, g: 255, b: 255, alpha: 0 };
+};
+var getBackgroundOverlays = (imageInput, background, dimensions, imageCoordinates) => {
+  const backgroundOverlays = [];
+  return new Promise(async (resolve, reject) => {
+    if (!background || typeof background !== "object" || typeof background === "object" && !("type" in background)) {
+      resolve(backgroundOverlays);
+      return;
+    }
+    const imageBuffer = await imageInput.sharp.raw().toBuffer();
+    const nbImageChannels = (await imageInput.sharp.metadata()).channels || 3;
+    const colorPalette = createColorPalette(
+      {
+        buffer: imageBuffer,
+        nbChannels: nbImageChannels,
+        dimensions: imageInput.dimensions
+      },
+      background.colorPalette
+    );
+    switch (background.type) {
+      case "line":
+        return resolve(createLineBackground(background, dimensions, colorPalette));
+      case "tile":
+        return resolve(createTileBackground(background, dimensions, imageCoordinates, colorPalette));
+      default:
+        resolve(backgroundOverlays);
+    }
+    reject(new Error("Unknown background type"));
+  });
+};
+function getContainedRatios(widthPx, heightPx, wrapperWidthPx, wrapperHeightPx, withoutReduction) {
+  if (withoutReduction && widthPx <= wrapperWidthPx && heightPx <= wrapperHeightPx) {
+    return { xPercent: 100, yPercent: 100 };
+  }
+  const wrapperRatio = wrapperWidthPx / wrapperHeightPx;
+  const imgRatio = widthPx / heightPx;
+  const containRatio = clamp(imgRatio > wrapperRatio ? wrapperWidthPx / widthPx : wrapperHeightPx / heightPx, 0, 100);
+  return {
+    xPercent: containRatio,
+    yPercent: containRatio
+  };
+}
+
+export {
+  frame,
+  getContainedRatios
+};

package/chunks/chunk-X244JGZD.js

@@ -0,0 +1,69 @@
+import {
+  createLineBackgroundSchema
+} from "./chunk-YCSC7QNV.js";
+import {
+  createTileBackgroundSchema
+} from "./chunk-E3GK7YZ7.js";
+import {
+  positionsSchema
+} from "./chunk-D47ZPEUU.js";
+import {
+  colorSchema
+} from "./chunk-U7R6TPHR.js";
+import {
+  OperationNames
+} from "./chunk-MOVLLUDL.js";
+import {
+  esm_default
+} from "./chunk-YE67BQQN.js";
+
+// src/node/images/transform/frame/index.tsx
+var createBackgroundOptionsSchema = {
+  colorPalette: esm_default.optional(esm_default.object({
+    extract: esm_default.optional(esm_default.object({
+      nbColor: esm_default.number()
+    })),
+    use: esm_default.optional(esm_default.object({
+      RGBColors: esm_default.array(esm_default.tuple([esm_default.number(), esm_default.number(), esm_default.number()]))
+    })),
+    densify: esm_default.optional(esm_default.object({
+      types: esm_default.array(esm_default.enum([
+        "default",
+        "default-lighten",
+        "default-saturate",
+        "complementary",
+        "complementary-lighten",
+        "complementary-saturate"
+      ])),
+      ligthenIntensity: esm_default.optional(esm_default.number()),
+      saturateIntensity: esm_default.optional(esm_default.number())
+    })),
+    compose: esm_default.optional(esm_default.object({
+      nbColor: esm_default.optional(esm_default.number()),
+      mix: esm_default.optional(esm_default.boolean())
+    }))
+  }))
+};
+var frameSchema = esm_default.object({
+  name: esm_default.literal(OperationNames.Frame),
+  params: esm_default.object({
+    dimensions: esm_default.object({
+      widthPx: esm_default.number().min(0),
+      heightPx: esm_default.number().min(0)
+    }),
+    imageScale: esm_default.object({
+      xRatio: esm_default.optional(esm_default.number().min(0).max(1)),
+      yRatio: esm_default.optional(esm_default.number().min(0).max(1))
+    }).optional(),
+    positions: positionsSchema,
+    background: esm_default.union([
+      colorSchema,
+      createLineBackgroundSchema.extend(createBackgroundOptionsSchema),
+      createTileBackgroundSchema.extend(createBackgroundOptionsSchema)
+    ])
+  })
+});
+
+export {
+  frameSchema
+};

package/chunks/chunk-X5HMM3LD.js

@@ -0,0 +1,35 @@
+import {
+  register
+} from "./chunk-P2H6PV4O.js";
+
+// src/agnostic/html/selector-to-element/index.ts
+function selectorToElement(selector, documentObj) {
+  const actualDocument = documentObj ?? window.document;
+  if (actualDocument === null) throw register.getError("no-window-document-on-runtime-please-provide" /* NO_DOCUMENT_PLEASE_PROVIDE */, "The optional second parameter expects a Document object");
+  const tagRegexp = /^[A-Za-z]+/;
+  const idRegexp = /#[A-Za-z]+[\w\-\:]*/;
+  const classRegexp = /\.[A-Za-z]+[\w\-]*/;
+  const attributeRegexp = /\[[A-Za-z]+[\w\-]*(="[\w\-]+")?\]/;
+  const matchedTags = selector.match(tagRegexp) ?? [];
+  const matchedIds = selector.match(idRegexp) ?? [];
+  const matchedClasses = selector.match(classRegexp) ?? [];
+  const matchedAttrs = selector.match(attributeRegexp) ?? [];
+  const tag = matchedTags[matchedTags.length - 1] ?? "div";
+  const id = matchedIds[matchedIds.length - 1] ?? null;
+  const classes = matchedClasses.map((matchedClass) => matchedClass.replace(/^\./, ""));
+  const attributes = matchedAttrs.map((matchedAttr) => matchedAttr.replace(/^\[/, "").replace(/\]$/, "").split("="));
+  const element = actualDocument.createElement(tag);
+  if (id !== null) {
+    element.id = id;
+  }
+  element.classList.add(...classes);
+  attributes.forEach(([name, value = ""]) => {
+    if (name === void 0) return;
+    element.setAttribute(name, value);
+  });
+  return element;
+}
+
+export {
+  selectorToElement
+};