Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
P
psd-parse
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
劳工
psd-parse
Commits
f112f438
Commit
f112f438
authored
Sep 27, 2019
by
rockyl
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
文件名使用hash字符串
节点增加uuid字段
parent
a79d745a
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
80 additions
and
26 deletions
+80
-26
package.json
package.json
+2
-1
generator.cjs.js
samples/zeroing-demo/generator.cjs.js
+37
-14
generator.cjs.js.map
samples/zeroing-demo/generator.cjs.js.map
+1
-1
zeroing.js
src/zeroing.js
+35
-10
yarn.lock
yarn.lock
+5
-0
No files found.
package.json
View file @
f112f438
{
"name"
:
"psd-parse"
,
"version"
:
"1.0.
0
"
,
"version"
:
"1.0.
1
"
,
"main"
:
"dist/index.js"
,
"license"
:
"
MIT
"
,
"dependencies"
:
{
"
color
"
:
"
^3.1.2
"
,
"
fs-extra
"
:
"
^8.1.0
"
,
"
object-hash
"
:
"
^1.3.1
"
,
"
psd
"
:
"
^3.2.0
"
,
"
uuid
"
:
"
^3.3.3
"
,
"
xml
"
:
"
^1.0.1
"
...
...
samples/zeroing-demo/generator.cjs.js
View file @
f112f438
...
...
@@ -7,6 +7,7 @@ var path = _interopDefault(require('path'));
var
fs
=
_interopDefault
(
require
(
'fs-extra'
));
var
Color
=
_interopDefault
(
require
(
'color'
));
var
generateUUID
=
_interopDefault
(
require
(
'uuid/v4'
));
var
hash
=
_interopDefault
(
require
(
'object-hash'
));
/**
* Created by rockyl on 2019-08-09.
...
...
@@ -68,7 +69,7 @@ async function walkNode(node, callback, includeSelf = false) {
* 导出zeroing的视图
*/
async
function
execute
$1
(
psdFile
,
options
)
{
async
function
execute
(
psdFile
,
options
)
{
const
{
imagesPath
,
}
=
options
;
...
...
@@ -83,13 +84,14 @@ async function execute$1(psdFile, options) {
const
assets
=
[];
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
const
{
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
const
{
name
,
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
let
properties
=
{
width
,
height
,
alpha
,
visible
,
};
let
viewNode
=
{
name
:
node
.
name
,
name
,
properties
,
uuid
:
generateUUID
(),
};
if
(
x
!==
0
)
{
properties
.
x
=
x
;
...
...
@@ -98,8 +100,8 @@ async function execute$1(psdFile, options) {
properties
.
y
=
y
;
}
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
const
fonts
=
fontInfo
.
fonts
();
const
styles
=
fontInfo
.
styles
();
const
{
RunLengthArray
}
=
fontInfo
.
engineData
.
EngineDict
.
StyleRun
;
...
...
@@ -109,30 +111,35 @@ async function execute$1(psdFile, options) {
fonts
,
styles
,
RunLengthArray
,
};
viewNode
.
type
=
'label'
;
}
else
if
(
solidColor
)
{
}
else
if
(
solidColor
)
{
const
{
r
,
g
,
b
}
=
solidColor
();
let
color
=
Color
({
r
,
g
,
b
});
viewNode
.
type
=
'rect'
;
properties
.
fillColor
=
'#'
+
color
.
rgbNumber
().
toString
(
16
);
}
else
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
}
else
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
viewNode
.
type
=
'node'
;
}
else
{
}
else
{
viewNode
.
type
=
'image'
;
const
uuid
=
generateUUID
();
const
fileName
=
Date
.
now
().
valueOf
();
const
ext
=
'.png'
;
properties
.
source
=
'asset|'
+
uuid
;
const
imageFilePath
=
path
.
join
(
imagesPath
,
fileName
+
ext
);
const
imageFilePath
=
path
.
join
(
imagesPath
,
uuid
+
ext
);
await
fs
.
ensureDir
(
path
.
dirname
(
imageFilePath
));
await
node
.
origin
.
saveAsPng
(
imageFilePath
);
let
png
=
node
.
origin
.
toPng
();
let
buffer
=
await
savePng
(
png
,
imageFilePath
);
//await node.origin.saveAsPng(imageFilePath);
const
hashFileName
=
hash
(
buffer
);
const
hashFilePath
=
path
.
join
(
imagesPath
,
hashFileName
+
ext
);
await
fs
.
rename
(
imageFilePath
,
hashFilePath
);
assets
.
push
({
name
:
fileName
,
name
,
ext
,
uuid
,
});
...
...
@@ -154,6 +161,22 @@ async function execute$1(psdFile, options) {
}
}
function
savePng
(
png
,
output
)
{
return
new
Promise
((
resolve
,
reject
)
=>
{
let
buffer
,
buffers
=
[];
png
.
pack
()
.
on
(
'error'
,
reject
)
.
on
(
'data'
,
(
data
)
=>
buffers
.
push
(
data
))
.
on
(
'end'
,
()
=>
{
buffer
=
Buffer
.
concat
(
buffers
);
})
.
pipe
(
fs
.
createWriteStream
(
output
))
.
on
(
'finish'
,
()
=>
{
resolve
(
buffer
);
});
});
}
/**
* Created by rockyl on 2019-08-10.
*/
...
...
@@ -161,7 +184,7 @@ async function execute$1(psdFile, options) {
(
async
function
generate
()
{
const
imagesPath
=
'zeroing-demo/images_'
+
Date
.
now
();
const
{
view
,
assets
}
=
await
execute
$1
(
'psd/test.psd'
,
{
const
{
view
,
assets
}
=
await
execute
(
'psd/test.psd'
,
{
imagesPath
,
});
...
...
samples/zeroing-demo/generator.cjs.js.map
View file @
f112f438
{
"version"
:
3
,
"file"
:
"generator.cjs.js"
,
"sources"
:
[
"../../dist/index.js"
,
"generator.js"
],
"sourcesContent"
:
[
"import xml from 'xml';
\n
import path from 'path';
\n
import fs from 'fs-extra';
\n
import Color from 'color';
\n
import generateUUID from 'uuid/v4';
\n\n
/**
\n
* Created by rockyl on 2019-08-09.
\n
*/
\n\n
const PSD = require('psd');
\n\n
async function getTree(psdFilePath) {\n
\t
const psd = await PSD.open(psdFilePath);
\n\t
const root = {};
\n\t
walk(psd.tree(), root);
\n\n\t
return root;
\n
}
\n\n
function walk(psNode, dataNode) {\n
\t
const {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};
\n\t
const {left, top, width, height, name, layer: {opacity, visible}} = psNode;
\n\t
const x = left - pLeft;
\n\t
const y = top - pTop;
\n\n\t
Object.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});
\n\t
if (psNode.children() && psNode.children().length > 0){\n
\t\t
dataNode.children = [];
\n\t
}
\n\n\t
let children = psNode.children();
\n\t
for (let i = children.length - 1; i >= 0; i--) {\n
\t\t
const childPsNode = children[i];
\n\n\t\t
const childDataNode = {};
\n\t\t
dataNode.children.push(childDataNode);
\n\t\t
walk(childPsNode, childDataNode);
\n\t
}
\n
}
\n\n
/**
\n
* Created by rockyl on 2019-08-10.
\n
*/
\n\n
async function walkNode(node, callback, includeSelf = false) {\n
\t
if (includeSelf) {\n
\t\t
await callback(node, null);
\n\t
}
\n\t
if (node.children && node.children.length > 0) {\n
\t\t
for (let childNode of node.children) {\n
\t\t\t
await callback(childNode, node);
\n\t\t\t
const result = await walkNode(childNode, callback);
\n\t\t\t
if (result === true)
{
\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n
}
\n\n
async function walkObject(obj, callback) {\n
\t
if(typeof obj ===
\"
object
\"
){\n
\t\t
for (let key of Object.keys(obj)) {\n
\t\t\t
const value = obj[key];
\n\t\t\t
await callback(key, value, obj);
\n\t\t\t
const result = await walkObject(value, callback);
\n\t\t\t
if (result === true)
{
\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n
}
\n\n
/**
\n
* Created by rockyl on 2019-08-10.
\n
*
\n
* 导出exml
\n
*/
\n\n
const elementTpls = {\n
\t
'e:Group': [],
\n\t
'e:Image': {_attr: {source: '
{
res}'}
}
,
\n\t
'e:Button': [
\n\t\t
{_attr: {label: '
{
1}',}
}
,
\n\t\t
{\n
\t\t\t
'e:skinName': [
\n\t\t\t\t
{\n
\t\t\t\t\t
'e:Skin': [
\n\t\t\t\t\t\t
{_attr: {states: 'up,down,disabled'}},
\n\t\t\t\t\t\t
{\n
\t\t\t\t\t\t\t
'e:Image': {_attr: {width: '100%', height: '100%', source: '
{
res}'}},\n\t\t\t\t\t\t
}
,
\n\t\t\t\t\t\t
{\n
\t\t\t\t\t\t\t
'e:Label': {_attr: {id: 'labelDisplay', horizontalCenter: '0', verticalCenter: '0'}},
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t
]
\n\t\t\t\t
}
\n\t\t\t
]
\n\t\t
}
\n\t
]
\n
};
\n\n
async function execute(psdFile, options) {\n
\t
const {skinFilePath, skinClassName, resPath, resGroupName} = options;
\n\n\t
const tree = await getTree(psdFile);
\n\n\t
const exmlRoot = [
\n\t\t
{\n
\t\t\t
_attr: {\n
\t\t\t\t
class: skinClassName,
\n\t\t\t\t
width: tree.width,
\n\t\t\t\t
height: tree.height,
\n\t\t\t\t
'xmlns:e':
\"
http://ns.egret.com/eui
\"
,
\n\t\t\t\t
'xmlns:w':
\"
http://ns.egret.com/wing
\"
,
\n\t\t\t
},
\n\t\t
},
\n\t
];
\n\t
const exmlData = {\n
\t\t
'e:Skin': exmlRoot
\n\t
};
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
const {x, y, width, height, alpha, visible} = node;
\n\t\t
let attributes = {width, height, alpha, visible};
\n\t\t
if (x !== 0) {\n
\t\t\t
attributes.x = x;
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
attributes.y = y;
\n\t\t
}
\n\t\t
let element;
\n\t\t
let tagName;
\n\t\t
let imageResName;
\n\t\t
let params;
\n\n\t\t
let hasChild = node.hasOwnProperty('children');
\n\t\t
if (hasChild) {\n
\t\t\t
tagName = 'e:Group';
\n\t\t
} else {\n
\t\t\t
const nameParams = node.name.split('|');
\n\t\t\t
const nodeName = nameParams[0];
\n\n\t\t\t
attributes.name = nodeName;
\n\t\t\t
imageResName = resGroupName + '_' + nodeName;
\n\t\t\t
const imageFilePath = path.join(resPath, resGroupName + '_p', nodeName + '.png');
\n\t\t\t
await fs.ensureDir(path.dirname(imageFilePath));
\n\t\t\t
await node.origin.saveAsPng(imageFilePath);
\n\n\t\t\t
if (nameParams.length === 1) {\n
\t\t\t\t
tagName = 'e:Image';
\n\t\t\t
} else {\n
\t\t\t\t
params = nameParams[1].split(',');
\n\t\t\t\t
tagName = 'e:' + params[0];
\n\t\t\t
}
\n\n\t\t\t
//element[tagName] = {_attr: attributes};
\n\t\t
}
\n\n\t\t
let elementTpl = elementTpls[tagName];
\n\t\t
let elementContent;
\n\t\t
if (elementTpl) {\n
\t\t\t
elementContent = JSON.parse(JSON.stringify(elementTpl));
\n\t\t
} else {\n
\t\t\t
elementContent =
{
};\n\t\t
}
\n\t\t
element = {\n
\t\t\t
[tagName]: elementContent,
\n\t\t
};
\n\n\t\t
let attr;
\n\t\t
if (Array.isArray(elementContent)) {\n
\t\t\t
attr = elementContent.find(item => item._attr);
\n\t\t\t
if (!attr) {\n
\t\t\t\t
attr = {_attr:
{
}};\n\t\t\t\telementContent.unshift(attr);\n\t\t\t}\n\t\t
}
else {\n
\t\t\t
attr = elementContent;
\n\t\t
}
\n\n\t\t
Object.assign(attr._attr, attributes);
\n\n\t\t
if (imageResName) {\n
\t\t\t
await walkObject(element, function (key, value, obj) {\n
\t\t\t\t
if (value === '
{
res
}
') {\n
\t\t\t\t\t
obj[key] = imageResName;
\n\t\t\t\t
} else if (typeof value === 'string') {\n
\t\t\t\t\t
const result = value.match(/
{
(\\d+)
}
/g);
\n\t\t\t\t\t
if(result){\n
\t\t\t\t\t\t
for(let item of result){\n
\t\t\t\t\t\t\t
const pi = parseInt(item.match(/
{
(\\d+)
}
/)[1]);
\n\t\t\t\t\t\t\t
value = value.replace(item, params[pi]);
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t\t
obj[key] = value;
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t
});
\n\t\t
}
\n\n\t\t
if (hasChild) {\n
\t\t\t
node.exmlNode = elementContent;
\n\t\t
}
\n\n\t\t
const exmlNode = parent.exmlNode || exmlRoot;
\n\t\t
exmlNode.push(element);
\n\t
});
\n\n\t
let exmlStr = xml(exmlData, {declaration: true, indent: true});
\n\t
await fs.ensureDir(path.dirname(skinFilePath));
\n\t
await fs.writeFile(skinFilePath, exmlStr);
\n\n
}
\n\n
/**
\n
* Created by rockyl on 2019-09-26.
\n
*
\n
* 导出zeroing的视图
\n
*/
\n\n
async function execute$1(psdFile, options) {\n
\t
const
{
\n\t\timagesPath,\n\t
}
= options;
\n\n\t
const tree = await getTree(psdFile);
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile, '.psd'),
\n\t\t
type: 'node',
\n\t
};
\n\n\t
const assets = [];
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
const {x, y, width, height, alpha, visible, origin: {layer: {typeTool, solidColor}}} = node;
\n\t\t
let properties = {\n
\t\t\t
width, height, alpha, visible,
\n\t\t
};
\n\t\t
let viewNode = {\n
\t\t\t
name: node.name,
\n\t\t\t
properties,
\n\t\t
};
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.x = x;
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.y = y;
\n\t\t
}
\n\n\t\t
if(typeTool){\n
\t\t\t
let 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\t
properties.text = fontInfo.textValue;
\n\t\t\t
properties.textflow = {\n
\t\t\t\t
fonts, styles, RunLengthArray,
\n\t\t\t
};
\n\t\t\t
viewNode.type = 'label';
\n\t\t
}else if(solidColor){\n
\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t
let color = Color({r, g, b});
\n\n\t\t\t
viewNode.type = 'rect';
\n\t\t\t
properties.fillColor = '#' + color.rgbNumber().toString(16);
\n\t\t
}else{\n
\t\t\t
if(node.hasOwnProperty('children')){\n
\t\t\t\t
viewNode.type = 'node';
\n\t\t\t
}else{\n
\t\t\t\t
viewNode.type = 'image';
\n\n\t\t\t\t
const uuid = generateUUID();
\n\t\t\t\t
const fileName = Date.now().valueOf();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
properties.source = 'asset|' + uuid;
\n\n\t\t\t\t
const imageFilePath = path.join(imagesPath, fileName + ext);
\n\t\t\t\t
await fs.ensureDir(path.dirname(imageFilePath));
\n\t\t\t\t
await node.origin.saveAsPng(imageFilePath);
\n\n\t\t\t\t
assets.push({\n
\t\t\t\t\t
name: fileName,
\n\t\t\t\t\t
ext,
\n\t\t\t\t\t
uuid,
\n\t\t\t\t
});
\n\t\t\t
}
\n\t\t
}
\n\n\t\t
let viewParent = parent.view || viewRoot;
\n\t\t
if (!viewParent.hasOwnProperty('children')) {\n
\t\t\t
viewParent.children = [];
\n\t\t
}
\n\t\t
viewParent.children.push(viewNode);
\n\n\t\t
node.view = viewNode;
\n\t
});
\n\n\t
return {\n
\t\t
view: viewRoot,
\n\t\t
assets,
\n\t
}
\n
}
\n\n
export { getTree, execute as toEgret, execute$1 as toZeroing };
\n
//# sourceMappingURL=index.js.map
\n
"
,
"/**
\n
* Created by rockyl on 2019-08-10.
\n
*/
\n\n
import
{
toZeroing
}
from
\"
../../dist/index
\"
;
\n\n
(async function generate() {\n
\t
const imagesPath = 'zeroing-demo/images_' + Date.now();
\n\n\t
const {view, assets} = await toZeroing('psd/test.psd',
{
\n\t\timagesPath,\n\t});\n\n\tconsole.log(assets);\n\tconsole.log(view);\n})();\n"],"names":["toZeroing"],"mappings":"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"
}
\ No newline at end of file
{
"version"
:
3
,
"file"
:
"generator.cjs.js"
,
"sources"
:
[
"../../src/psd-tree.js"
,
"../../src/utils.js"
,
"../../src/zeroing.js"
,
"generator.js"
],
"sourcesContent"
:
[
"/**
\n
* Created by rockyl on 2019-08-09.
\n
*/
\n\n
const PSD = require('psd');
\n\n
export async function getTree(psdFilePath) {\n
\t
const psd = await PSD.open(psdFilePath);
\n\t
const root = {};
\n\t
walk(psd.tree(), root);
\n\n\t
return root;
\n
}
\n\n
function walk(psNode, dataNode) {\n
\t
const {left: pLeft = 0, top: pTop = 0,} = psNode.parent || {};
\n\t
const {left, top, width, height, name, layer: {opacity, visible}} = psNode;
\n\t
const x = left - pLeft;
\n\t
const y = top - pTop;
\n\n\t
Object.assign(dataNode, {x, y, width, height, alpha: opacity / 255, visible, name, origin: psNode, label: `${name} > [${x}, ${y}, ${width}, ${height}]`});
\n\t
if (psNode.children() && psNode.children().length > 0){\n
\t\t
dataNode.children = [];
\n\t
}
\n\n\t
let children = psNode.children();
\n\t
for (let i = children.length - 1; i >= 0; i--) {\n
\t\t
const childPsNode = children[i];
\n\n\t\t
const childDataNode = {};
\n\t\t
dataNode.children.push(childDataNode);
\n\t\t
walk(childPsNode, childDataNode)
\n\t
}
\n
}
\n
"
,
"/**
\n
* Created by rockyl on 2019-08-10.
\n
*/
\n\n
export async function walkNode(node, callback, includeSelf = false) {\n
\t
if (includeSelf) {\n
\t\t
await callback(node, null);
\n\t
}
\n\t
if (node.children && node.children.length > 0) {\n
\t\t
for (let childNode of node.children) {\n
\t\t\t
await callback(childNode, node);
\n\t\t\t
const result = await walkNode(childNode, callback);
\n\t\t\t
if (result === true)
{
\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n
}
\n\n
export async function walkObject(obj, callback) {\n
\t
if(typeof obj ===
\"
object
\"
){\n
\t\t
for (let key of Object.keys(obj)) {\n
\t\t\t
const value = obj[key];
\n\t\t\t
await callback(key, value, obj);
\n\t\t\t
const result = await walkObject(value, callback);
\n\t\t\t
if (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\n
import
{
getTree
}
from
\"
./psd-tree
\"
;
\n
import
{
walkNode
}
from
\"
./utils
\"
;
\n
import path from 'path'
\n
import Color from 'color'
\n
import generateUUID from 'uuid/v4'
\n
import fs from
\"
fs-extra
\"
;
\n
import hash from 'object-hash';
\n\n
export async function execute(psdFile, options) {\n
\t
const
{
\n\t\timagesPath,\n\t
}
= options;
\n\n\t
const tree = await getTree(psdFile);
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile, '.psd'),
\n\t\t
type: 'node',
\n\t
};
\n\n\t
const assets = [];
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
const {name, x, y, width, height, alpha, visible, origin: {layer: {typeTool, solidColor}}} = node;
\n\t\t
let properties = {\n
\t\t\t
width, height, alpha, visible,
\n\t\t
};
\n\t\t
let viewNode = {\n
\t\t\t
name,
\n\t\t\t
properties,
\n\t\t\t
uuid: generateUUID(),
\n\t\t
};
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.x = x;
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.y = y;
\n\t\t
}
\n\n\t\t
if (typeTool) {\n
\t\t\t
let 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\t
properties.text = fontInfo.textValue;
\n\t\t\t
properties.textflow = {\n
\t\t\t\t
fonts, styles, RunLengthArray,
\n\t\t\t
};
\n\t\t\t
viewNode.type = 'label';
\n\t\t
} else if (solidColor) {\n
\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t
let color = Color({r, g, b});
\n\n\t\t\t
viewNode.type = 'rect';
\n\t\t\t
properties.fillColor = '#' + color.rgbNumber().toString(16);
\n\t\t
} else {\n
\t\t\t
if (node.hasOwnProperty('children')) {\n
\t\t\t\t
viewNode.type = 'node';
\n\t\t\t
} else {\n
\t\t\t\t
viewNode.type = 'image';
\n\n\t\t\t\t
const uuid = generateUUID();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
properties.source = 'asset|' + uuid;
\n\n\t\t\t\t
const imageFilePath = path.join(imagesPath, uuid + ext);
\n\t\t\t\t
await fs.ensureDir(path.dirname(imageFilePath));
\n\t\t\t\t
let png = node.origin.toPng();
\n\t\t\t\t
let buffer = await savePng(png, imageFilePath);
\n\t\t\t\t
//await node.origin.saveAsPng(imageFilePath);
\n\n\t\t\t\t
const hashFileName = hash(buffer);
\n\t\t\t\t
const hashFilePath = path.join(imagesPath, hashFileName + ext);
\n\t\t\t\t
await fs.rename(imageFilePath, hashFilePath);
\n\n\t\t\t\t
assets.push(
{
\n\t\t\t\t\tname,\n\t\t\t\t\text,\n\t\t\t\t\tuuid,\n\t\t\t\t});\n\t\t\t}\n\t\t
}
\n\n\t\t
let viewParent = parent.view || viewRoot;
\n\t\t
if (!viewParent.hasOwnProperty('children')) {\n
\t\t\t
viewParent.children = [];
\n\t\t
}
\n\t\t
viewParent.children.push(viewNode);
\n\n\t\t
node.view = viewNode;
\n\t
});
\n\n\t
return {\n
\t\t
view: viewRoot,
\n\t\t
assets,
\n\t
}
\n
}
\n\n
function savePng(png, output) {\n
\t
return new Promise((resolve, reject) => {\n
\t\t
let buffer, buffers = [];
\n\t\t
png.pack()
\n\t\t\t
.on('error', reject)
\n\t\t\t
.on('data', (data) => buffers.push(data))
\n\t\t\t
.on('end', () => {\n
\t\t\t\t
buffer = Buffer.concat(buffers)
\n\t\t\t
})
\n\t\t\t
.pipe(fs.createWriteStream(output))
\n\t\t\t
.on('finish', () =>
{
\n\t\t\t\tresolve(buffer);\n\t\t\t});\n\t});\n
}
\n
"
,
"/**
\n
* Created by rockyl on 2019-08-10.
\n
*/
\n\n
import
{
toZeroing
}
from
\"
../../src/index
\"
;
\n\n
(async function generate() {\n
\t
const imagesPath = 'zeroing-demo/images_' + Date.now();
\n\n\t
const {view, assets} = await toZeroing('psd/test.psd',
{
\n\t\timagesPath,\n\t});\n\n\tconsole.log(assets);\n\tconsole.log(view);\n})();\n"],"names":["toZeroing"],"mappings":"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"
}
\ No newline at end of file
src/zeroing.js
View file @
f112f438
...
...
@@ -10,6 +10,7 @@ import path from 'path'
import
Color
from
'color'
import
generateUUID
from
'uuid/v4'
import
fs
from
"fs-extra"
;
import
hash
from
'object-hash'
;
export
async
function
execute
(
psdFile
,
options
)
{
const
{
...
...
@@ -21,18 +22,20 @@ export async function execute(psdFile, options) {
let
viewRoot
=
{
name
:
path
.
basename
(
psdFile
,
'.psd'
),
type
:
'node'
,
uuid
:
generateUUID
(),
};
const
assets
=
[];
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
const
{
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
const
{
name
,
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
let
properties
=
{
width
,
height
,
alpha
,
visible
,
};
let
viewNode
=
{
name
:
node
.
name
,
name
,
properties
,
uuid
:
generateUUID
(),
};
if
(
x
!==
0
)
{
properties
.
x
=
x
;
...
...
@@ -41,8 +44,8 @@ export async function execute(psdFile, options) {
properties
.
y
=
y
;
}
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
const
fonts
=
fontInfo
.
fonts
();
const
styles
=
fontInfo
.
styles
();
const
{
RunLengthArray
}
=
fontInfo
.
engineData
.
EngineDict
.
StyleRun
;
...
...
@@ -52,16 +55,16 @@ export async function execute(psdFile, options) {
fonts
,
styles
,
RunLengthArray
,
};
viewNode
.
type
=
'label'
;
}
else
if
(
solidColor
)
{
}
else
if
(
solidColor
)
{
const
{
r
,
g
,
b
}
=
solidColor
();
let
color
=
Color
({
r
,
g
,
b
});
viewNode
.
type
=
'rect'
;
properties
.
fillColor
=
'#'
+
color
.
rgbNumber
().
toString
(
16
);
}
else
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
}
else
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
viewNode
.
type
=
'node'
;
}
else
{
}
else
{
viewNode
.
type
=
'image'
;
const
uuid
=
generateUUID
();
...
...
@@ -71,10 +74,16 @@ export async function execute(psdFile, options) {
const
imageFilePath
=
path
.
join
(
imagesPath
,
uuid
+
ext
);
await
fs
.
ensureDir
(
path
.
dirname
(
imageFilePath
));
await
node
.
origin
.
saveAsPng
(
imageFilePath
);
let
png
=
node
.
origin
.
toPng
();
let
buffer
=
await
savePng
(
png
,
imageFilePath
);
//await node.origin.saveAsPng(imageFilePath);
const
hashFileName
=
hash
(
buffer
);
const
hashFilePath
=
path
.
join
(
imagesPath
,
hashFileName
+
ext
);
await
fs
.
rename
(
imageFilePath
,
hashFilePath
);
assets
.
push
({
name
:
uuid
,
name
,
ext
,
uuid
,
});
...
...
@@ -95,3 +104,19 @@ export async function execute(psdFile, options) {
assets
,
}
}
function
savePng
(
png
,
output
)
{
return
new
Promise
((
resolve
,
reject
)
=>
{
let
buffer
,
buffers
=
[];
png
.
pack
()
.
on
(
'error'
,
reject
)
.
on
(
'data'
,
(
data
)
=>
buffers
.
push
(
data
))
.
on
(
'end'
,
()
=>
{
buffer
=
Buffer
.
concat
(
buffers
)
})
.
pipe
(
fs
.
createWriteStream
(
output
))
.
on
(
'finish'
,
()
=>
{
resolve
(
buffer
);
});
});
}
yarn.lock
View file @
f112f438
...
...
@@ -95,6 +95,11 @@ mkdirp@~0.3.5:
resolved "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.3.5.tgz#de3e5f8961c88c787ee1368df849ac4413eca8d7"
integrity sha1-3j5fiWHIjHh+4TaN+EmsRBPsqNc=
object-hash@^1.3.1:
version "1.3.1"
resolved "https://registry.npm.taobao.org/object-hash/download/object-hash-1.3.1.tgz#fde452098a951cb145f039bb7d455449ddc126df"
integrity sha1-/eRSCYqVHLFF8Dm7fUVUSd3BJt8=
"parse-engine-data@~ 0.1":
version "0.1.2"
resolved "https://registry.npm.taobao.org/parse-engine-data/download/parse-engine-data-0.1.2.tgz#5161f6133c9888f52155ecced42716575dfea052"
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment