adafruit-mirror/io-actions
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

name block image files

Browse source
This commit is contained in:
Loren Norman 2025-07-29 14:40:53 -04:00
parent 3272fbe05f
commit a3e5f70621
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/image_exporter.js
View file

@ -10,7 +10,8 @@ export const imageExportRegistryItems = [
scopeType: Blockly.ContextMenuRegistry.ScopeType.BLOCK, scopeType: Blockly.ContextMenuRegistry.ScopeType.BLOCK,
preconditionFn: scope => "enabled", preconditionFn: scope => "enabled",
callback: (scope, menuOpenEvent, menuSelectEvent, location) => { callback: (scope, menuOpenEvent, menuSelectEvent, location) => {
downloadBlockAsSVG(scope.block.id) const { id, type } = scope.block
downloadBlockAsSVG(id, type)
} }
}, { }, {
id: "block-png", id: "block-png",
@ -19,7 +20,8 @@ export const imageExportRegistryItems = [
scopeType: Blockly.ContextMenuRegistry.ScopeType.BLOCK, scopeType: Blockly.ContextMenuRegistry.ScopeType.BLOCK,
preconditionFn: scope => "enabled", preconditionFn: scope => "enabled",
callback: (scope, menuOpenEvent, menuSelectEvent, location) => { callback: (scope, menuOpenEvent, menuSelectEvent, location) => {
downloadBlockAsPNG(scope.block.id) const { id, type } = scope.block
downloadBlockAsPNG(id, type)
} }
} }
] ]
@ -75,13 +77,13 @@ const
URL.revokeObjectURL(element.href) URL.revokeObjectURL(element.href)
}, },
downloadBlockAsSVG = blockId => { downloadBlockAsSVG = (blockId, blockType) => {
const svgObjectURL = blockToSVGBlob(blockId) const svgObjectURL = blockToSVGBlob(blockId)
download(svgObjectURL, 'block.svg') download(svgObjectURL, `${blockType}.svg`)
}, },
downloadBlockAsPNG = blockId => { downloadBlockAsPNG = (blockId, blockType) => {
const const
svgObjectURL = blockToSVGBlob(blockId), svgObjectURL = blockToSVGBlob(blockId),
img = new Image() img = new Image()
@ -95,7 +97,7 @@ const
// extract a png object url from the canvas and download it // extract a png object url from the canvas and download it
const pngObjectURL = canvas.toDataURL("image/png") const pngObjectURL = canvas.toDataURL("image/png")
download(pngObjectURL, 'block.png') download(pngObjectURL, `${blockType}.png`)
} }
img.src = svgObjectURL img.src = svgObjectURL