itk-wasm/src/bindgen/typescript/demo/output-demo-typescript.js

High-performance spatial analysis in a web browser, Node.js, and reproducible execution across programming languages and hardware architectures.

import camelCase from '../../camel-case.js'

function outputDemoTypeScript(functionName, prefix, indent, parameter) {
  const parameterName = camelCase(parameter.name)
  let result = '\n'

  switch (parameter.type) {
    case 'OUTPUT_TEXT_FILE':
    case 'OUTPUT_TEXT_FILE:FILE':
    case 'OUTPUT_TEXT_STREAM':
      {
        result += `${prefix}${indent}const ${parameterName}OutputDownload = document.querySelector('#${functionName}Outputs sl-button[name=${parameter.name}-download]')\n`
        result += `${prefix}${indent}${parameterName}OutputDownload.addEventListener('click', (event) => {\n`
        result += `${prefix}${indent}${indent}event.preventDefault()\n`
        result += `${prefix}${indent}${indent}event.stopPropagation()\n`
        result += `${prefix}${indent}${indent}if (model.outputs.has("${parameterName}")) {\n`
        const textDataProp = parameter.type.includes('FILE') ? '.data' : ''
        if (parameter.itemsExpectedMax > 1) {
          const downloadFileName = parameter.type.includes('FILE')
            ? `o.path`
            : `"${parameterName}.txt"`
          result += `${prefix}${indent}${indent}${indent}model.outputs.get("${parameterName}").forEach((o) => globalThis.downloadFile(new TextEncoder().encode(o${textDataProp}), ${downloadFileName}))\n`
        } else {
          const downloadFileName = parameter.type.includes('FILE')
            ? `model.outputs.get("${parameterName}").path`
            : `"${parameterName}.txt"`
          result += `${prefix}${indent}${indent}${indent}globalThis.downloadFile(new TextEncoder().encode(model.outputs.get("${parameterName}")${textDataProp}), ${downloadFileName})\n`
        }
        result += `${prefix}${indent}${indent}}\n`
        result += `${prefix}${indent}})\n`
      }
      break
    case 'OUTPUT_BINARY_FILE':
    case 'OUTPUT_BINARY_FILE:FILE':
    case 'OUTPUT_BINARY_STREAM':
      {
        result += `${prefix}${indent}const ${parameterName}OutputDownload = document.querySelector('#${functionName}Outputs sl-button[name=${parameter.name}-download]')\n`
        result += `${prefix}${indent}${parameterName}OutputDownload.addEventListener('click', (event) => {\n`
        result += `${prefix}${indent}${indent}event.preventDefault()\n`
        result += `${prefix}${indent}${indent}event.stopPropagation()\n`
        result += `${prefix}${indent}${indent}if (model.outputs.has("${parameterName}")) {\n`
        const binaryDataProp = parameter.type.includes('FILE') ? '.data' : ''
        if (parameter.itemsExpectedMax > 1) {
          const downloadFileName = parameter.type.includes('FILE')
            ? `o.path`
            : `"${parameterName}.bin"`
          result += `${prefix}${indent}${indent}${indent}model.outputs.get("${parameterName}").forEach((o) => globalThis.downloadFile(o${binaryDataProp}, ${downloadFileName}))\n`
        } else {
          const downloadFileName = parameter.type.includes('FILE')
            ? `model.outputs.get("${parameterName}").path`
            : `"${parameterName}.bin"`
          result += `${prefix}${indent}${indent}${indent}globalThis.downloadFile(model.outputs.get("${parameterName}")${binaryDataProp}, ${downloadFileName})\n`
        }
        result += `${prefix}${indent}${indent}}\n`
        result += `${prefix}${indent}})\n`
      }
      break
    case 'OUTPUT_JSON':
      result += `${prefix}${indent}const ${parameterName}OutputDownload = document.querySelector('#${functionName}Outputs sl-button[name=${parameter.name}-download]')\n`
      result += `${prefix}${indent}${parameterName}OutputDownload.addEventListener('click', async (event) => {\n`
      result += `${prefix}${indent}${indent}event.preventDefault()\n`
      result += `${prefix}${indent}${indent}event.stopPropagation()\n`
      result += `${prefix}${indent}${indent}if (model.outputs.has("${parameterName}")) {\n`
      result += `${prefix}${indent}${indent}${indent}const fileName = \`${parameterName}.json\`\n`
      result += `${prefix}${indent}${indent}${indent}globalThis.downloadFile(new TextEncoder().encode(JSON.stringify(model.outputs.get("${parameterName}"))), fileName)\n`
      result += `${prefix}${indent}${indent}}\n`
      result += `${prefix}${indent}})\n`
      break
    case 'OUTPUT_IMAGE':
      result += `${prefix}${indent}const ${parameterName}OutputDownload = document.querySelector('#${functionName}Outputs sl-button[name=${parameter.name}-download]')\n`
      result += `${prefix}${indent}${parameterName}OutputDownload.addEventListener('click', async (event) => {\n`
      result += `${prefix}${indent}${indent}event.preventDefault()\n`
      result += `${prefix}${indent}${indent}event.stopPropagation()\n`
      result += `${prefix}${indent}${indent}if (model.outputs.has("${parameterName}")) {\n`
      result += `${prefix}${indent}${indent}${indent}const ${parameterName}DownloadFormat = document.getElementById('${functionName}-${parameter.name}-output-format')\n`
      result += `${prefix}${indent}${indent}${indent}const downloadFormat = ${parameterName}DownloadFormat.value || 'nrrd'\n`
      result += `${prefix}${indent}${indent}${indent}const fileName = \`${parameterName}.\${downloadFormat}\`\n`
      result += `${prefix}${indent}${indent}${indent}const { webWorker, serializedImage } = await writeImage(model.outputs.get("${parameterName}"), fileName)\n\n`
      result += `${prefix}${indent}${indent}${indent}webWorker.terminate()\n`
      result += `${prefix}${indent}${indent}${indent}globalThis.downloadFile(serializedImage.data, fileName)\n`
      result += `${prefix}${indent}${indent}}\n`
      result += `${prefix}${indent}})\n`
      break
    case 'OUTPUT_MESH':
    case 'OUTPUT_POINT_SET':
      result += `${prefix}${indent}const ${parameterName}OutputDownload = document.querySelector('#${functionName}Outputs sl-button[name=${parameter.name}-download]')\n`
      result += `${prefix}${indent}${parameterName}OutputDownload.addEventListener('click', async (event) => {\n`
      result += `${prefix}${indent}${indent}event.preventDefault()\n`
      result += `${prefix}${indent}${indent}event.stopPropagation()\n`
      result += `${prefix}${indent}${indent}if (model.outputs.has("${parameterName}")) {\n`
      result += `${prefix}${indent}${indent}${indent}const ${parameterName}DownloadFormat = document.getElementById('${functionName}-${parameter.name}-output-format')\n`
      result += `${prefix}${indent}${indent}${indent}const downloadFormat = ${parameterName}DownloadFormat.value || 'vtk'\n`
      result += `${prefix}${indent}${indent}${indent}const fileName = \`${parameterName}.\${downloadFormat}\`\n`
      if (parameter.type === 'OUTPUT_POINT_SET') {
        result += `${prefix}${indent}${indent}${indent}const { webWorker, serializedPointSet } = await writePointSet(model.outputs.get("${parameterName}"), fileName)\n\n`
        result += `${prefix}${indent}${indent}${indent}globalThis.downloadFile(serializedPointSet.data, fileName)\n`
      } else {
        result += `${prefix}${indent}${indent}${indent}const { webWorker, serializedMesh } = await writeMesh(model.outputs.get("${parameterName}"), fileName)\n\n`
        result += `${prefix}${indent}${indent}${indent}globalThis.downloadFile(serializedMesh.data, fileName)\n`
      }
      result += `${prefix}${indent}${indent}${indent}webWorker.terminate()\n`
      result += `${prefix}${indent}${indent}}\n`
      result += `${prefix}${indent}})\n`
      break
    case 'OUTPUT_TRANSFORM':
      result += `${prefix}${indent}const ${parameterName}OutputDownload = document.querySelector('#${functionName}Outputs sl-button[name=${parameter.name}-download]')\n`
      result += `${prefix}${indent}${parameterName}OutputDownload.addEventListener('click', async (event) => {\n`
      result += `${prefix}${indent}${indent}event.preventDefault()\n`
      result += `${prefix}${indent}${indent}event.stopPropagation()\n`
      result += `${prefix}${indent}${indent}if (model.outputs.has("${parameterName}")) {\n`
      result += `${prefix}${indent}${indent}${indent}const ${parameterName}DownloadFormat = document.getElementById('${functionName}-${parameter.name}-output-format')\n`
      result += `${prefix}${indent}${indent}${indent}const downloadFormat = ${parameterName}DownloadFormat.value || 'h5'\n`
      result += `${prefix}${indent}${indent}${indent}const fileName = \`${parameterName}.\${downloadFormat}\`\n`
      result += `${prefix}${indent}${indent}${indent}const { webWorker, serializedTransform } = await writeTransform(model.outputs.get("${parameterName}"), fileName)\n\n`
      result += `${prefix}${indent}${indent}${indent}webWorker.terminate()\n`
      result += `${prefix}${indent}${indent}${indent}globalThis.downloadFile(serializedTransform.data, fileName)\n`
      result += `${prefix}${indent}${indent}}\n`
      result += `${prefix}${indent}})\n`
      break
    default:
      console.error(
        `outputDemoTypeScript: Unexpected interface type: ${parameter.type}`
      )
      process.exit(1)
  }
  return result
}

export default outputDemoTypeScript