diff --git a/clean-scripts.config.js b/clean-scripts.config.js
index 0589727..2bd614e 100644
--- a/clean-scripts.config.js
+++ b/clean-scripts.config.js
@@ -29,15 +29,17 @@ module.exports = {
const { createServer } = require('http-server')
const puppeteer = require('puppeteer')
const fs = require('fs')
+ const beautify = require('js-beautify').html
const server = createServer()
server.listen(8000)
const browser = await puppeteer.launch()
const page = await browser.newPage()
+ await page.emulate({ viewport: { width: 1440, height: 900 }, userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36' })
for (const type of ['vue', 'react', 'angular']) {
await page.goto(`http://localhost:8000/demo/${type}`)
await page.screenshot({ path: `demo/${type}/screenshot.png`, fullPage: true })
const content = await page.content()
- fs.writeFileSync(`demo/${type}/screenshot-src.html`, content)
+ fs.writeFileSync(`demo/${type}/screenshot-src.html`, beautify(content))
}
server.close()
browser.close()
diff --git a/demo/angular/screenshot-src.html b/demo/angular/screenshot-src.html
index 32756c4..1525d8c 100644
--- a/demo/angular/screenshot-src.html
+++ b/demo/angular/screenshot-src.html
@@ -1,44 +1,819 @@
-
-Fork me on GitHub
-
+
+
-
-
-
the source code of the demo
-
- default:
-
- selected id:
-
- checkbox:
-
-
- draggable:
-
-
- no dots:
-
-
- large:
-
-
- small:
-
-
- dark theme:
-
-
- node id:
-
-
Fork me on GitHub
+
+
+
+
+
the source code of the demo
+
default:
+
+
+
+ selected id:
+
checkbox:
+
+
+
+
draggable:
+
+
+
+
no dots:
+
+
+
+
large:
+
+
+
+
small:
+
+
+
+
dark theme:
+
+
+
+
node id:
+
+
+
+
-
-
\ No newline at end of file
+
+
+
+
\ No newline at end of file
diff --git a/demo/angular/screenshot.png b/demo/angular/screenshot.png
index be1fb2e..e17edf2 100644
Binary files a/demo/angular/screenshot.png and b/demo/angular/screenshot.png differ
diff --git a/demo/react/screenshot-src.html b/demo/react/screenshot-src.html
index a989d01..236685f 100644
--- a/demo/react/screenshot-src.html
+++ b/demo/react/screenshot-src.html
@@ -1,15 +1,359 @@
-
-Fork me on GitHub
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+ Fork me on GitHub
+
+
+
+
the source code of the demo
+ default:
+
+
+ selected id:
+
+
+ checkbox:
+
+
+
+ draggable:
+
+
+
+ no dots:
+
+
+
+ large:
+
+
+
+ small:
+
+
+
+ dark theme:
+
+
+
+ contextmenu:
+
+
+
+ node id:
+
+
+
+
Fork me on GitHub
-
+
+
-the source code of the demo
- default:
-
- selected id:
-
- checkbox:
-
- draggable:
-
- no dots:
-
- large:
-
- small:
-
- dark theme:
-
- contextmenu:
-
- node id:
-
Fork me on GitHub
+
+
+ the source code of the demo default:
+
+ selected id:
+
checkbox:
+
+
draggable:
+
+
no dots:
+
+
large:
+
+
small:
+
+
dark theme:
+
+
contextmenu:
+
node id:
+
+