getConfigureFolders

package.json

@@ -11,8 +11,9 @@
     "bundle": "npx tsc --project tsconfig-esm5.json && npx tsc --project tsconfig-esm6.json && npx tsc --project tsconfig-esm2018.json && mkdir -p dist/bundles && npx rollup -c rollup.config.js && npx rollup -c rollup.config.js --environment NODE_ENV:production",
     "build": "npm run build-wasm && npm run build-ts",
     "prepare": "npm run build && npm run copy && npm run magickApiJs",
-    "copy": "cp magick.js magick.wasm dist && cp magick.js magick.wasm spec/assets && cp -r spec/assets dist",
+    "copy": "npm run magickJs && mkdir -p dist && cp magick.js magick.wasm dist && cp magick.js magick.wasm spec/assets && cp -r spec/assets dist",
     "magickApiJs": "cp dist/bundles/wasm-imagemagick.esm-es6.js magickApi.js",
+    "magickJs": "rm -rf magick.js && cp webworker.js magick.js && cat ImageMagick/utilities/magick.js >> magick.js",
     "clean": "sh clean.sh",
     "lint": "tslint \"src/**/*.ts\" \"spec/**/*.ts\"",
     "lint-and-fix": "tslint \"src/**/*.ts\" \"spec/**/*.ts\" --fix",
@@ -26,7 +27,6 @@
     "test-browser-watch-all": "concurrently 'npm run test-browser-watch-build' 'npm run test-browser-watch-server' ",
     "test-browser-watch-build": "onchange -i -v 'src/**/*' 'spec/**/*' -- npm run test-browser-build",
     "test-browser-watch-server": "onchange  -k -v 'dist/bundle.js' -- gulp --gulpfile spec/gulpfile.js jasmine-server",
-
     "apidocs": "typedoc --options typedoc.js --theme markdown"
   },
   "repository": {

samples/interactive-execute-context/package.json

@@ -7,7 +7,7 @@
     "all": "npm run clean && npm run build && npm run copy",
     "build": "tsc && npm run bundle",
     "bundle": "browserify dist/index.js -o static/bundle.js",
-    "copy": "cp -r ../../spec/assets/fn.png ../../spec/assets/magick.* src/static/* static",
+    "copy": "here=`pwd` && cd ../.. && npm run copy && cd $here && cp -r ../../spec/assets/fn.png ../../spec/assets/magick.* src/static/* static",
     "clean": "rm -rf dist static",
     "start": "npm run all && npm run watch-all",
     "server": "http-server static",

samples/interactive-execute-context/src/app.tsx

@@ -212,7 +212,15 @@ export class App extends React.Component<AppProps, AppState> {
   }
 
   protected async execute() {
-    const result = await this.props.context.execute(this.state.commandString)
+    // replace the $$IMAGE_N with the n-image in this.state.files
+    const cmd = (JSON.parse(this.state.commandArray) as string[][])
+      .map(c=>c.map(arg=>arg.startsWith('$$IMAGE_') ? 
+        (this.state.files[parseInt(arg.substring('$$IMAGE_'.length, arg.length), 10)]||{name: 'rose:'}).name : 
+        arg))
+
+        const result = await this.props.context.execute(cmd)
+
+        console.log(cmd, result);
     this.state.outputFiles = result.outputFiles
     this.state.stderr = result.stderr.join('\n')
     this.state.stdout = result.stdout.join('\n')

samples/interactive-execute-context/src/commandExamples.ts

@@ -15,6 +15,20 @@ export const commandExamples: Example[] = [
     description: `runs identify program to print to stdout image info`,
     command: `identify rose:`.trim(),
   },
+
+
+{
+  name: '-print all image info',
+  description: `prints all properties artifacts and options of the image using -print and formatting the output`,
+  command: `
+convert $$IMAGE_0 \\
+  -print '\\n__Properties__\\n\\n%[*]\\nsesba\\n\\nsa\\n' \\
+  -print '\\n__Artifacts__\\n\\n%[artifact:*]' \\
+  -print '\\n__Options__\\n\\n%[option:*]\\n' \\
+info:
+`.trim(),
+},
+
 
 
   {