init

.gitignore

+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+

dist/index.es.js

+import path from 'path';
+import Color from 'color';
+import generateUUID from 'uuid/v4';
+import hash from 'object-hash';
+import zlib from 'zlib';
+
+/**
+ * Created by rockyl on 2019-08-09.
+ */
+
+const PSD = window['require']('psd');
+
+async function getTree(file) {
+	let psd = await PSD.fromDroppedFile(file);
+
+	const root = {};
+	walk(psd.tree(), root);
+
+	return root;
+}
+
+function walk(psNode, dataNode) {
+	const {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};
+	const {left, top, width, height, name, layer: {opacity, visible}} = psNode;
+	const x = left - pLeft;
+	const y = top - pTop;
+
+	Object.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});
+	if (psNode.children() && psNode.children().length > 0){
+		dataNode.children = [];
+	}
+
+	let children = psNode.children();
+	for (let i = children.length - 1; i >= 0; i--) {
+		const childPsNode = children[i];
+
+		const childDataNode = {};
+		dataNode.children.push(childDataNode);
+		walk(childPsNode, childDataNode);
+	}
+}
+
+/**
+ * Created by rockyl on 2019-08-10.
+ */
+
+async function walkNode(node, callback, includeSelf = false) {
+	if (includeSelf) {
+		await callback(node, null);
+	}
+	if (node.children && node.children.length > 0) {
+		for (let childNode of node.children) {
+			await callback(childNode, node);
+			const result = await walkNode(childNode, callback);
+			if (result === true) {
+				break;
+			}
+		}
+	}
+}
+
+/**
+ * Created by rockyl on 2019-09-26.
+ *
+ * 导出zeroing的视图
+ */
+
+async function execute(psdFile, options) {
+	const tree = await getTree(psdFile);
+
+	let viewRoot = {
+		name: path.basename(psdFile.name, '.psd'),
+		type: 'node',
+		uuid: generateUUID(),
+	};
+
+	const assets = [];
+	const imageHashMap = {};
+
+	await walkNode(tree, async function (node, parent) {
+		const {name, x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;
+		console.log('walk node:', name);
+		let properties = {
+			width, height, alpha, visible,
+		};
+		let viewNode = {
+			name,
+			properties,
+			uuid: generateUUID(),
+		};
+		let dealLater = true;
+		if (x !== 0) {
+			properties.x = x;
+		}
+		if (y !== 0) {
+			properties.y = y;
+		}
+
+		if (typeTool) {
+			let fontInfo = typeTool();
+			//const fonts = fontInfo.fonts();
+			//const styles = fontInfo.styles();
+			//const {RunLengthArray} = fontInfo.engineData.EngineDict.StyleRun;
+
+			properties.text = fontInfo.textValue;
+			const sizes = fontInfo.sizes();
+			const colors = fontInfo.colors();
+			properties.size = sizes ? sizes[0] || 20 : 20;
+			let [r, g, b, a] = colors[0];
+			properties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
+			/*properties.textflow = {
+				fonts, styles, RunLengthArray,
+			};*/
+			viewNode.type = 'label';
+			dealLater = false;
+		} else if (solidColor) {
+			const {r, g, b} = solidColor();
+			let color = Color({r, g, b});
+
+			let paths = layer.vectorMask().paths;
+			if (paths[2].numPoints === 4) {
+				let isRect = true;
+				for (let i = 3; i < paths.length; i++) {
+					if (paths[i].recordType !== 2) {
+						isRect = false;
+						break;
+					}
+				}
+				if (isRect) {
+					viewNode.type = 'rect';
+					properties.fillColor = '#' + color.rgbNumber().toString(16);
+					dealLater = false;
+				}
+			}
+		}
+
+		if (dealLater) {
+			if (node.hasOwnProperty('children')) {
+				viewNode.type = 'node';
+			} else {
+				viewNode.type = 'image';
+
+				let uuid = generateUUID();
+				const ext = '.png';
+
+				let dataUrl;
+				try {
+					let img = node.origin.toPng();
+					dataUrl = img.src;
+				}catch (e) {
+
+				}
+
+				if (dataUrl) {
+					let base64Data = dataUrl.replace(/^data:image\/\w+;base64,/, "");
+					let buffer = new Buffer(base64Data, 'base64');
+					const fileNameHash = hash(buffer);
+					if (imageHashMap.hasOwnProperty(fileNameHash)) {
+						uuid = imageHashMap[fileNameHash];
+					} else {
+						imageHashMap[fileNameHash] = uuid;
+						assets.push({
+							name,
+							ext,
+							uuid,
+							base64Data,
+							hash: fileNameHash,
+						});
+					}
+
+					properties.source = 'asset://' + uuid;
+				}
+			}
+		}
+
+		let viewParent = parent.view || viewRoot;
+		if (!viewParent.hasOwnProperty('children')) {
+			viewParent.children = [];
+		}
+		viewParent.children.push(viewNode);
+
+		node.view = viewNode;
+	});
+
+	let data = {
+		view: viewRoot,
+		assets,
+	};
+
+	let dataString = JSON.stringify(data);
+	console.log(dataString.length);
+
+	let buf = new Buffer(dataString);
+	return await new Promise((resolve, reject)=>{
+		zlib.gzip(buf,function(err,res){
+			if(err){
+				reject(err);
+			}else{
+				console.log(res.length);
+				resolve(res);
+			}
+		});
+	})
+}
+
+export { getTree, execute as toZeroing };
+//# sourceMappingURL=index.es.js.map

dist/index.es.js.map

+{"version":3,"file":"index.es.js","sources":["../src/psd-tree.js","../src/utils.js","../src/zeroing.js"],"sourcesContent":["/**\n * Created by rockyl on 2019-08-09.\n */\n\nconst PSD = window['require']('psd');\n\nexport async function getTree(file) {\n\tlet psd = await PSD.fromDroppedFile(file);\n\n\tconst root = {};\n\twalk(psd.tree(), root);\n\n\treturn root;\n}\n\nfunction walk(psNode, dataNode) {\n\tconst {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};\n\tconst {left, top, width, height, name, layer: {opacity, visible}} = psNode;\n\tconst x = left - pLeft;\n\tconst y = top - pTop;\n\n\tObject.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});\n\tif (psNode.children() && psNode.children().length > 0){\n\t\tdataNode.children = [];\n\t}\n\n\tlet children = psNode.children();\n\tfor (let i = children.length - 1; i >= 0; i--) {\n\t\tconst childPsNode = children[i];\n\n\t\tconst childDataNode = {};\n\t\tdataNode.children.push(childDataNode);\n\t\twalk(childPsNode, childDataNode)\n\t}\n}\n","/**\n * Created by rockyl on 2019-08-10.\n */\n\nexport async function walkNode(node, callback, includeSelf = false) {\n\tif (includeSelf) {\n\t\tawait callback(node, null);\n\t}\n\tif (node.children && node.children.length > 0) {\n\t\tfor (let childNode of node.children) {\n\t\t\tawait callback(childNode, node);\n\t\t\tconst result = await walkNode(childNode, callback);\n\t\t\tif (result === true) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport async function walkObject(obj, callback) {\n\tif(typeof obj === \"object\"){\n\t\tfor (let key of Object.keys(obj)) {\n\t\t\tconst value = obj[key];\n\t\t\tawait callback(key, value, obj);\n\t\t\tconst result = await walkObject(value, callback);\n\t\t\tif (result === true) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Created by rockyl on 2019-09-26.\n *\n * 导出zeroing的视图\n */\n\nimport {getTree} from \"./psd-tree\";\nimport {walkNode} from \"./utils\";\nimport path from 'path'\nimport Color from 'color'\nimport generateUUID from 'uuid/v4'\nimport hash from 'object-hash';\nimport zlib from 'zlib';\n\nexport async function execute(psdFile, options) {\n\tconst tree = await getTree(psdFile);\n\n\tlet viewRoot = {\n\t\tname: path.basename(psdFile.name, '.psd'),\n\t\ttype: 'node',\n\t\tuuid: generateUUID(),\n\t};\n\n\tconst assets = [];\n\tconst imageHashMap = {};\n\n\tawait walkNode(tree, async function (node, parent) {\n\t\tconst {name, x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;\n\t\tconsole.log('walk node:', name);\n\t\tlet properties = {\n\t\t\twidth, height, alpha, visible,\n\t\t};\n\t\tlet viewNode = {\n\t\t\tname,\n\t\t\tproperties,\n\t\t\tuuid: generateUUID(),\n\t\t};\n\t\tlet dealLater = true;\n\t\tif (x !== 0) {\n\t\t\tproperties.x = x;\n\t\t}\n\t\tif (y !== 0) {\n\t\t\tproperties.y = y;\n\t\t}\n\n\t\tif (typeTool) {\n\t\t\tlet fontInfo = typeTool();\n\t\t\t//const fonts = fontInfo.fonts();\n\t\t\t//const styles = fontInfo.styles();\n\t\t\t//const {RunLengthArray} = fontInfo.engineData.EngineDict.StyleRun;\n\n\t\t\tproperties.text = fontInfo.textValue;\n\t\t\tconst sizes = fontInfo.sizes();\n\t\t\tconst colors = fontInfo.colors();\n\t\t\tproperties.size = sizes ? sizes[0] || 20 : 20;\n\t\t\tlet [r, g, b, a] = colors[0];\n\t\t\tproperties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;\n\t\t\t/*properties.textflow = {\n\t\t\t\tfonts, styles, RunLengthArray,\n\t\t\t};*/\n\t\t\tviewNode.type = 'label';\n\t\t\tdealLater = false;\n\t\t} else if (solidColor) {\n\t\t\tconst {r, g, b} = solidColor();\n\t\t\tlet color = Color({r, g, b});\n\n\t\t\tlet paths = layer.vectorMask().paths;\n\t\t\tif (paths[2].numPoints === 4) {\n\t\t\t\tlet isRect = true;\n\t\t\t\tfor (let i = 3; i < paths.length; i++) {\n\t\t\t\t\tif (paths[i].recordType !== 2) {\n\t\t\t\t\t\tisRect = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (isRect) {\n\t\t\t\t\tviewNode.type = 'rect';\n\t\t\t\t\tproperties.fillColor = '#' + color.rgbNumber().toString(16);\n\t\t\t\t\tdealLater = false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (dealLater) {\n\t\t\tif (node.hasOwnProperty('children')) {\n\t\t\t\tviewNode.type = 'node';\n\t\t\t} else {\n\t\t\t\tviewNode.type = 'image';\n\n\t\t\t\tlet uuid = generateUUID();\n\t\t\t\tconst ext = '.png';\n\n\t\t\t\tlet dataUrl;\n\t\t\t\ttry {\n\t\t\t\t\tlet img = node.origin.toPng();\n\t\t\t\t\tdataUrl = img.src;\n\t\t\t\t}catch (e) {\n\n\t\t\t\t}\n\n\t\t\t\tif (dataUrl) {\n\t\t\t\t\tlet base64Data = dataUrl.replace(/^data:image\\/\\w+;base64,/, \"\");\n\t\t\t\t\tlet buffer = new Buffer(base64Data, 'base64');\n\t\t\t\t\tconst fileNameHash = hash(buffer);\n\t\t\t\t\tif (imageHashMap.hasOwnProperty(fileNameHash)) {\n\t\t\t\t\t\tuuid = imageHashMap[fileNameHash];\n\t\t\t\t\t} else {\n\t\t\t\t\t\timageHashMap[fileNameHash] = uuid;\n\t\t\t\t\t\tassets.push({\n\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\text,\n\t\t\t\t\t\t\tuuid,\n\t\t\t\t\t\t\tbase64Data,\n\t\t\t\t\t\t\thash: fileNameHash,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tproperties.source = 'asset://' + uuid;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tlet viewParent = parent.view || viewRoot;\n\t\tif (!viewParent.hasOwnProperty('children')) {\n\t\t\tviewParent.children = [];\n\t\t}\n\t\tviewParent.children.push(viewNode);\n\n\t\tnode.view = viewNode;\n\t});\n\n\tlet data = {\n\t\tview: viewRoot,\n\t\tassets,\n\t};\n\n\tlet dataString = JSON.stringify(data);\n\tconsole.log(dataString.length);\n\n\tlet buf = new Buffer(dataString);\n\treturn await new Promise((resolve, reject)=>{\n\t\tzlib.gzip(buf,function(err,res){\n\t\t\tif(err){\n\t\t\t\treject(err);\n\t\t\t}else{\n\t\t\t\tconsole.log(res.length);\n\t\t\t\tresolve(res);\n\t\t\t}\n\t\t})\n\t})\n}\n"],"names":[],"mappings":"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"}
\ No newline at end of file

dist/index.js

+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var path = _interopDefault(require('path'));
+var Color = _interopDefault(require('color'));
+var generateUUID = _interopDefault(require('uuid/v4'));
+var hash = _interopDefault(require('object-hash'));
+var zlib = _interopDefault(require('zlib'));
+
+/**
+ * Created by rockyl on 2019-08-09.
+ */
+
+const PSD = window['require']('psd');
+
+async function getTree(file) {
+	let psd = await PSD.fromDroppedFile(file);
+
+	const root = {};
+	walk(psd.tree(), root);
+
+	return root;
+}
+
+function walk(psNode, dataNode) {
+	const {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};
+	const {left, top, width, height, name, layer: {opacity, visible}} = psNode;
+	const x = left - pLeft;
+	const y = top - pTop;
+
+	Object.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});
+	if (psNode.children() && psNode.children().length > 0){
+		dataNode.children = [];
+	}
+
+	let children = psNode.children();
+	for (let i = children.length - 1; i >= 0; i--) {
+		const childPsNode = children[i];
+
+		const childDataNode = {};
+		dataNode.children.push(childDataNode);
+		walk(childPsNode, childDataNode);
+	}
+}
+
+/**
+ * Created by rockyl on 2019-08-10.
+ */
+
+async function walkNode(node, callback, includeSelf = false) {
+	if (includeSelf) {
+		await callback(node, null);
+	}
+	if (node.children && node.children.length > 0) {
+		for (let childNode of node.children) {
+			await callback(childNode, node);
+			const result = await walkNode(childNode, callback);
+			if (result === true) {
+				break;
+			}
+		}
+	}
+}
+
+/**
+ * Created by rockyl on 2019-09-26.
+ *
+ * 导出zeroing的视图
+ */
+
+async function execute(psdFile, options) {
+	const tree = await getTree(psdFile);
+
+	let viewRoot = {
+		name: path.basename(psdFile.name, '.psd'),
+		type: 'node',
+		uuid: generateUUID(),
+	};
+
+	const assets = [];
+	const imageHashMap = {};
+
+	await walkNode(tree, async function (node, parent) {
+		const {name, x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;
+		console.log('walk node:', name);
+		let properties = {
+			width, height, alpha, visible,
+		};
+		let viewNode = {
+			name,
+			properties,
+			uuid: generateUUID(),
+		};
+		let dealLater = true;
+		if (x !== 0) {
+			properties.x = x;
+		}
+		if (y !== 0) {
+			properties.y = y;
+		}
+
+		if (typeTool) {
+			let fontInfo = typeTool();
+			//const fonts = fontInfo.fonts();
+			//const styles = fontInfo.styles();
+			//const {RunLengthArray} = fontInfo.engineData.EngineDict.StyleRun;
+
+			properties.text = fontInfo.textValue;
+			const sizes = fontInfo.sizes();
+			const colors = fontInfo.colors();
+			properties.size = sizes ? sizes[0] || 20 : 20;
+			let [r, g, b, a] = colors[0];
+			properties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
+			/*properties.textflow = {
+				fonts, styles, RunLengthArray,
+			};*/
+			viewNode.type = 'label';
+			dealLater = false;
+		} else if (solidColor) {
+			const {r, g, b} = solidColor();
+			let color = Color({r, g, b});
+
+			let paths = layer.vectorMask().paths;
+			if (paths[2].numPoints === 4) {
+				let isRect = true;
+				for (let i = 3; i < paths.length; i++) {
+					if (paths[i].recordType !== 2) {
+						isRect = false;
+						break;
+					}
+				}
+				if (isRect) {
+					viewNode.type = 'rect';
+					properties.fillColor = '#' + color.rgbNumber().toString(16);
+					dealLater = false;
+				}
+			}
+		}
+
+		if (dealLater) {
+			if (node.hasOwnProperty('children')) {
+				viewNode.type = 'node';
+			} else {
+				viewNode.type = 'image';
+
+				let uuid = generateUUID();
+				const ext = '.png';
+
+				let dataUrl;
+				try {
+					let img = node.origin.toPng();
+					dataUrl = img.src;
+				}catch (e) {
+
+				}
+
+				if (dataUrl) {
+					let base64Data = dataUrl.replace(/^data:image\/\w+;base64,/, "");
+					let buffer = new Buffer(base64Data, 'base64');
+					const fileNameHash = hash(buffer);
+					if (imageHashMap.hasOwnProperty(fileNameHash)) {
+						uuid = imageHashMap[fileNameHash];
+					} else {
+						imageHashMap[fileNameHash] = uuid;
+						assets.push({
+							name,
+							ext,
+							uuid,
+							base64Data,
+							hash: fileNameHash,
+						});
+					}
+
+					properties.source = 'asset://' + uuid;
+				}
+			}
+		}
+
+		let viewParent = parent.view || viewRoot;
+		if (!viewParent.hasOwnProperty('children')) {
+			viewParent.children = [];
+		}
+		viewParent.children.push(viewNode);
+
+		node.view = viewNode;
+	});
+
+	let data = {
+		view: viewRoot,
+		assets,
+	};
+
+	let dataString = JSON.stringify(data);
+	console.log(dataString.length);
+
+	let buf = new Buffer(dataString);
+	return await new Promise((resolve, reject)=>{
+		zlib.gzip(buf,function(err,res){
+			if(err){
+				reject(err);
+			}else{
+				console.log(res.length);
+				resolve(res);
+			}
+		});
+	})
+}
+
+exports.getTree = getTree;
+exports.toZeroing = execute;
+//# sourceMappingURL=index.js.map

dist/index.js.map

+{"version":3,"file":"index.js","sources":["../src/psd-tree.js","../src/utils.js","../src/zeroing.js"],"sourcesContent":["/**\n * Created by rockyl on 2019-08-09.\n */\n\nconst PSD = window['require']('psd');\n\nexport async function getTree(file) {\n\tlet psd = await PSD.fromDroppedFile(file);\n\n\tconst root = {};\n\twalk(psd.tree(), root);\n\n\treturn root;\n}\n\nfunction walk(psNode, dataNode) {\n\tconst {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};\n\tconst {left, top, width, height, name, layer: {opacity, visible}} = psNode;\n\tconst x = left - pLeft;\n\tconst y = top - pTop;\n\n\tObject.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});\n\tif (psNode.children() && psNode.children().length > 0){\n\t\tdataNode.children = [];\n\t}\n\n\tlet children = psNode.children();\n\tfor (let i = children.length - 1; i >= 0; i--) {\n\t\tconst childPsNode = children[i];\n\n\t\tconst childDataNode = {};\n\t\tdataNode.children.push(childDataNode);\n\t\twalk(childPsNode, childDataNode)\n\t}\n}\n","/**\n * Created by rockyl on 2019-08-10.\n */\n\nexport async function walkNode(node, callback, includeSelf = false) {\n\tif (includeSelf) {\n\t\tawait callback(node, null);\n\t}\n\tif (node.children && node.children.length > 0) {\n\t\tfor (let childNode of node.children) {\n\t\t\tawait callback(childNode, node);\n\t\t\tconst result = await walkNode(childNode, callback);\n\t\t\tif (result === true) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport async function walkObject(obj, callback) {\n\tif(typeof obj === \"object\"){\n\t\tfor (let key of Object.keys(obj)) {\n\t\t\tconst value = obj[key];\n\t\t\tawait callback(key, value, obj);\n\t\t\tconst result = await walkObject(value, callback);\n\t\t\tif (result === true) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Created by rockyl on 2019-09-26.\n *\n * 导出zeroing的视图\n */\n\nimport {getTree} from \"./psd-tree\";\nimport {walkNode} from \"./utils\";\nimport path from 'path'\nimport Color from 'color'\nimport generateUUID from 'uuid/v4'\nimport hash from 'object-hash';\nimport zlib from 'zlib';\n\nexport async function execute(psdFile, options) {\n\tconst tree = await getTree(psdFile);\n\n\tlet viewRoot = {\n\t\tname: path.basename(psdFile.name, '.psd'),\n\t\ttype: 'node',\n\t\tuuid: generateUUID(),\n\t};\n\n\tconst assets = [];\n\tconst imageHashMap = {};\n\n\tawait walkNode(tree, async function (node, parent) {\n\t\tconst {name, x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;\n\t\tconsole.log('walk node:', name);\n\t\tlet properties = {\n\t\t\twidth, height, alpha, visible,\n\t\t};\n\t\tlet viewNode = {\n\t\t\tname,\n\t\t\tproperties,\n\t\t\tuuid: generateUUID(),\n\t\t};\n\t\tlet dealLater = true;\n\t\tif (x !== 0) {\n\t\t\tproperties.x = x;\n\t\t}\n\t\tif (y !== 0) {\n\t\t\tproperties.y = y;\n\t\t}\n\n\t\tif (typeTool) {\n\t\t\tlet fontInfo = typeTool();\n\t\t\t//const fonts = fontInfo.fonts();\n\t\t\t//const styles = fontInfo.styles();\n\t\t\t//const {RunLengthArray} = fontInfo.engineData.EngineDict.StyleRun;\n\n\t\t\tproperties.text = fontInfo.textValue;\n\t\t\tconst sizes = fontInfo.sizes();\n\t\t\tconst colors = fontInfo.colors();\n\t\t\tproperties.size = sizes ? sizes[0] || 20 : 20;\n\t\t\tlet [r, g, b, a] = colors[0];\n\t\t\tproperties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;\n\t\t\t/*properties.textflow = {\n\t\t\t\tfonts, styles, RunLengthArray,\n\t\t\t};*/\n\t\t\tviewNode.type = 'label';\n\t\t\tdealLater = false;\n\t\t} else if (solidColor) {\n\t\t\tconst {r, g, b} = solidColor();\n\t\t\tlet color = Color({r, g, b});\n\n\t\t\tlet paths = layer.vectorMask().paths;\n\t\t\tif (paths[2].numPoints === 4) {\n\t\t\t\tlet isRect = true;\n\t\t\t\tfor (let i = 3; i < paths.length; i++) {\n\t\t\t\t\tif (paths[i].recordType !== 2) {\n\t\t\t\t\t\tisRect = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (isRect) {\n\t\t\t\t\tviewNode.type = 'rect';\n\t\t\t\t\tproperties.fillColor = '#' + color.rgbNumber().toString(16);\n\t\t\t\t\tdealLater = false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (dealLater) {\n\t\t\tif (node.hasOwnProperty('children')) {\n\t\t\t\tviewNode.type = 'node';\n\t\t\t} else {\n\t\t\t\tviewNode.type = 'image';\n\n\t\t\t\tlet uuid = generateUUID();\n\t\t\t\tconst ext = '.png';\n\n\t\t\t\tlet dataUrl;\n\t\t\t\ttry {\n\t\t\t\t\tlet img = node.origin.toPng();\n\t\t\t\t\tdataUrl = img.src;\n\t\t\t\t}catch (e) {\n\n\t\t\t\t}\n\n\t\t\t\tif (dataUrl) {\n\t\t\t\t\tlet base64Data = dataUrl.replace(/^data:image\\/\\w+;base64,/, \"\");\n\t\t\t\t\tlet buffer = new Buffer(base64Data, 'base64');\n\t\t\t\t\tconst fileNameHash = hash(buffer);\n\t\t\t\t\tif (imageHashMap.hasOwnProperty(fileNameHash)) {\n\t\t\t\t\t\tuuid = imageHashMap[fileNameHash];\n\t\t\t\t\t} else {\n\t\t\t\t\t\timageHashMap[fileNameHash] = uuid;\n\t\t\t\t\t\tassets.push({\n\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\text,\n\t\t\t\t\t\t\tuuid,\n\t\t\t\t\t\t\tbase64Data,\n\t\t\t\t\t\t\thash: fileNameHash,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tproperties.source = 'asset://' + uuid;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tlet viewParent = parent.view || viewRoot;\n\t\tif (!viewParent.hasOwnProperty('children')) {\n\t\t\tviewParent.children = [];\n\t\t}\n\t\tviewParent.children.push(viewNode);\n\n\t\tnode.view = viewNode;\n\t});\n\n\tlet data = {\n\t\tview: viewRoot,\n\t\tassets,\n\t};\n\n\tlet dataString = JSON.stringify(data);\n\tconsole.log(dataString.length);\n\n\tlet buf = new Buffer(dataString);\n\treturn await new Promise((resolve, reject)=>{\n\t\tzlib.gzip(buf,function(err,res){\n\t\t\tif(err){\n\t\t\t\treject(err);\n\t\t\t}else{\n\t\t\t\tconsole.log(res.length);\n\t\t\t\tresolve(res);\n\t\t\t}\n\t\t})\n\t})\n}\n"],"names":[],"mappings":"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"}
\ No newline at end of file

dist/index.umd.js

+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('path'), require('color'), require('uuid/v4'), require('object-hash'), require('zlib')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'path', 'color', 'uuid/v4', 'object-hash', 'zlib'], factory) :
+	(global = global || self, factory(global['psd-parse-web'] = {}, global.path, global.Color, global.generateUUID, global.hash, global.zlib));
+}(this, function (exports, path, Color, generateUUID, hash, zlib) { 'use strict';
+
+	path = path && path.hasOwnProperty('default') ? path['default'] : path;
+	Color = Color && Color.hasOwnProperty('default') ? Color['default'] : Color;
+	generateUUID = generateUUID && generateUUID.hasOwnProperty('default') ? generateUUID['default'] : generateUUID;
+	hash = hash && hash.hasOwnProperty('default') ? hash['default'] : hash;
+	zlib = zlib && zlib.hasOwnProperty('default') ? zlib['default'] : zlib;
+
+	/**
+	 * Created by rockyl on 2019-08-09.
+	 */
+
+	const PSD = window['require']('psd');
+
+	async function getTree(file) {
+		let psd = await PSD.fromDroppedFile(file);
+
+		const root = {};
+		walk(psd.tree(), root);
+
+		return root;
+	}
+
+	function walk(psNode, dataNode) {
+		const {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};
+		const {left, top, width, height, name, layer: {opacity, visible}} = psNode;
+		const x = left - pLeft;
+		const y = top - pTop;
+
+		Object.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});
+		if (psNode.children() && psNode.children().length > 0){
+			dataNode.children = [];
+		}
+
+		let children = psNode.children();
+		for (let i = children.length - 1; i >= 0; i--) {
+			const childPsNode = children[i];
+
+			const childDataNode = {};
+			dataNode.children.push(childDataNode);
+			walk(childPsNode, childDataNode);
+		}
+	}
+
+	/**
+	 * Created by rockyl on 2019-08-10.
+	 */
+
+	async function walkNode(node, callback, includeSelf = false) {
+		if (includeSelf) {
+			await callback(node, null);
+		}
+		if (node.children && node.children.length > 0) {
+			for (let childNode of node.children) {
+				await callback(childNode, node);
+				const result = await walkNode(childNode, callback);
+				if (result === true) {
+					break;
+				}
+			}
+		}
+	}
+
+	/**
+	 * Created by rockyl on 2019-09-26.
+	 *
+	 * 导出zeroing的视图
+	 */
+
+	async function execute(psdFile, options) {
+		const tree = await getTree(psdFile);
+
+		let viewRoot = {
+			name: path.basename(psdFile.name, '.psd'),
+			type: 'node',
+			uuid: generateUUID(),
+		};
+
+		const assets = [];
+		const imageHashMap = {};
+
+		await walkNode(tree, async function (node, parent) {
+			const {name, x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;
+			console.log('walk node:', name);
+			let properties = {
+				width, height, alpha, visible,
+			};
+			let viewNode = {
+				name,
+				properties,
+				uuid: generateUUID(),
+			};
+			let dealLater = true;
+			if (x !== 0) {
+				properties.x = x;
+			}
+			if (y !== 0) {
+				properties.y = y;
+			}
+
+			if (typeTool) {
+				let fontInfo = typeTool();
+				//const fonts = fontInfo.fonts();
+				//const styles = fontInfo.styles();
+				//const {RunLengthArray} = fontInfo.engineData.EngineDict.StyleRun;
+
+				properties.text = fontInfo.textValue;
+				const sizes = fontInfo.sizes();
+				const colors = fontInfo.colors();
+				properties.size = sizes ? sizes[0] || 20 : 20;
+				let [r, g, b, a] = colors[0];
+				properties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
+				/*properties.textflow = {
+					fonts, styles, RunLengthArray,
+				};*/
+				viewNode.type = 'label';
+				dealLater = false;
+			} else if (solidColor) {
+				const {r, g, b} = solidColor();
+				let color = Color({r, g, b});
+
+				let paths = layer.vectorMask().paths;
+				if (paths[2].numPoints === 4) {
+					let isRect = true;
+					for (let i = 3; i < paths.length; i++) {
+						if (paths[i].recordType !== 2) {
+							isRect = false;
+							break;
+						}
+					}
+					if (isRect) {
+						viewNode.type = 'rect';
+						properties.fillColor = '#' + color.rgbNumber().toString(16);
+						dealLater = false;
+					}
+				}
+			}
+
+			if (dealLater) {
+				if (node.hasOwnProperty('children')) {
+					viewNode.type = 'node';
+				} else {
+					viewNode.type = 'image';
+
+					let uuid = generateUUID();
+					const ext = '.png';
+
+					let dataUrl;
+					try {
+						let img = node.origin.toPng();
+						dataUrl = img.src;
+					}catch (e) {
+
+					}
+
+					if (dataUrl) {
+						let base64Data = dataUrl.replace(/^data:image\/\w+;base64,/, "");
+						let buffer = new Buffer(base64Data, 'base64');
+						const fileNameHash = hash(buffer);
+						if (imageHashMap.hasOwnProperty(fileNameHash)) {
+							uuid = imageHashMap[fileNameHash];
+						} else {
+							imageHashMap[fileNameHash] = uuid;
+							assets.push({
+								name,
+								ext,
+								uuid,
+								base64Data,
+								hash: fileNameHash,
+							});
+						}
+
+						properties.source = 'asset://' + uuid;
+					}
+				}
+			}
+
+			let viewParent = parent.view || viewRoot;
+			if (!viewParent.hasOwnProperty('children')) {
+				viewParent.children = [];
+			}
+			viewParent.children.push(viewNode);
+
+			node.view = viewNode;
+		});
+
+		let data = {
+			view: viewRoot,
+			assets,
+		};
+
+		let dataString = JSON.stringify(data);
+		console.log(dataString.length);
+
+		let buf = new Buffer(dataString);
+		return await new Promise((resolve, reject)=>{
+			zlib.gzip(buf,function(err,res){
+				if(err){
+					reject(err);
+				}else{
+					console.log(res.length);
+					resolve(res);
+				}
+			});
+		})
+	}
+
+	exports.getTree = getTree;
+	exports.toZeroing = execute;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=index.umd.js.map

dist/index.umd.js.map

+{"version":3,"file":"index.umd.js","sources":["../src/psd-tree.js","../src/utils.js","../src/zeroing.js"],"sourcesContent":["/**\n * Created by rockyl on 2019-08-09.\n */\n\nconst PSD = window['require']('psd');\n\nexport async function getTree(file) {\n\tlet psd = await PSD.fromDroppedFile(file);\n\n\tconst root = {};\n\twalk(psd.tree(), root);\n\n\treturn root;\n}\n\nfunction walk(psNode, dataNode) {\n\tconst {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};\n\tconst {left, top, width, height, name, layer: {opacity, visible}} = psNode;\n\tconst x = left - pLeft;\n\tconst y = top - pTop;\n\n\tObject.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});\n\tif (psNode.children() && psNode.children().length > 0){\n\t\tdataNode.children = [];\n\t}\n\n\tlet children = psNode.children();\n\tfor (let i = children.length - 1; i >= 0; i--) {\n\t\tconst childPsNode = children[i];\n\n\t\tconst childDataNode = {};\n\t\tdataNode.children.push(childDataNode);\n\t\twalk(childPsNode, childDataNode)\n\t}\n}\n","/**\n * Created by rockyl on 2019-08-10.\n */\n\nexport async function walkNode(node, callback, includeSelf = false) {\n\tif (includeSelf) {\n\t\tawait callback(node, null);\n\t}\n\tif (node.children && node.children.length > 0) {\n\t\tfor (let childNode of node.children) {\n\t\t\tawait callback(childNode, node);\n\t\t\tconst result = await walkNode(childNode, callback);\n\t\t\tif (result === true) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n}\n\nexport async function walkObject(obj, callback) {\n\tif(typeof obj === \"object\"){\n\t\tfor (let key of Object.keys(obj)) {\n\t\t\tconst value = obj[key];\n\t\t\tawait callback(key, value, obj);\n\t\t\tconst result = await walkObject(value, callback);\n\t\t\tif (result === true) {\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Created by rockyl on 2019-09-26.\n *\n * 导出zeroing的视图\n */\n\nimport {getTree} from \"./psd-tree\";\nimport {walkNode} from \"./utils\";\nimport path from 'path'\nimport Color from 'color'\nimport generateUUID from 'uuid/v4'\nimport hash from 'object-hash';\nimport zlib from 'zlib';\n\nexport async function execute(psdFile, options) {\n\tconst tree = await getTree(psdFile);\n\n\tlet viewRoot = {\n\t\tname: path.basename(psdFile.name, '.psd'),\n\t\ttype: 'node',\n\t\tuuid: generateUUID(),\n\t};\n\n\tconst assets = [];\n\tconst imageHashMap = {};\n\n\tawait walkNode(tree, async function (node, parent) {\n\t\tconst {name, x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;\n\t\tconsole.log('walk node:', name);\n\t\tlet properties = {\n\t\t\twidth, height, alpha, visible,\n\t\t};\n\t\tlet viewNode = {\n\t\t\tname,\n\t\t\tproperties,\n\t\t\tuuid: generateUUID(),\n\t\t};\n\t\tlet dealLater = true;\n\t\tif (x !== 0) {\n\t\t\tproperties.x = x;\n\t\t}\n\t\tif (y !== 0) {\n\t\t\tproperties.y = y;\n\t\t}\n\n\t\tif (typeTool) {\n\t\t\tlet fontInfo = typeTool();\n\t\t\t//const fonts = fontInfo.fonts();\n\t\t\t//const styles = fontInfo.styles();\n\t\t\t//const {RunLengthArray} = fontInfo.engineData.EngineDict.StyleRun;\n\n\t\t\tproperties.text = fontInfo.textValue;\n\t\t\tconst sizes = fontInfo.sizes();\n\t\t\tconst colors = fontInfo.colors();\n\t\t\tproperties.size = sizes ? sizes[0] || 20 : 20;\n\t\t\tlet [r, g, b, a] = colors[0];\n\t\t\tproperties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;\n\t\t\t/*properties.textflow = {\n\t\t\t\tfonts, styles, RunLengthArray,\n\t\t\t};*/\n\t\t\tviewNode.type = 'label';\n\t\t\tdealLater = false;\n\t\t} else if (solidColor) {\n\t\t\tconst {r, g, b} = solidColor();\n\t\t\tlet color = Color({r, g, b});\n\n\t\t\tlet paths = layer.vectorMask().paths;\n\t\t\tif (paths[2].numPoints === 4) {\n\t\t\t\tlet isRect = true;\n\t\t\t\tfor (let i = 3; i < paths.length; i++) {\n\t\t\t\t\tif (paths[i].recordType !== 2) {\n\t\t\t\t\t\tisRect = false;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (isRect) {\n\t\t\t\t\tviewNode.type = 'rect';\n\t\t\t\t\tproperties.fillColor = '#' + color.rgbNumber().toString(16);\n\t\t\t\t\tdealLater = false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (dealLater) {\n\t\t\tif (node.hasOwnProperty('children')) {\n\t\t\t\tviewNode.type = 'node';\n\t\t\t} else {\n\t\t\t\tviewNode.type = 'image';\n\n\t\t\t\tlet uuid = generateUUID();\n\t\t\t\tconst ext = '.png';\n\n\t\t\t\tlet dataUrl;\n\t\t\t\ttry {\n\t\t\t\t\tlet img = node.origin.toPng();\n\t\t\t\t\tdataUrl = img.src;\n\t\t\t\t}catch (e) {\n\n\t\t\t\t}\n\n\t\t\t\tif (dataUrl) {\n\t\t\t\t\tlet base64Data = dataUrl.replace(/^data:image\\/\\w+;base64,/, \"\");\n\t\t\t\t\tlet buffer = new Buffer(base64Data, 'base64');\n\t\t\t\t\tconst fileNameHash = hash(buffer);\n\t\t\t\t\tif (imageHashMap.hasOwnProperty(fileNameHash)) {\n\t\t\t\t\t\tuuid = imageHashMap[fileNameHash];\n\t\t\t\t\t} else {\n\t\t\t\t\t\timageHashMap[fileNameHash] = uuid;\n\t\t\t\t\t\tassets.push({\n\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\text,\n\t\t\t\t\t\t\tuuid,\n\t\t\t\t\t\t\tbase64Data,\n\t\t\t\t\t\t\thash: fileNameHash,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tproperties.source = 'asset://' + uuid;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tlet viewParent = parent.view || viewRoot;\n\t\tif (!viewParent.hasOwnProperty('children')) {\n\t\t\tviewParent.children = [];\n\t\t}\n\t\tviewParent.children.push(viewNode);\n\n\t\tnode.view = viewNode;\n\t});\n\n\tlet data = {\n\t\tview: viewRoot,\n\t\tassets,\n\t};\n\n\tlet dataString = JSON.stringify(data);\n\tconsole.log(dataString.length);\n\n\tlet buf = new Buffer(dataString);\n\treturn await new Promise((resolve, reject)=>{\n\t\tzlib.gzip(buf,function(err,res){\n\t\t\tif(err){\n\t\t\t\treject(err);\n\t\t\t}else{\n\t\t\t\tconsole.log(res.length);\n\t\t\t\tresolve(res);\n\t\t\t}\n\t\t})\n\t})\n}\n"],"names":[],"mappings":"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"}
\ No newline at end of file

package.json

+{
+  "name": "psd-parse-web",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "dependencies": {
+    "color": "^3.1.2",
+    "object-hash": "^2.0.1",
+    "uuid": "^3.3.3"
+  }
+}

psd-parse-web.iml

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/dist" />
+    </content>
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file

rollup.config.js

+/**
+ * Created by rockyl on 2018/11/16.
+ */
+
+const name = 'psd-parse-web';
+
+export default {
+	input: 'src/index.js',
+	output: [
+		{
+			file: `dist/index.js`,
+			format: 'cjs',
+			sourcemap: true,
+		},
+		{
+			file: `dist/index.es.js`,
+			format: 'es',
+			sourcemap: true,
+		},
+		{
+			file: `dist/index.umd.js`,
+			format: 'umd',
+			sourcemap: true,
+			name,
+		}
+	],
+	plugins: [
+
+	]
+};

src/index.js

+/**
+ * Created by rockyl on 2019-08-08.
+ */
+
+export {getTree} from "./psd-tree";
+
+export {execute as toZeroing} from "./zeroing";

src/psd-tree.js

+/**
+ * Created by rockyl on 2019-08-09.
+ */
+
+const PSD = window['require']('psd');
+
+export async function getTree(file) {
+	let psd = await PSD.fromDroppedFile(file);
+
+	const root = {};
+	walk(psd.tree(), root);
+
+	return root;
+}
+
+function walk(psNode, dataNode) {
+	const {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};
+	const {left, top, width, height, name, layer: {opacity, visible}} = psNode;
+	const x = left - pLeft;
+	const y = top - pTop;
+
+	Object.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});
+	if (psNode.children() && psNode.children().length > 0){
+		dataNode.children = [];
+	}
+
+	let children = psNode.children();
+	for (let i = children.length - 1; i >= 0; i--) {
+		const childPsNode = children[i];
+
+		const childDataNode = {};
+		dataNode.children.push(childDataNode);
+		walk(childPsNode, childDataNode)
+	}
+}

