@design-edito/tools 0.1.66 → 0.1.69

package/chunks/chunk-MKHTR43Q.js

@@ -0,0 +1,231 @@
+import {
+  Transitions
+} from "./chunk-ENMBK6H7.js";
+import {
+  clamp
+} from "./chunk-OSAXBA7G.js";
+import {
+  shuffle
+} from "./chunk-VJJIYJMY.js";
+import {
+  randomInt
+} from "./chunk-D3ERTRDW.js";
+
+// src/node/images/transform/operations/_utils/frame/backgrounds/create-tile-background/index.ts
+var DEFAULT_CREATE_BACKGROUND_TILE_PARAMS = {
+  coverageRatio: 0.5,
+  densityA: { min: 0, max: 0 },
+  densityB: { min: 0, max: 0 },
+  format: "random",
+  xEasing: "linear",
+  yEasing: "linear"
+};
+async function createTileBackground(background, dimensions, imageCoordinates, colorPalette) {
+  background = {
+    ...background,
+    params: {
+      ...DEFAULT_CREATE_BACKGROUND_TILE_PARAMS,
+      ...background.params
+    }
+  };
+  const tileCoordinatesList = getPackedTilesCoordinatesList(
+    {
+      x: imageCoordinates.x,
+      y: imageCoordinates.y,
+      w: imageCoordinates.w,
+      h: imageCoordinates.h
+    },
+    dimensions,
+    background.params.coverageRatio,
+    {
+      A: background.params.densityA,
+      B: background.params.densityB
+    },
+    {
+      X: background.params.xEasing,
+      Y: background.params.yEasing
+    },
+    background.params.format
+  );
+  return createSharpOverlaysFromCoordinatesList(
+    tileCoordinatesList,
+    colorPalette
+  );
+}
+function getPackedTilesCoordinatesList(coordinatesToAvoid, dimensions, tileCoverageRatio, tileDensity, tileEasing, tileFormat) {
+  const areaCoordinatesList = [];
+  const baseFormat = {
+    nbCells: 9,
+    cellAvoidIndex: 4,
+    nbRows: 3,
+    nbColumns: 3
+  };
+  const positionsToAvoid = {
+    top: Math.ceil(coordinatesToAvoid.y),
+    bottom: Math.ceil(coordinatesToAvoid.y + coordinatesToAvoid.h),
+    left: Math.ceil(coordinatesToAvoid.x),
+    right: Math.ceil(coordinatesToAvoid.x + coordinatesToAvoid.w)
+  };
+  for (let i = 0; i < baseFormat.nbCells; i++) {
+    if (i === baseFormat.cellAvoidIndex) {
+      continue;
+    }
+    const middleColumn = i % baseFormat.nbColumns === 1;
+    const rightColumn = i % baseFormat.nbColumns === 2;
+    const topRow = i < baseFormat.nbRows;
+    const middleRow = !topRow && i < baseFormat.nbRows * 2;
+    const bottomRow = !topRow && !middleRow;
+    areaCoordinatesList[i] = { x: 0, y: 0, w: positionsToAvoid.left, h: positionsToAvoid.top };
+    if (middleColumn) {
+      areaCoordinatesList[i].x = positionsToAvoid.left;
+      areaCoordinatesList[i].w = coordinatesToAvoid.w;
+    }
+    if (rightColumn) {
+      areaCoordinatesList[i].x = positionsToAvoid.right;
+    }
+    if (middleRow) {
+      areaCoordinatesList[i].y = positionsToAvoid.top;
+      areaCoordinatesList[i].h = coordinatesToAvoid.h;
+    }
+    if (bottomRow) {
+      areaCoordinatesList[i].y = positionsToAvoid.bottom;
+      areaCoordinatesList[i].h = dimensions.heightPx - positionsToAvoid.bottom;
+    }
+  }
+  const filteredAreaCoordinatesList = shuffle(areaCoordinatesList.filter((areaCoordinate) => areaCoordinate.w !== 0 && areaCoordinate.h !== 0));
+  const subTiles = [];
+  const nbAreas = filteredAreaCoordinatesList.length;
+  const nbAreasToCover = Math.round(nbAreas * tileCoverageRatio);
+  if (tileDensity.A.min > 1 || tileDensity.A.max > 1 || tileDensity.B.min > 1 || tileDensity.B.max > 1) {
+    filteredAreaCoordinatesList.forEach((areaCoordinates, index) => {
+      if (index > nbAreasToCover) {
+        subTiles.push(areaCoordinates);
+        return;
+      }
+      const { nbRows, nbColumns } = getNbRowsAndColumnsForFormat(
+        randomInt(tileDensity.A.min, tileDensity.A.max) || 0,
+        randomInt(tileDensity.B.min, tileDensity.B.max) || 0,
+        { widthPx: areaCoordinates.w, heightPx: areaCoordinates.h },
+        tileFormat
+      );
+      const XEasingFunc = (tileEasing.X && tileEasing.X in Transitions.easings ? Transitions.easings[tileEasing.X] : Transitions.easings.linear) || function(x) {
+        return x;
+      };
+      const YEasingFunc = (tileEasing.Y in Transitions.easings ? Transitions.easings[tileEasing.Y] : Transitions.easings.linear) || function(x) {
+        return x;
+      };
+      const tiles = [];
+      for (let i = 0; i < nbRows; i++) {
+        for (let j = 0; j < nbColumns; j++) {
+          const columnI = j;
+          const rowI = i;
+          const x = Math.ceil(areaCoordinates.w * XEasingFunc(columnI / nbColumns));
+          const y = Math.ceil(areaCoordinates.h * YEasingFunc(rowI / nbRows));
+          tiles.push({
+            x: areaCoordinates.x + x,
+            y: areaCoordinates.y + y
+          });
+        }
+      }
+      const nbTiles = tiles.length;
+      tiles.forEach((subTileCoord, i) => {
+        const tileNum = i + 1;
+        const nextTileX = tileNum % nbColumns > 0 ? tiles[i + 1] : null;
+        const nextTileY = i + nbColumns < nbTiles ? tiles[i + nbColumns] : null;
+        const subTileBounds = {
+          x: nextTileX ? nextTileX.x : areaCoordinates.x + areaCoordinates.w,
+          y: nextTileY ? nextTileY.y : areaCoordinates.y + areaCoordinates.h
+        };
+        subTiles.push({
+          x: subTileCoord.x,
+          y: subTileCoord.y,
+          w: subTileBounds.x - subTileCoord.x,
+          h: subTileBounds.y - subTileCoord.y
+        });
+      });
+    });
+  }
+  return (subTiles.length ? subTiles : filteredAreaCoordinatesList).map((tile) => ({
+    w: clamp(tile.w, 0, dimensions.widthPx),
+    h: clamp(tile.h, 0, dimensions.heightPx),
+    x: clamp(tile.x, 0, dimensions.widthPx),
+    y: clamp(tile.y, 0, dimensions.heightPx)
+  })).filter((tile) => tile.w > 0 && tile.h > 0);
+}
+function getNbRowsAndColumnsForFormat(tileDensityA, tileDensityB, tileDimensions, tileFormat) {
+  switch (tileFormat) {
+    case "random":
+      const random = Math.random() > Math.random();
+      return {
+        nbRows: random ? tileDensityA : tileDensityB,
+        nbColumns: random ? tileDensityB : tileDensityA
+      };
+    case "portrait":
+      return {
+        nbRows: tileDensityA,
+        nbColumns: tileDensityB
+      };
+    case "landscape":
+      return {
+        nbRows: tileDensityB,
+        nbColumns: tileDensityA
+      };
+    default:
+      return {
+        nbRows: tileDimensions.widthPx > tileDimensions.heightPx ? tileDensityA : tileDensityB,
+        nbColumns: tileDimensions.widthPx > tileDimensions.heightPx ? tileDensityB : tileDensityA
+      };
+  }
+}
+function createSharpOverlaysFromCoordinatesList(tileCoordinatesList, colorPalette) {
+  let usedColorsIndexes = [];
+  const colorPaletteLength = colorPalette.length;
+  const getRGBColor = () => {
+    const getUnusedColorIndex = () => {
+      const paletteIndex = randomInt(0, colorPaletteLength) || 0;
+      resetUnusedColorIndexesIfNeeded();
+      if (usedColorsIndexes.includes(paletteIndex)) {
+        return getUnusedColorIndex();
+      }
+      usedColorsIndexes.push(paletteIndex);
+      return paletteIndex;
+    };
+    const resetUnusedColorIndexesIfNeeded = () => {
+      if (usedColorsIndexes.length !== colorPaletteLength) {
+        return;
+      }
+      usedColorsIndexes = [];
+    };
+    const colorPaletteIndex = getUnusedColorIndex();
+    const RGBColor = colorPalette[colorPaletteIndex];
+    if (!RGBColor) {
+      return [0, 0, 0];
+    }
+    return RGBColor;
+  };
+  return tileCoordinatesList.map((tileCoordinates) => {
+    const RGBColor = getRGBColor();
+    return {
+      top: Math.floor(tileCoordinates.y),
+      left: Math.floor(tileCoordinates.x),
+      input: {
+        create: {
+          width: Math.round(tileCoordinates.w),
+          height: Math.round(tileCoordinates.h),
+          channels: 4,
+          background: {
+            r: RGBColor[0],
+            g: RGBColor[1],
+            b: RGBColor[2],
+            alpha: 1
+          }
+        }
+      }
+    };
+  });
+}
+
+export {
+  DEFAULT_CREATE_BACKGROUND_TILE_PARAMS,
+  createTileBackground
+};

