How to use the fuse-box.sparky function in fuse-box

const scriptArgs = this.watch ? [`--port=${this.ngServerPort}`] : []
            if (this.pwa) {
              exec('assets.pwa.ngsw.config').then(() => {
                complete.server.handleEntry({ nodeArgs: [], scriptArgs })
              })
            } else {
              complete.server.handleEntry({ nodeArgs: [], scriptArgs })
            }
          }
        })
      }
    }
  }
}

const { task, exec, rm, src } = sparky(BuildContext)

task('assets.copy', ctx => Promise.all([
  src('./src/assets/**/*.*').dest('./dist/wwwroot/assets', 'assets').exec(),
  ctx.electron 
    ? Promise.all([
      exec('icns'),
      src('./src/assets/**/*.*').dest('./dist/desktop/wwwroot/assets', 'assets').exec(),
      src('./tools/scripts/bytecode.js').dest('./dist/desktop', 'scripts').exec(),
    ]) as any
    : Promise.resolve([])
]))

task('assets.compress', async ctx => {
  return await compressStatic(['dist/wwwroot']).catch(err => {
    console.log(err)
    process.exit(-1)

cache: {
                FTL: true
            },
            watch: { ignored: ['dist', 'dev'] },
            hmr: true,
            devServer: true,
            plugins: [
                pluginTypeChecker({
                    basePath: '../',
                    tsConfig: './tsconfig.json'
                })
            ]
        });
    }
}
const { task } = sparky(Context);

task('default', async ctx => {
    const fuse = ctx.getDevConfig();
    await fuse.runDev();
});

import { fusebox, sparky } from "fuse-box";

class Context {
  runServer;
  getConfig = () =>
    fusebox({
      target: "browser",
      entry: "src/index.tsx",
      webIndex: {
        template: "src/index.html"
      },
      cache : true,
      devServer: this.runServer
    });
}
const { task } = sparky(Context);

task("default", async ctx => {
  ctx.runServer = true;
  const fuse = ctx.getConfig();
  await fuse.runDev();
});

task("preview", async ctx => {
  ctx.runServer = true;
  const fuse = ctx.getConfig();
  await fuse.runProd({ uglify: false });
});
task("dist", async ctx => {
  ctx.runServer = false;
  const fuse = ctx.getConfig();
  await fuse.runProd({ uglify: false });

cache: {
                FTL: true
            },
            watch: { ignored: ['dist', 'dev'] },
            hmr: true,
            devServer: true,
            plugins: [
                pluginTypeChecker({
                    basePath: '.',
                    tsConfig: './tsconfig.json'
                })
            ]
        });
    }
}
const { task } = sparky(Context);

task('dist', async ctx => {
    const fuse = ctx.getDistConfig();
    await fuse.runProd();
});

task('default', async ctx => {
    const fuse = ctx.getDevConfig();
    await fuse.runDev();
});

webIndex: {
        publicPath: './',
        template: 'static/pages/app.html',
      },
      cache: {
        enabled: false,
        root: '.cache/renderere',
      },
      devServer: {
        httpServer: false,
        hmrServer: { port: 4444 },
      },
    });
  }
}
const { task, rm } = sparky(Context);

task('default', async ctx => {
  await rm('./dist');

  const rendererConfig = ctx.getRendererConfig();
  await rendererConfig.runDev();

  const electronMain = ctx.getMainConfig();
  await electronMain.runDev(handler => ctx.launch(handler));
});

task('dist', async ctx => {
  await rm('./dist');

  const rendererConfig = ctx.getRendererConfig();
  await rendererConfig.runProd({ uglify: false });