Initial commit of some examples of how to script Structurizr using Pu…

…ppeteer.

.gitignore

@@ -0,0 +1,5 @@
+node_modules
+build
+npm-debug.log
+.env
+.DS_Store

README.md

@@ -1,2 +1,3 @@
-# puppeteer
-Code samples for scripting Structurizr with Puppeteer.
+# Structurizr Puppeteer
+
+This repo contains some examples of how to script the Structurizr web application using Puppeteer. Please note that the scripting facility is not available to workspaces owned by users on the free plan.

export-all-diagrams-and-keys-to-png.js

@@ -0,0 +1,41 @@
+const puppeteer = require('puppeteer');
+const fs = require('fs');
+
+const workspaceId = 1;
+const filename = 'structurizr-' + workspaceId + '-';
+
+(async () => {
+  const browser = await puppeteer.launch({ignoreHTTPSErrors: true, headless: false});
+  const page = await browser.newPage();
+  await page.goto('https://structurizr.com/share/' + workspaceId);
+
+  const views = await page.evaluate(() => {
+    return Structurizr.scripting.getViews();
+  });
+
+  for (var i = 0; i < views.length; i++) {
+    var view = views[i];  
+
+    await page.evaluate((view) => {
+      Structurizr.scripting.changeView(view);
+    }, view);
+
+    var base64DataForDiagram = await page.evaluate(() => {
+      return Structurizr.scripting.exportCurrentDiagramToPNG();
+    });
+
+    var base64DataForKey = await page.evaluate(() => {
+      return Structurizr.scripting.exportCurrentDiagramKeyToPNG();
+    });
+
+    fs.writeFile(filename + view.key + '.png', base64DataForDiagram.replace(/^data:image\/png;base64,/, ""), 'base64', function (err) {
+      if (err) throw err;
+    });
+
+    fs.writeFile(filename + view.key + '-key.png', base64DataForKey.replace(/^data:image\/png;base64,/, ""), 'base64', function (err) {
+      if (err) throw err;
+    });
+  }
+
+  await browser.close();
+})();

export-current-diagram-and-key-to-png.js

@@ -0,0 +1,30 @@
+const puppeteer = require('puppeteer');
+const fs = require('fs');
+
+const workspaceId = 1;
+const diagramKey = 'liveDeployment';
+const filename = 'structurizr-' + workspaceId + '-' + diagramKey;
+
+(async () => {
+  const browser = await puppeteer.launch({ignoreHTTPSErrors: false, headless: true});
+  const page = await browser.newPage();
+  await page.goto('https://structurizr.com/share/' + workspaceId + '#' + diagramKey);
+
+  const base64DataForDiagram = await page.evaluate(() => {
+    return Structurizr.scripting.exportCurrentDiagramToPNG();
+  });
+
+  const base64DataForKey = await page.evaluate(() => {
+    return Structurizr.scripting.exportCurrentDiagramKeyToPNG();
+  });
+
+  fs.writeFile(filename + '.png', base64DataForDiagram.replace(/^data:image\/png;base64,/, ""), 'base64', function (err) {
+    if (err) throw err;
+  });
+
+  fs.writeFile(filename + '-key.png', base64DataForKey.replace(/^data:image\/png;base64,/, ""), 'base64', function (err) {
+    if (err) throw err;
+  });
+
+  await browser.close();
+})();

export-diagrams-to-offline-html-page.js

@@ -0,0 +1,22 @@
+const puppeteer = require('puppeteer');
+const fs = require('fs');
+
+const workspaceId = 1;
+const filename = 'structurizr-' + workspaceId + '-diagrams.html';
+
+(async () => {
+  const browser = await puppeteer.launch({ignoreHTTPSErrors: false, headless: true});
+  const page = await browser.newPage();
+  await page.goto('https://structurizr.com/share/' + workspaceId);
+
+  page.on('console', msg => {
+    fs.writeFile(filename, msg.text(), function (err) {
+      if (err) throw err;
+    });
+    browser.close();
+  });
+
+  await page.evaluate(() => {
+    Structurizr.scripting.exportDiagramsToOfflineHtmlPage(function(html) { console.log(html); });
+  });
+})();