package/chunks/chunk-MTT7TVR3.js

@@ -0,0 +1,127 @@
+import {
+  register
+} from "./chunk-WC2LQPQP.js";
+
+// src/agnostic/html/sanitize/index.ts
+var Sanitize;
+((Sanitize2) => {
+  Sanitize2.defaultOptions = { depth: 20 };
+  function sanitize(inputStr, options = Sanitize2.defaultOptions) {
+    const actualDocument = options.documentObj ?? window.document;
+    if (actualDocument === null) throw register.getError("no-window-document-on-runtime-please-provide" /* NO_DOCUMENT_PLEASE_PROVIDE */, "See documentObj in the options object");
+    const wrapperDiv = actualDocument.createElement("div");
+    const { inputFreeTransform } = options;
+    wrapperDiv.innerHTML = inputFreeTransform !== void 0 ? inputFreeTransform(inputStr) : inputStr;
+    const sanitizedWrapper = sanitizeElement(wrapperDiv, options);
+    const returned = sanitizedWrapper?.innerHTML;
+    return returned ?? "";
+  }
+  Sanitize2.sanitize = sanitize;
+  function sanitizeElement(element, options = Sanitize2.defaultOptions) {
+    const actualDocument = options.documentObj ?? window.document;
+    if (actualDocument === null) throw register.getError("no-window-document-on-runtime-please-provide" /* NO_DOCUMENT_PLEASE_PROVIDE */, "See documentObj in the options object");
+    const { tagName, attributes, childNodes } = element;
+    const {
+      allowedTags = [],
+      allowedAttributes = {},
+      forbiddenTags = [],
+      forbiddenAttributes = {},
+      depth = 20,
+      verbose = false
+    } = options;
+    if (depth <= 0) {
+      console.warn("Max depth reached");
+      return null;
+    }
+    const normalizedTagName = tagName.toLowerCase().trim();
+    const tagIsInForbidden = forbiddenTags.includes("*") || forbiddenTags.includes(normalizedTagName);
+    if (tagIsInForbidden) {
+      if (verbose === true) console.warn(tagName, "tag is forbidden");
+      return null;
+    }
+    const tagIsInAllowed = allowedTags.includes("*") || allowedTags.includes(normalizedTagName);
+    if (!tagIsInAllowed) {
+      if (verbose === true) console.warn(tagName, "tag is not allowed");
+      return null;
+    }
+    const returnedElement = actualDocument.createElement(tagName);
+    const returnedAttributes = Array.from(attributes).filter(({ name: attributeName, value: attributeValue }) => {
+      const allTagsForbiddenAttributes = forbiddenAttributes["*"] ?? [];
+      const thisTagForbiddenAttributes = forbiddenAttributes[normalizedTagName] ?? [];
+      const mergedForbiddenAttributes = [...allTagsForbiddenAttributes, ...thisTagForbiddenAttributes];
+      const isInForbidden = mergedForbiddenAttributes.some(({
+        attributeName: nameTester,
+        attributeValues: valTesters
+      }) => {
+        if (typeof nameTester === "string" && nameTester !== "*" && attributeName !== nameTester) return false;
+        if (typeof nameTester !== "string" && !nameTester.test(attributeName)) return false;
+        if (valTesters === void 0) {
+          if (verbose === true) console.warn(attributeName, "attribute on", tagName, "tag is forbidden");
+          return true;
+        }
+        if (valTesters.includes("*")) {
+          if (verbose === true) console.warn(attributeName, "attribute on", tagName, "tag is forbidden");
+          return true;
+        }
+        return valTesters.some((valTester) => {
+          if (typeof valTester === "string" && attributeValue === valTester) {
+            if (verbose === true) console.warn(attributeValue, "value for", attributeName, "attribute on", tagName, "tag is forbidden. Rule:", valTester);
+            return true;
+          }
+          if (typeof valTester !== "string" && valTester.test(attributeValue)) {
+            if (verbose === true) console.warn(attributeValue, "value for", attributeName, "attribute on", tagName, "tag is forbidden. Rule:", valTester);
+            return true;
+          }
+          return false;
+        });
+      });
+      if (isInForbidden) return false;
+      const allTagsAllowedAttributes = allowedAttributes["*"] ?? [];
+      const thisTagAllowedAttributes = allowedAttributes[normalizedTagName] ?? [];
+      const mergedAllowedAttributes = [...allTagsAllowedAttributes, ...thisTagAllowedAttributes];
+      let latestNotAllowedReason = [tagName, "has no allowed attributes"];
+      const isInAllowed = mergedAllowedAttributes.some(({
+        attributeName: nameTester,
+        attributeValues: valTesters
+      }) => {
+        if (typeof nameTester === "string" && nameTester !== "*" && attributeName !== nameTester) {
+          latestNotAllowedReason = [attributeName, "attribute on", tagName, "tag is not allowed"];
+          return false;
+        }
+        if (typeof nameTester !== "string" && !nameTester.test(attributeName)) {
+          latestNotAllowedReason = [attributeName, "attribute on", tagName, "tag is not allowed"];
+          return false;
+        }
+        if (valTesters === void 0) return true;
+        if (valTesters.includes("*")) return true;
+        return valTesters.some((valTester) => {
+          if (typeof valTester === "string" && attributeValue === valTester) return true;
+          if (typeof valTester !== "string" && valTester.test(attributeValue)) return true;
+          latestNotAllowedReason = [attributeValue, "value for", attributeName, "attribute on", tagName, "tag is not allowed"];
+          return false;
+        });
+      });
+      if (!isInAllowed) {
+        if (verbose === true) console.warn(...latestNotAllowedReason);
+        return false;
+      }
+      return true;
+    });
+    returnedAttributes.forEach(({ name, value }) => {
+      returnedElement.setAttribute(name, value);
+    });
+    const sanitizedChildNodes = Array.from(childNodes).map((node) => {
+      if (node.nodeType === Node.ELEMENT_NODE) return sanitizeElement(node, { ...options, depth: depth - 1 });
+      else if (node.nodeType === Node.TEXT_NODE) return node;
+      else if (options.keepComments === true && node.nodeType === Node.COMMENT_NODE) return node;
+      return null;
+    }).filter((elt) => elt !== null);
+    returnedElement.replaceChildren(...sanitizedChildNodes);
+    return returnedElement;
+  }
+  Sanitize2.sanitizeElement = sanitizeElement;
+})(Sanitize || (Sanitize = {}));
+
+export {
+  Sanitize
+};

