{
  "version": 3,
  "sources": ["../../../../src/lib/ui/hooks/useFlatten.ts"],
  "sourcesContent": ["import {\n\tBox,\n\tEditor,\n\tIndexKey,\n\tTLImageAsset,\n\tTLImageShape,\n\tTLShape,\n\tTLShapeId,\n\tVec,\n\tcompact,\n\tcreateShapeId,\n\tisShapeId,\n\ttransact,\n\tuseEditor,\n} from '@tldraw/editor'\nimport { useCallback } from 'react'\n\nexport async function flattenShapesToImages(\n\teditor: Editor,\n\tshapeIds: TLShapeId[],\n\tflattenImageBoundsExpand?: number\n) {\n\tconst shapes = compact(\n\t\tshapeIds.map((id) => {\n\t\t\tconst shape = editor.getShape(id)\n\t\t\tif (!shape) return\n\t\t\tconst util = editor.getShapeUtil(shape.type)\n\t\t\t// skip shapes that don't have a toSvg method\n\t\t\tif (util.toSvg === undefined) return\n\t\t\treturn shape\n\t\t})\n\t)\n\n\tif (shapes.length === 0) return\n\n\t// Don't flatten if it's just one image\n\tif (shapes.length === 1) {\n\t\tconst shape = shapes[0]\n\t\tif (!shape) return\n\t\tif (editor.isShapeOfType(shape, 'image')) return\n\t}\n\n\tconst groups: { shapes: TLShape[]; bounds: Box; asset?: TLImageAsset }[] = []\n\n\tif (flattenImageBoundsExpand !== undefined) {\n\t\tconst expandedBounds = shapes.map((shape) => {\n\t\t\treturn {\n\t\t\t\tshape,\n\t\t\t\tbounds: editor.getShapeMaskedPageBounds(shape)!.clone().expandBy(flattenImageBoundsExpand),\n\t\t\t}\n\t\t})\n\n\t\tfor (let i = 0; i < expandedBounds.length; i++) {\n\t\t\tconst item = expandedBounds[i]\n\t\t\tif (i === 0) {\n\t\t\t\tgroups[0] = {\n\t\t\t\t\tshapes: [item.shape],\n\t\t\t\t\tbounds: item.bounds,\n\t\t\t\t}\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\tlet didLand = false\n\n\t\t\tfor (const group of groups) {\n\t\t\t\tif (group.bounds.includes(item.bounds)) {\n\t\t\t\t\tgroup.shapes.push(item.shape)\n\t\t\t\t\tgroup.bounds.expand(item.bounds)\n\t\t\t\t\tdidLand = true\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (!didLand) {\n\t\t\t\tgroups.push({\n\t\t\t\t\tshapes: [item.shape],\n\t\t\t\t\tbounds: item.bounds,\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t} else {\n\t\tconst bounds = Box.Common(shapes.map((shape) => editor.getShapeMaskedPageBounds(shape)!))\n\t\tgroups.push({\n\t\t\tshapes,\n\t\t\tbounds,\n\t\t})\n\t}\n\n\tconst padding = editor.options.flattenImageBoundsPadding\n\n\tfor (const group of groups) {\n\t\tif (flattenImageBoundsExpand !== undefined) {\n\t\t\t// shrink the bounds again, removing the expanded area\n\t\t\tgroup.bounds.expandBy(-flattenImageBoundsExpand)\n\t\t}\n\n\t\t// get an image for the shapes\n\t\tconst svgResult = await editor.getSvgString(group.shapes, {\n\t\t\tpadding,\n\t\t})\n\t\tif (!svgResult?.svg) continue\n\n\t\t// get an image asset for the image\n\t\tconst blob = new Blob([svgResult.svg], { type: 'image/svg+xml' })\n\t\tconst asset = (await editor.getAssetForExternalContent({\n\t\t\ttype: 'file',\n\t\t\tfile: new File([blob], 'asset.svg', { type: 'image/svg+xml' }),\n\t\t})) as TLImageAsset\n\t\tif (!asset) continue\n\n\t\t// add it to the group\n\t\tgroup.asset = asset\n\t}\n\n\tconst createdShapeIds: TLShapeId[] = []\n\n\ttransact(() => {\n\t\tfor (const group of groups) {\n\t\t\tconst { asset, bounds, shapes } = group\n\t\t\tif (!asset) continue\n\n\t\t\tconst commonAncestorId = editor.findCommonAncestor(shapes) ?? editor.getCurrentPageId()\n\t\t\tif (!commonAncestorId) continue\n\n\t\t\tlet index: IndexKey = 'a1' as IndexKey\n\t\t\tfor (const shape of shapes) {\n\t\t\t\tif (shape.parentId === commonAncestorId) {\n\t\t\t\t\tif (shape.index > index) {\n\t\t\t\t\t\tindex = shape.index\n\t\t\t\t\t}\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tlet x: number\n\t\t\tlet y: number\n\t\t\tlet rotation: number\n\n\t\t\tif (isShapeId(commonAncestorId)) {\n\t\t\t\tconst commonAncestor = editor.getShape(commonAncestorId)\n\t\t\t\tif (!commonAncestor) continue\n\t\t\t\t// put the point in the parent's space\n\t\t\t\tconst point = editor.getPointInShapeSpace(commonAncestor, {\n\t\t\t\t\tx: bounds.x,\n\t\t\t\t\ty: bounds.y,\n\t\t\t\t})\n\t\t\t\t// get the parent's rotation\n\t\t\t\trotation = editor.getShapePageTransform(commonAncestorId).rotation()\n\t\t\t\t// rotate the point against the parent's rotation\n\t\t\t\tpoint.sub(new Vec(padding, padding).rot(-rotation))\n\t\t\t\tx = point.x\n\t\t\t\ty = point.y\n\t\t\t} else {\n\t\t\t\t// if the common ancestor is the page, then just adjust for the padding\n\t\t\t\tx = bounds.x - padding\n\t\t\t\ty = bounds.y - padding\n\t\t\t\trotation = 0\n\t\t\t}\n\n\t\t\t// delete the shapes\n\t\t\teditor.deleteShapes(shapes)\n\n\t\t\t// create the asset\n\t\t\teditor.createAssets([{ ...asset, id: asset.id }])\n\n\t\t\tconst shapeId = createShapeId()\n\n\t\t\t// create an image shape in the same place as the shapes\n\t\t\teditor.createShape<TLImageShape>({\n\t\t\t\tid: shapeId,\n\t\t\t\ttype: 'image',\n\t\t\t\tindex,\n\t\t\t\tparentId: commonAncestorId,\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\trotation: -rotation,\n\t\t\t\tprops: {\n\t\t\t\t\tassetId: asset.id,\n\t\t\t\t\tw: bounds.w + padding * 2,\n\t\t\t\t\th: bounds.h + padding * 2,\n\t\t\t\t},\n\t\t\t})\n\n\t\t\tcreatedShapeIds.push(shapeId)\n\t\t}\n\t})\n\n\treturn createdShapeIds\n}\n\nexport function useFlatten() {\n\tconst editor = useEditor()\n\treturn useCallback(\n\t\t(ids: TLShapeId[]) => {\n\t\t\treturn flattenShapesToImages(editor, ids)\n\t\t},\n\t\t[editor]\n\t)\n}\n"],
  "mappings": "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",
  "names": ["shapes"]
}