src/utils.js

+/**
+ * Created by rockyl on 2019-08-10.
+ */
+
+export async function walkNode(node, callback, includeSelf = false) {
+	if (includeSelf) {
+		await callback(node, null);
+	}
+	if (node.children && node.children.length > 0) {
+		for (let childNode of node.children) {
+			await callback(childNode, node);
+			const result = await walkNode(childNode, callback);
+			if (result === true) {
+				break;
+			}
+		}
+	}
+}
+
+export async function walkObject(obj, callback) {
+	if(typeof obj === "object"){
+		for (let key of Object.keys(obj)) {
+			const value = obj[key];
+			await callback(key, value, obj);
+			const result = await walkObject(value, callback);
+			if (result === true) {
+				break;
+			}
+		}
+	}
+}

src/zeroing.js

+/**
+ * Created by rockyl on 2019-09-26.
+ *
+ * 导出zeroing的视图
+ */
+
+import {getTree} from "./psd-tree";
+import {walkNode} from "./utils";
+import path from 'path'
+import Color from 'color'
+import generateUUID from 'uuid/v4'
+import hash from 'object-hash';
+import zlib from 'zlib';
+
+export async function execute(psdFile, options) {
+	const tree = await getTree(psdFile);
+
+	let viewRoot = {
+		name: path.basename(psdFile.name, '.psd'),
+		type: 'node',
+		uuid: generateUUID(),
+	};
+
+	const assets = [];
+	const imageHashMap = {};
+
+	await walkNode(tree, async function (node, parent) {
+		const {name, x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;
+		console.log('walk node:', name);
+		let properties = {
+			width, height, alpha, visible,
+		};
+		let viewNode = {
+			name,
+			properties,
+			uuid: generateUUID(),
+		};
+		let dealLater = true;
+		if (x !== 0) {
+			properties.x = x;
+		}
+		if (y !== 0) {
+			properties.y = y;
+		}
+
+		if (typeTool) {
+			let fontInfo = typeTool();
+			//const fonts = fontInfo.fonts();
+			//const styles = fontInfo.styles();
+			//const {RunLengthArray} = fontInfo.engineData.EngineDict.StyleRun;
+
+			properties.text = fontInfo.textValue;
+			const sizes = fontInfo.sizes();
+			const colors = fontInfo.colors();
+			properties.size = sizes ? sizes[0] || 20 : 20;
+			let [r, g, b, a] = colors[0];
+			properties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
+			/*properties.textflow = {
+				fonts, styles, RunLengthArray,
+			};*/
+			viewNode.type = 'label';
+			dealLater = false;
+		} else if (solidColor) {
+			const {r, g, b} = solidColor();
+			let color = Color({r, g, b});
+
+			let paths = layer.vectorMask().paths;
+			if (paths[2].numPoints === 4) {
+				let isRect = true;
+				for (let i = 3; i < paths.length; i++) {
+					if (paths[i].recordType !== 2) {
+						isRect = false;
+						break;
+					}
+				}
+				if (isRect) {
+					viewNode.type = 'rect';
+					properties.fillColor = '#' + color.rgbNumber().toString(16);
+					dealLater = false;
+				}
+			}
+		}
+
+		if (dealLater) {
+			if (node.hasOwnProperty('children')) {
+				viewNode.type = 'node';
+			} else {
+				viewNode.type = 'image';
+
+				let uuid = generateUUID();
+				const ext = '.png';
+
+				let dataUrl;
+				try {
+					let img = node.origin.toPng();
+					dataUrl = img.src;
+				}catch (e) {
+
+				}
+
+				if (dataUrl) {
+					let base64Data = dataUrl.replace(/^data:image\/\w+;base64,/, "");
+					let buffer = new Buffer(base64Data, 'base64');
+					const fileNameHash = hash(buffer);
+					if (imageHashMap.hasOwnProperty(fileNameHash)) {
+						uuid = imageHashMap[fileNameHash];
+					} else {
+						imageHashMap[fileNameHash] = uuid;
+						assets.push({
+							name,
+							ext,
+							uuid,
+							base64Data,
+							hash: fileNameHash,
+						});
+					}
+
+					properties.source = 'asset://' + uuid;
+				}
+			}
+		}
+
+		let viewParent = parent.view || viewRoot;
+		if (!viewParent.hasOwnProperty('children')) {
+			viewParent.children = [];
+		}
+		viewParent.children.push(viewNode);
+
+		node.view = viewNode;
+	});
+
+	let data = {
+		view: viewRoot,
+		assets,
+	};
+
+	let dataString = JSON.stringify(data);
+	console.log(dataString.length);
+
+	let buf = new Buffer(dataString);
+	return await new Promise((resolve, reject)=>{
+		zlib.gzip(buf,function(err,res){
+			if(err){
+				reject(err);
+			}else{
+				console.log(res.length);
+				resolve(res);
+			}
+		})
+	})
+}

yarn.lock

+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+color-convert@^1.9.1:
+  version "1.9.3"
+  resolved "https://registry.npm.taobao.org/color-convert/download/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=
+  dependencies:
+    color-name "1.1.3"
+
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
+
+color-name@^1.0.0:
+  version "1.1.4"
+  resolved "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=
+
+color-string@^1.5.2:
+  version "1.5.3"
+  resolved "https://registry.npm.taobao.org/color-string/download/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
+  integrity sha1-ybvF8BtYtUkvPWhXRZy2WQziBMw=
+  dependencies:
+    color-name "^1.0.0"
+    simple-swizzle "^0.2.2"
+
+color@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npm.taobao.org/color/download/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
+  integrity sha1-aBSOf4XUGtdknF+oyBBvCY0inhA=
+  dependencies:
+    color-convert "^1.9.1"
+    color-string "^1.5.2"
+
+is-arrayish@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.npm.taobao.org/is-arrayish/download/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
+  integrity sha1-RXSirlb3qyBolvtDHq7tBm/fjwM=
+
+object-hash@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npm.taobao.org/object-hash/download/object-hash-2.0.1.tgz#cef18a0c940cc60aa27965ecf49b782cbf101d96"
+  integrity sha1-zvGKDJQMxgqieWXs9Jt4LL8QHZY=
+
+simple-swizzle@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.npm.taobao.org/simple-swizzle/download/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
+  integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
+  dependencies:
+    is-arrayish "^0.3.1"
+
+uuid@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.npm.taobao.org/uuid/download/uuid-3.3.3.tgz#4568f0216e78760ee1dbf3a4d2cf53e224112866"
+  integrity sha1-RWjwIW54dg7h2/Ok0s9T4iQRKGY=