package/chunks/chunk-MW3KNVTG.js

@@ -0,0 +1,29 @@
+import {
+  register
+} from "./chunk-WC2LQPQP.js";
+
+// src/agnostic/arrays/random-pick/index.ts
+function randomPick(arr, exclude = []) {
+  const filteredArr = [...arr].filter((elt) => !exclude.includes(elt));
+  const length = filteredArr.length;
+  if (length === 0) throw register.getError("impossible-to-pick-in-array" /* IMPOSSIBLE_TO_PICK_IN_ARRAY */, arr);
+  const pos = Math.floor(Math.random() * length);
+  const found = filteredArr[pos];
+  return found;
+}
+function randomPickMany(howMuch, arr, exclude = []) {
+  const grindedArr = [...arr];
+  const pickedSelection = [];
+  for (let i = 0; i < howMuch; i++) {
+    const picked = randomPick(grindedArr, exclude);
+    const indexOfPicked = grindedArr.indexOf(picked);
+    grindedArr.splice(indexOfPicked, 1);
+    pickedSelection.push(picked);
+  }
+  return pickedSelection;
+}
+
+export {
+  randomPick,
+  randomPickMany
+};

package/chunks/chunk-NA7PT2KE.js

@@ -0,0 +1,21 @@
+import {
+  esm_default
+} from "./chunk-YE67BQQN.js";
+import {
+  OperationNames
+} from "./chunk-MOVLLUDL.js";
+
+// src/node/images/transform/extract/index.ts
+var extractSchema = esm_default.object({
+  name: esm_default.literal(OperationNames.Extract),
+  params: esm_default.object({
+    width: esm_default.number(),
+    height: esm_default.number(),
+    left: esm_default.number(),
+    top: esm_default.number()
+  })
+});
+
+export {
+  extractSchema
+};

package/chunks/chunk-NFIEXASV.js

@@ -0,0 +1,164 @@
+import {
+  createColorPalette
+} from "./chunk-236C4IHT.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
+};