Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
P
psd-parse-web
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-web
Commits
81d83998
Commit
81d83998
authored
Jun 11, 2020
by
任建锋
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
--
parent
53d8e362
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
157 additions
and
87 deletions
+157
-87
index.es.js
dist/index.es.js
+36
-18
index.es.js.map
dist/index.es.js.map
+1
-1
index.js
dist/index.js
+36
-18
index.js.map
dist/index.js.map
+1
-1
index.umd.js
dist/index.umd.js
+43
-25
index.umd.js.map
dist/index.umd.js.map
+1
-1
zeroing.js
src/zeroing.js
+39
-23
No files found.
dist/index.es.js
View file @
81d83998
...
@@ -86,7 +86,7 @@ async function execute(psdFile, options) {
...
@@ -86,7 +86,7 @@ async function execute(psdFile, options) {
let
viewRoot
=
{
let
viewRoot
=
{
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
type
:
'node
'
,
componentName
:
'Div
'
,
uuid
:
generateUUID
(),
uuid
:
generateUUID
(),
};
};
...
@@ -99,10 +99,16 @@ async function execute(psdFile, options) {
...
@@ -99,10 +99,16 @@ async function execute(psdFile, options) {
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
let
{
name
}
=
node
;
let
{
name
}
=
node
;
const
{
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
const
{
x
,
y
,
width
,
height
,
opacity
,
display
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
//console.log('walk node:', name);
//console.log('walk node:', name);
let
properties
=
{
let
properties
=
{
width
,
height
,
alpha
,
visible
,
style
:{
width
,
height
,
opacity
,
display
,
},
attrs
:{
},
className
:
""
};
};
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
...
@@ -171,7 +177,7 @@ async function execute(psdFile, options) {
...
@@ -171,7 +177,7 @@ async function execute(psdFile, options) {
value
=
0
;
value
=
0
;
}
}
}
}
properties
[
field
]
=
value
;
properties
.
style
[
field
]
=
value
;
}
}
}
}
}
}
...
@@ -187,24 +193,33 @@ async function execute(psdFile, options) {
...
@@ -187,24 +193,33 @@ async function execute(psdFile, options) {
};
};
let
dealLater
=
true
;
let
dealLater
=
true
;
if
(
x
!==
0
)
{
if
(
x
!==
0
)
{
properties
.
x
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
properties
.
style
.
left
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
}
}
if
(
y
!==
0
)
{
if
(
y
!==
0
)
{
properties
.
y
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
properties
.
style
.
top
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
}
}
properties
.
style
.
position
=
"absolute"
;
viewNode
.
rect
=
{
x
:
properties
.
style
.
left
?
properties
.
style
.
left
:
0
,
y
:
properties
.
style
.
top
?
properties
.
style
.
top
:
0
,
width
:
properties
.
style
.
width
,
height
:
properties
.
style
.
height
};
if
(
typeTool
)
{
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
let
fontInfo
=
typeTool
();
properties
.
text
=
fontInfo
.
textValue
;
properties
.
attrs
.
text
=
fontInfo
.
textValue
;
const
sizes
=
fontInfo
.
sizes
();
const
sizes
=
fontInfo
.
sizes
();
const
colors
=
fontInfo
.
colors
();
const
colors
=
fontInfo
.
colors
();
properties
.
size
=
sizes
?
sizes
[
0
]
||
20
:
20
;
properties
.
s
tyle
.
fontS
ize
=
sizes
?
sizes
[
0
]
||
20
:
20
;
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
properties
.
fillColor
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
console
.
log
(
"color"
,[
r
,
g
,
b
,
a
]);
viewNode
.
type
=
'label'
;
properties
.
style
.
color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
viewNode
.
componentName
=
'Label'
;
dealLater
=
false
;
dealLater
=
false
;
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
let
paths
=
layer
.
vectorMask
().
paths
;
let
paths
=
layer
.
vectorMask
().
paths
;
if
(
paths
[
2
].
numPoints
===
4
)
{
if
(
paths
[
2
].
numPoints
===
4
)
{
let
isRect
=
true
;
let
isRect
=
true
;
...
@@ -215,9 +230,9 @@ async function execute(psdFile, options) {
...
@@ -215,9 +230,9 @@ async function execute(psdFile, options) {
}
}
}
}
if
(
isRect
)
{
if
(
isRect
)
{
viewNode
.
type
=
'rect
'
;
viewNode
.
componentName
=
'Div
'
;
const
{
r
,
g
,
b
}
=
solidColor
();
const
{
r
,
g
,
b
}
=
solidColor
();
properties
.
fill
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
properties
.
style
.
background
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
dealLater
=
false
;
dealLater
=
false
;
}
}
}
}
...
@@ -225,9 +240,9 @@ async function execute(psdFile, options) {
...
@@ -225,9 +240,9 @@ async function execute(psdFile, options) {
if
(
dealLater
)
{
if
(
dealLater
)
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
viewNode
.
type
=
'node
'
;
viewNode
.
componentName
=
'Div
'
;
}
else
{
}
else
{
viewNode
.
type
=
'i
mage'
;
viewNode
.
componentName
=
'I
mage'
;
let
uuid
=
generateUUID
();
let
uuid
=
generateUUID
();
const
ext
=
'.png'
;
const
ext
=
'.png'
;
...
@@ -257,7 +272,7 @@ async function execute(psdFile, options) {
...
@@ -257,7 +272,7 @@ async function execute(psdFile, options) {
});
});
}
}
properties
.
source
=
'asset://'
+
uuid
;
properties
.
attrs
.
source
=
'asset://'
+
uuid
;
}
}
}
}
}
}
...
@@ -270,10 +285,13 @@ async function execute(psdFile, options) {
...
@@ -270,10 +285,13 @@ async function execute(psdFile, options) {
node
.
view
=
viewNode
;
node
.
view
=
viewNode
;
});
});
console
.
log
(
psdFile
);
let
data
=
{
let
data
=
{
view
:
viewRoot
,
pluginVersion
:
"0.0.1"
,
reference
:
"psd"
,
fileName
:
psdFile
.
name
,
assets
,
assets
,
view
:
viewRoot
,
};
};
let
dataString
=
JSON
.
stringify
(
data
);
let
dataString
=
JSON
.
stringify
(
data
);
...
...
dist/index.es.js.map
View file @
81d83998
{
"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\n
const PSD = window['require']('psd');
\n\n
export async function getTree(file) {\n
\t
let psd = await PSD.fromDroppedFile(file);
\n\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 hash from 'object-hash';
\n
import zlib from 'zlib';
\n\n
const relativePosPrefixMap = {\n
\t
l: {field: 'left',},
\n\t
t: {field: 'top',},
\n\t
r: {field: 'right',},
\n\t
b: {field: 'bottom',},
\n\t
h: {field: 'horizonCenter',},
\n\t
v: {field: 'verticalCenter',},
\n\t
wp: {field: 'width', },
\n\t
hp: {field: 'height', },
\n\t
lp: {field: 'left', },
\n\t
tp: {field: 'top', },
\n\t
rp: {field: 'right', },
\n\t
bp: {field: 'bottom', },
\n
};
\n\n
export async function execute(psdFile, options) {\n
\t
const tree = await getTree(psdFile);
\n\t
const offset = options ? options.offset : {x: 0, y: 0};
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile.name, '.psd'),
\n\t\t
type: 'node',
\n\t\t
uuid: generateUUID(),
\n\t
};
\n\n\t
const assets = [];
\n\t
const imageHashMap = {};
\n\n\t
let {width: stageWidth, height: stageHeight} = tree;
\n\t
stageWidth -= offset.x || 0;
\n\t
stageHeight -= offset.y || 0;
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
let
{
name
}
= node;
\n\t\t
const {x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;
\n\t\t
//console.log('walk node:', name);
\n\t\t
let properties = {\n
\t\t\t
width, height, alpha, visible,
\n\t\t
};
\n\t\t
const isSecondLayer = !parent.origin.parent;
\n\n\t\t
const {width: parentWidth, height: parentHeight} = parent;
\n\n\t\t
if (name.includes('|')) {\n
\t\t\t
try {\n
\t\t\t\t
let arr = name.split('|');
\n\t\t\t\t
name = arr[0];
\n\t\t\t\t
let paramsStr = arr[1];
\n\t\t\t\t
let params = paramsStr.split(';');
\n\t\t\t\t
let relativePos = params[0];
\n\t\t\t\t
if (relativePos) {\n
\t\t\t\t\t
let items = relativePos.split(',');
\n\t\t\t\t\t
for (let item of items) {\n
\t\t\t\t\t\t
let result = item.match(/[a-zA-Z]+/);
\n\t\t\t\t\t\t
if(!result)
{
\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t
}
\n\t\t\t\t\t\t
let prefix = result[0];
\n\t\t\t\t\t\t
let mapItem = relativePosPrefixMap[prefix];
\n\t\t\t\t\t\t
if (mapItem) {\n
\t\t\t\t\t\t\t
let
{
field,
}
= mapItem;
\n\t\t\t\t\t\t\t
let value = item.substr(prefix.length);
\n\t\t\t\t\t\t\t
let hasValue = value.length > 0;
\n\t\t\t\t\t\t\t
let fieldChar = prefix[0];
\n\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
value = x - offset.x;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
value = y - offset.y;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t
value = stageWidth - width;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t
value = stageHeight - height;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'h':
\n\t\t\t\t\t\t\t\t\t\t
value = x + width / 2 - stageWidth / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'v':
\n\t\t\t\t\t\t\t\t\t\t
value = y + height / 2 - stageHeight / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
let isPercent = prefix.endsWith('p');
\n\t\t\t\t\t\t\t
if (isPercent) {\n
\t\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageWidth;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageHeight;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t\t
value = Math.floor(value * 100);
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t
value += '%';
\n\t\t\t\t\t\t\t
} else {\n
\t\t\t\t\t\t\t\t
value = parseFloat(value);
\n\t\t\t\t\t\t\t\t
if (isNaN(value)) {\n
\t\t\t\t\t\t\t\t\t
value = 0;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
properties[field] = value;
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t
}catch (e)
{
\n\t\t\t\tconsole.log(e);\n\t\t\t}\n\t\t
}
\n\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
let dealLater = true;
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.x = x - (isSecondLayer ? offset.x : 0);
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.y = y - (isSecondLayer ? offset.y : 0);
\n\t\t
}
\n\n\t\t
if (typeTool) {\n
\t\t\t
let fontInfo = typeTool();
\n\t\t\t
properties.text = fontInfo.textValue;
\n\t\t\t
const sizes = fontInfo.sizes();
\n\t\t\t
const colors = fontInfo.colors();
\n\t\t\t
properties.size = sizes ? sizes[0] || 20 : 20;
\n\t\t\t
let [r, g, b, a] = colors[0];
\n\t\t\t
properties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
\n\t\t\t
viewNode.type = 'label';
\n\t\t\t
dealLater = false;
\n\t\t
} else if (solidColor && layer.vectorMask) {\n
\n\t\t\t
let paths = layer.vectorMask().paths;
\n\t\t\t
if (paths[2].numPoints === 4) {\n
\t\t\t\t
let isRect = true;
\n\t\t\t\t
for (let i = 3; i < paths.length; i++) {\n
\t\t\t\t\t
if (paths[i].recordType !== 2) {\n
\t\t\t\t\t\t
isRect = false;
\n\t\t\t\t\t\t
break;
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t\t
if (isRect) {\n
\t\t\t\t\t
viewNode.type = 'rect';
\n\t\t\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t\t\t
properties.fillColor = `rgba(${r}, ${g}, ${b}, 1)`;
\n\t\t\t\t\t
dealLater = false;
\n\t\t\t\t
}
\n\t\t\t
}
\n\t\t
}
\n\n\t\t
if (dealLater) {\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
let uuid = generateUUID();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
let dataUrl;
\n\t\t\t\t
try {\n
\t\t\t\t\t
let img = node.origin.toPng();
\n\t\t\t\t\t
dataUrl = img.src;
\n\t\t\t\t
} catch (e)
{
\n\n\t\t\t\t
}
\n\n\t\t\t\t
if (dataUrl) {\n
\t\t\t\t\t
let base64Data = dataUrl.replace(/^data:image
\\
/
\\
w+;base64,/,
\"\"
);
\n\t\t\t\t\t
let buffer = new Buffer(base64Data, 'base64');
\n\t\t\t\t\t
const fileNameHash = hash(buffer);
\n\t\t\t\t\t
if (imageHashMap.hasOwnProperty(fileNameHash)) {\n
\t\t\t\t\t\t
uuid = imageHashMap[fileNameHash];
\n\t\t\t\t\t
} else {\n
\t\t\t\t\t\t
imageHashMap[fileNameHash] = uuid;
\n\t\t\t\t\t\t
assets.push({\n
\t\t\t\t\t\t\t
name,
\n\t\t\t\t\t\t\t
ext,
\n\t\t\t\t\t\t\t
uuid,
\n\t\t\t\t\t\t\t
base64Data,
\n\t\t\t\t\t\t\t
hash: fileNameHash,
\n\t\t\t\t\t\t
});
\n\t\t\t\t\t
}
\n\n\t\t\t\t\t
properties.source = 'asset://' + 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
let data = {\n
\t\t
view: viewRoot,
\n\t\t
assets,
\n\t
};
\n\n\t
let dataString = JSON.stringify(data);
\n\n\t
let buf = new Buffer(dataString);
\n\t
return await new Promise((resolve, reject) => {\n
\t\t
zlib.gzip(buf, function (err, res) {\n
\t\t\t
if (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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"
}
{
"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\n
const PSD = window['require']('psd');
\n\n
export async function getTree(file) {\n
\t
let psd = await PSD.fromDroppedFile(file);
\n\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 hash from 'object-hash';
\n
import zlib from 'zlib';
\n\n
const relativePosPrefixMap = {\n
\t
l: {field: 'left',},
\n\t
t: {field: 'top',},
\n\t
r: {field: 'right',},
\n\t
b: {field: 'bottom',},
\n\t
h: {field: 'horizonCenter',},
\n\t
v: {field: 'verticalCenter',},
\n\t
wp: {field: 'width', },
\n\t
hp: {field: 'height', },
\n\t
lp: {field: 'left', },
\n\t
tp: {field: 'top', },
\n\t
rp: {field: 'right', },
\n\t
bp: {field: 'bottom', },
\n
};
\n\n
export async function execute(psdFile, options) {\n
\t
const tree = await getTree(psdFile);
\n\t
const offset = options ? options.offset : {x: 0, y: 0};
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile.name, '.psd'),
\n\t\t
componentName : 'Div',
\n\t\t
uuid: generateUUID(),
\n\t
};
\n\n\t
const assets = [];
\n\t
const imageHashMap = {};
\n\n\t
let {width: stageWidth, height: stageHeight} = tree;
\n\t
stageWidth -= offset.x || 0;
\n\t
stageHeight -= offset.y || 0;
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
let
{
name
}
= node;
\n\t\t
const {x, y, width, height, opacity, display, origin: {layer, layer: {typeTool, solidColor}}} = node;
\n\t\t
//console.log('walk node:', name);
\n\t\t
let properties = {\n
\t\t\t
style:{\n
\t\t\t\t
width, height, opacity,display ,
\n\t\t\t
},
\n\t\t\t
attrs:
{
\n\n\t\t\t},\n\t\t\tclassName:\"\"\n\t\t
}
;
\n\t\t
const isSecondLayer = !parent.origin.parent;
\n\n\t\t
if (name.includes('|')) {\n
\t\t\t
try {\n
\t\t\t\t
let arr = name.split('|');
\n\t\t\t\t
name = arr[0];
\n\t\t\t\t
let paramsStr = arr[1];
\n\t\t\t\t
let params = paramsStr.split(';');
\n\t\t\t\t
let relativePos = params[0];
\n\t\t\t\t
if (relativePos) {\n
\t\t\t\t\t
let items = relativePos.split(',');
\n\t\t\t\t\t
for (let item of items) {\n
\t\t\t\t\t\t
let result = item.match(/[a-zA-Z]+/);
\n\t\t\t\t\t\t
if(!result)
{
\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t
}
\n\t\t\t\t\t\t
let prefix = result[0];
\n\t\t\t\t\t\t
let mapItem = relativePosPrefixMap[prefix];
\n\t\t\t\t\t\t
if (mapItem) {\n
\t\t\t\t\t\t\t
let
{
field,
}
= mapItem;
\n\t\t\t\t\t\t\t
let value = item.substr(prefix.length);
\n\t\t\t\t\t\t\t
let hasValue = value.length > 0;
\n\t\t\t\t\t\t\t
let fieldChar = prefix[0];
\n\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
value = x - offset.x;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
value = y - offset.y;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t
value = stageWidth - width;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t
value = stageHeight - height;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'h':
\n\t\t\t\t\t\t\t\t\t\t
value = x + width / 2 - stageWidth / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'v':
\n\t\t\t\t\t\t\t\t\t\t
value = y + height / 2 - stageHeight / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
let isPercent = prefix.endsWith('p');
\n\t\t\t\t\t\t\t
if (isPercent) {\n
\t\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageWidth;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageHeight;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t\t
value = Math.floor(value * 100);
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t
value += '%';
\n\t\t\t\t\t\t\t
} else {\n
\t\t\t\t\t\t\t\t
value = parseFloat(value);
\n\t\t\t\t\t\t\t\t
if (isNaN(value)) {\n
\t\t\t\t\t\t\t\t\t
value = 0;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
properties.style[field] = value;
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t
}catch (e)
{
\n\t\t\t\tconsole.log(e);\n\t\t\t}\n\t\t
}
\n\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
let dealLater = true;
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.style.left = x - (isSecondLayer ? offset.x : 0);
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.style.top = y - (isSecondLayer ? offset.y : 0);
\n\t\t
}
\n\n\t\t
properties.style.position=
\"
absolute
\"\n\n\t\t
viewNode.rect={\n
\t\t\t
x: properties.style.left?properties.style.left:0,
\n\t\t\t
y: properties.style.top?properties.style.top:0,
\n\t\t\t
width: properties.style.width,
\n\t\t\t
height: properties.style.height
\n\t\t
}
\n\n\t\t
if (typeTool) {\n
\t\t\t
let fontInfo = typeTool();
\n\t\t\t
properties.attrs.text = fontInfo.textValue;
\n\t\t\t
const sizes = fontInfo.sizes();
\n\t\t\t
const colors = fontInfo.colors();
\n\t\t\t
properties.style.fontSize = sizes ? sizes[0] || 20 : 20;
\n\t\t\t
let [r, g, b, a] = colors[0];
\n\t\t\t
console.log(
\"
color
\"
,[r, g, b, a])
\n\t\t\t
properties.style.color = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
\n\t\t\t
viewNode.componentName = 'Label';
\n\t\t\t
dealLater = false;
\n\t\t
} else if (solidColor && layer.vectorMask) {\n
\t\t\t
let paths = layer.vectorMask().paths;
\n\t\t\t
if (paths[2].numPoints === 4) {\n
\t\t\t\t
let isRect = true;
\n\t\t\t\t
for (let i = 3; i < paths.length; i++) {\n
\t\t\t\t\t
if (paths[i].recordType !== 2) {\n
\t\t\t\t\t\t
isRect = false;
\n\t\t\t\t\t\t
break;
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t\t
if (isRect) {\n
\t\t\t\t\t
viewNode.componentName = 'Div';
\n\t\t\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t\t\t
properties.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 1)`;
\n\t\t\t\t\t
dealLater = false;
\n\t\t\t\t
}
\n\t\t\t
}
\n\t\t
}
\n\n\t\t
if (dealLater) {\n
\t\t\t
if (node.hasOwnProperty('children')) {\n
\t\t\t\t
viewNode.componentName = 'Div';
\n\t\t\t
} else {\n
\t\t\t\t
viewNode.componentName = 'Image';
\n\n\t\t\t\t
let uuid = generateUUID();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
let dataUrl;
\n\t\t\t\t
try {\n
\t\t\t\t\t
let img = node.origin.toPng();
\n\t\t\t\t\t
dataUrl = img.src;
\n\t\t\t\t
} catch (e)
{
\n\n\t\t\t\t
}
\n\n\t\t\t\t
if (dataUrl) {\n
\t\t\t\t\t
let base64Data = dataUrl.replace(/^data:image
\\
/
\\
w+;base64,/,
\"\"
);
\n\t\t\t\t\t
let buffer = new Buffer(base64Data, 'base64');
\n\t\t\t\t\t
const fileNameHash = hash(buffer);
\n\t\t\t\t\t
if (imageHashMap.hasOwnProperty(fileNameHash)) {\n
\t\t\t\t\t\t
uuid = imageHashMap[fileNameHash];
\n\t\t\t\t\t
} else {\n
\t\t\t\t\t\t
imageHashMap[fileNameHash] = uuid;
\n\t\t\t\t\t\t
assets.push({\n
\t\t\t\t\t\t\t
name,
\n\t\t\t\t\t\t\t
ext,
\n\t\t\t\t\t\t\t
uuid,
\n\t\t\t\t\t\t\t
base64Data,
\n\t\t\t\t\t\t\t
hash: fileNameHash,
\n\t\t\t\t\t\t
});
\n\t\t\t\t\t
}
\n\n\t\t\t\t\t
properties.attrs.source = 'asset://' + 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
console.log(psdFile)
\n\t
let data = {\n
\t\t
pluginVersion:
\"
0.0.1
\"
,
\n\t\t
reference:
\"
psd
\"
,
\n\t\t
fileName:psdFile.name,
\n\t\t
assets,
\n\t\t
view: viewRoot,
\n\t
};
\n\n\t
let dataString = JSON.stringify(data);
\n\n\t
let buf = new Buffer(dataString);
\n\t
return await new Promise((resolve, reject) => {\n
\t\t
zlib.gzip(buf, function (err, res) {\n
\t\t\t
if (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
\ No newline at end of file
dist/index.js
View file @
81d83998
...
@@ -92,7 +92,7 @@ async function execute(psdFile, options) {
...
@@ -92,7 +92,7 @@ async function execute(psdFile, options) {
let
viewRoot
=
{
let
viewRoot
=
{
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
type
:
'node
'
,
componentName
:
'Div
'
,
uuid
:
generateUUID
(),
uuid
:
generateUUID
(),
};
};
...
@@ -105,10 +105,16 @@ async function execute(psdFile, options) {
...
@@ -105,10 +105,16 @@ async function execute(psdFile, options) {
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
let
{
name
}
=
node
;
let
{
name
}
=
node
;
const
{
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
const
{
x
,
y
,
width
,
height
,
opacity
,
display
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
//console.log('walk node:', name);
//console.log('walk node:', name);
let
properties
=
{
let
properties
=
{
width
,
height
,
alpha
,
visible
,
style
:{
width
,
height
,
opacity
,
display
,
},
attrs
:{
},
className
:
""
};
};
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
...
@@ -177,7 +183,7 @@ async function execute(psdFile, options) {
...
@@ -177,7 +183,7 @@ async function execute(psdFile, options) {
value
=
0
;
value
=
0
;
}
}
}
}
properties
[
field
]
=
value
;
properties
.
style
[
field
]
=
value
;
}
}
}
}
}
}
...
@@ -193,24 +199,33 @@ async function execute(psdFile, options) {
...
@@ -193,24 +199,33 @@ async function execute(psdFile, options) {
};
};
let
dealLater
=
true
;
let
dealLater
=
true
;
if
(
x
!==
0
)
{
if
(
x
!==
0
)
{
properties
.
x
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
properties
.
style
.
left
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
}
}
if
(
y
!==
0
)
{
if
(
y
!==
0
)
{
properties
.
y
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
properties
.
style
.
top
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
}
}
properties
.
style
.
position
=
"absolute"
;
viewNode
.
rect
=
{
x
:
properties
.
style
.
left
?
properties
.
style
.
left
:
0
,
y
:
properties
.
style
.
top
?
properties
.
style
.
top
:
0
,
width
:
properties
.
style
.
width
,
height
:
properties
.
style
.
height
};
if
(
typeTool
)
{
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
let
fontInfo
=
typeTool
();
properties
.
text
=
fontInfo
.
textValue
;
properties
.
attrs
.
text
=
fontInfo
.
textValue
;
const
sizes
=
fontInfo
.
sizes
();
const
sizes
=
fontInfo
.
sizes
();
const
colors
=
fontInfo
.
colors
();
const
colors
=
fontInfo
.
colors
();
properties
.
size
=
sizes
?
sizes
[
0
]
||
20
:
20
;
properties
.
s
tyle
.
fontS
ize
=
sizes
?
sizes
[
0
]
||
20
:
20
;
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
properties
.
fillColor
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
console
.
log
(
"color"
,[
r
,
g
,
b
,
a
]);
viewNode
.
type
=
'label'
;
properties
.
style
.
color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
viewNode
.
componentName
=
'Label'
;
dealLater
=
false
;
dealLater
=
false
;
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
let
paths
=
layer
.
vectorMask
().
paths
;
let
paths
=
layer
.
vectorMask
().
paths
;
if
(
paths
[
2
].
numPoints
===
4
)
{
if
(
paths
[
2
].
numPoints
===
4
)
{
let
isRect
=
true
;
let
isRect
=
true
;
...
@@ -221,9 +236,9 @@ async function execute(psdFile, options) {
...
@@ -221,9 +236,9 @@ async function execute(psdFile, options) {
}
}
}
}
if
(
isRect
)
{
if
(
isRect
)
{
viewNode
.
type
=
'rect
'
;
viewNode
.
componentName
=
'Div
'
;
const
{
r
,
g
,
b
}
=
solidColor
();
const
{
r
,
g
,
b
}
=
solidColor
();
properties
.
fill
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
properties
.
style
.
background
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
dealLater
=
false
;
dealLater
=
false
;
}
}
}
}
...
@@ -231,9 +246,9 @@ async function execute(psdFile, options) {
...
@@ -231,9 +246,9 @@ async function execute(psdFile, options) {
if
(
dealLater
)
{
if
(
dealLater
)
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
viewNode
.
type
=
'node
'
;
viewNode
.
componentName
=
'Div
'
;
}
else
{
}
else
{
viewNode
.
type
=
'i
mage'
;
viewNode
.
componentName
=
'I
mage'
;
let
uuid
=
generateUUID
();
let
uuid
=
generateUUID
();
const
ext
=
'.png'
;
const
ext
=
'.png'
;
...
@@ -263,7 +278,7 @@ async function execute(psdFile, options) {
...
@@ -263,7 +278,7 @@ async function execute(psdFile, options) {
});
});
}
}
properties
.
source
=
'asset://'
+
uuid
;
properties
.
attrs
.
source
=
'asset://'
+
uuid
;
}
}
}
}
}
}
...
@@ -276,10 +291,13 @@ async function execute(psdFile, options) {
...
@@ -276,10 +291,13 @@ async function execute(psdFile, options) {
node
.
view
=
viewNode
;
node
.
view
=
viewNode
;
});
});
console
.
log
(
psdFile
);
let
data
=
{
let
data
=
{
view
:
viewRoot
,
pluginVersion
:
"0.0.1"
,
reference
:
"psd"
,
fileName
:
psdFile
.
name
,
assets
,
assets
,
view
:
viewRoot
,
};
};
let
dataString
=
JSON
.
stringify
(
data
);
let
dataString
=
JSON
.
stringify
(
data
);
...
...
dist/index.js.map
View file @
81d83998
{
"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\n
const PSD = window['require']('psd');
\n\n
export async function getTree(file) {\n
\t
let psd = await PSD.fromDroppedFile(file);
\n\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 hash from 'object-hash';
\n
import zlib from 'zlib';
\n\n
const relativePosPrefixMap = {\n
\t
l: {field: 'left',},
\n\t
t: {field: 'top',},
\n\t
r: {field: 'right',},
\n\t
b: {field: 'bottom',},
\n\t
h: {field: 'horizonCenter',},
\n\t
v: {field: 'verticalCenter',},
\n\t
wp: {field: 'width', },
\n\t
hp: {field: 'height', },
\n\t
lp: {field: 'left', },
\n\t
tp: {field: 'top', },
\n\t
rp: {field: 'right', },
\n\t
bp: {field: 'bottom', },
\n
};
\n\n
export async function execute(psdFile, options) {\n
\t
const tree = await getTree(psdFile);
\n\t
const offset = options ? options.offset : {x: 0, y: 0};
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile.name, '.psd'),
\n\t\t
type: 'node',
\n\t\t
uuid: generateUUID(),
\n\t
};
\n\n\t
const assets = [];
\n\t
const imageHashMap = {};
\n\n\t
let {width: stageWidth, height: stageHeight} = tree;
\n\t
stageWidth -= offset.x || 0;
\n\t
stageHeight -= offset.y || 0;
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
let
{
name
}
= node;
\n\t\t
const {x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;
\n\t\t
//console.log('walk node:', name);
\n\t\t
let properties = {\n
\t\t\t
width, height, alpha, visible,
\n\t\t
};
\n\t\t
const isSecondLayer = !parent.origin.parent;
\n\n\t\t
const {width: parentWidth, height: parentHeight} = parent;
\n\n\t\t
if (name.includes('|')) {\n
\t\t\t
try {\n
\t\t\t\t
let arr = name.split('|');
\n\t\t\t\t
name = arr[0];
\n\t\t\t\t
let paramsStr = arr[1];
\n\t\t\t\t
let params = paramsStr.split(';');
\n\t\t\t\t
let relativePos = params[0];
\n\t\t\t\t
if (relativePos) {\n
\t\t\t\t\t
let items = relativePos.split(',');
\n\t\t\t\t\t
for (let item of items) {\n
\t\t\t\t\t\t
let result = item.match(/[a-zA-Z]+/);
\n\t\t\t\t\t\t
if(!result)
{
\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t
}
\n\t\t\t\t\t\t
let prefix = result[0];
\n\t\t\t\t\t\t
let mapItem = relativePosPrefixMap[prefix];
\n\t\t\t\t\t\t
if (mapItem) {\n
\t\t\t\t\t\t\t
let
{
field,
}
= mapItem;
\n\t\t\t\t\t\t\t
let value = item.substr(prefix.length);
\n\t\t\t\t\t\t\t
let hasValue = value.length > 0;
\n\t\t\t\t\t\t\t
let fieldChar = prefix[0];
\n\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
value = x - offset.x;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
value = y - offset.y;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t
value = stageWidth - width;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t
value = stageHeight - height;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'h':
\n\t\t\t\t\t\t\t\t\t\t
value = x + width / 2 - stageWidth / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'v':
\n\t\t\t\t\t\t\t\t\t\t
value = y + height / 2 - stageHeight / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
let isPercent = prefix.endsWith('p');
\n\t\t\t\t\t\t\t
if (isPercent) {\n
\t\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageWidth;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageHeight;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t\t
value = Math.floor(value * 100);
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t
value += '%';
\n\t\t\t\t\t\t\t
} else {\n
\t\t\t\t\t\t\t\t
value = parseFloat(value);
\n\t\t\t\t\t\t\t\t
if (isNaN(value)) {\n
\t\t\t\t\t\t\t\t\t
value = 0;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
properties[field] = value;
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t
}catch (e)
{
\n\t\t\t\tconsole.log(e);\n\t\t\t}\n\t\t
}
\n\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
let dealLater = true;
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.x = x - (isSecondLayer ? offset.x : 0);
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.y = y - (isSecondLayer ? offset.y : 0);
\n\t\t
}
\n\n\t\t
if (typeTool) {\n
\t\t\t
let fontInfo = typeTool();
\n\t\t\t
properties.text = fontInfo.textValue;
\n\t\t\t
const sizes = fontInfo.sizes();
\n\t\t\t
const colors = fontInfo.colors();
\n\t\t\t
properties.size = sizes ? sizes[0] || 20 : 20;
\n\t\t\t
let [r, g, b, a] = colors[0];
\n\t\t\t
properties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
\n\t\t\t
viewNode.type = 'label';
\n\t\t\t
dealLater = false;
\n\t\t
} else if (solidColor && layer.vectorMask) {\n
\n\t\t\t
let paths = layer.vectorMask().paths;
\n\t\t\t
if (paths[2].numPoints === 4) {\n
\t\t\t\t
let isRect = true;
\n\t\t\t\t
for (let i = 3; i < paths.length; i++) {\n
\t\t\t\t\t
if (paths[i].recordType !== 2) {\n
\t\t\t\t\t\t
isRect = false;
\n\t\t\t\t\t\t
break;
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t\t
if (isRect) {\n
\t\t\t\t\t
viewNode.type = 'rect';
\n\t\t\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t\t\t
properties.fillColor = `rgba(${r}, ${g}, ${b}, 1)`;
\n\t\t\t\t\t
dealLater = false;
\n\t\t\t\t
}
\n\t\t\t
}
\n\t\t
}
\n\n\t\t
if (dealLater) {\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
let uuid = generateUUID();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
let dataUrl;
\n\t\t\t\t
try {\n
\t\t\t\t\t
let img = node.origin.toPng();
\n\t\t\t\t\t
dataUrl = img.src;
\n\t\t\t\t
} catch (e)
{
\n\n\t\t\t\t
}
\n\n\t\t\t\t
if (dataUrl) {\n
\t\t\t\t\t
let base64Data = dataUrl.replace(/^data:image
\\
/
\\
w+;base64,/,
\"\"
);
\n\t\t\t\t\t
let buffer = new Buffer(base64Data, 'base64');
\n\t\t\t\t\t
const fileNameHash = hash(buffer);
\n\t\t\t\t\t
if (imageHashMap.hasOwnProperty(fileNameHash)) {\n
\t\t\t\t\t\t
uuid = imageHashMap[fileNameHash];
\n\t\t\t\t\t
} else {\n
\t\t\t\t\t\t
imageHashMap[fileNameHash] = uuid;
\n\t\t\t\t\t\t
assets.push({\n
\t\t\t\t\t\t\t
name,
\n\t\t\t\t\t\t\t
ext,
\n\t\t\t\t\t\t\t
uuid,
\n\t\t\t\t\t\t\t
base64Data,
\n\t\t\t\t\t\t\t
hash: fileNameHash,
\n\t\t\t\t\t\t
});
\n\t\t\t\t\t
}
\n\n\t\t\t\t\t
properties.source = 'asset://' + 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
let data = {\n
\t\t
view: viewRoot,
\n\t\t
assets,
\n\t
};
\n\n\t
let dataString = JSON.stringify(data);
\n\n\t
let buf = new Buffer(dataString);
\n\t
return await new Promise((resolve, reject) => {\n
\t\t
zlib.gzip(buf, function (err, res) {\n
\t\t\t
if (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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"
}
{
"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\n
const PSD = window['require']('psd');
\n\n
export async function getTree(file) {\n
\t
let psd = await PSD.fromDroppedFile(file);
\n\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 hash from 'object-hash';
\n
import zlib from 'zlib';
\n\n
const relativePosPrefixMap = {\n
\t
l: {field: 'left',},
\n\t
t: {field: 'top',},
\n\t
r: {field: 'right',},
\n\t
b: {field: 'bottom',},
\n\t
h: {field: 'horizonCenter',},
\n\t
v: {field: 'verticalCenter',},
\n\t
wp: {field: 'width', },
\n\t
hp: {field: 'height', },
\n\t
lp: {field: 'left', },
\n\t
tp: {field: 'top', },
\n\t
rp: {field: 'right', },
\n\t
bp: {field: 'bottom', },
\n
};
\n\n
export async function execute(psdFile, options) {\n
\t
const tree = await getTree(psdFile);
\n\t
const offset = options ? options.offset : {x: 0, y: 0};
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile.name, '.psd'),
\n\t\t
componentName : 'Div',
\n\t\t
uuid: generateUUID(),
\n\t
};
\n\n\t
const assets = [];
\n\t
const imageHashMap = {};
\n\n\t
let {width: stageWidth, height: stageHeight} = tree;
\n\t
stageWidth -= offset.x || 0;
\n\t
stageHeight -= offset.y || 0;
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
let
{
name
}
= node;
\n\t\t
const {x, y, width, height, opacity, display, origin: {layer, layer: {typeTool, solidColor}}} = node;
\n\t\t
//console.log('walk node:', name);
\n\t\t
let properties = {\n
\t\t\t
style:{\n
\t\t\t\t
width, height, opacity,display ,
\n\t\t\t
},
\n\t\t\t
attrs:
{
\n\n\t\t\t},\n\t\t\tclassName:\"\"\n\t\t
}
;
\n\t\t
const isSecondLayer = !parent.origin.parent;
\n\n\t\t
if (name.includes('|')) {\n
\t\t\t
try {\n
\t\t\t\t
let arr = name.split('|');
\n\t\t\t\t
name = arr[0];
\n\t\t\t\t
let paramsStr = arr[1];
\n\t\t\t\t
let params = paramsStr.split(';');
\n\t\t\t\t
let relativePos = params[0];
\n\t\t\t\t
if (relativePos) {\n
\t\t\t\t\t
let items = relativePos.split(',');
\n\t\t\t\t\t
for (let item of items) {\n
\t\t\t\t\t\t
let result = item.match(/[a-zA-Z]+/);
\n\t\t\t\t\t\t
if(!result)
{
\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t
}
\n\t\t\t\t\t\t
let prefix = result[0];
\n\t\t\t\t\t\t
let mapItem = relativePosPrefixMap[prefix];
\n\t\t\t\t\t\t
if (mapItem) {\n
\t\t\t\t\t\t\t
let
{
field,
}
= mapItem;
\n\t\t\t\t\t\t\t
let value = item.substr(prefix.length);
\n\t\t\t\t\t\t\t
let hasValue = value.length > 0;
\n\t\t\t\t\t\t\t
let fieldChar = prefix[0];
\n\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
value = x - offset.x;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
value = y - offset.y;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t
value = stageWidth - width;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t
value = stageHeight - height;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'h':
\n\t\t\t\t\t\t\t\t\t\t
value = x + width / 2 - stageWidth / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'v':
\n\t\t\t\t\t\t\t\t\t\t
value = y + height / 2 - stageHeight / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
let isPercent = prefix.endsWith('p');
\n\t\t\t\t\t\t\t
if (isPercent) {\n
\t\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageWidth;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageHeight;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t\t
value = Math.floor(value * 100);
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t
value += '%';
\n\t\t\t\t\t\t\t
} else {\n
\t\t\t\t\t\t\t\t
value = parseFloat(value);
\n\t\t\t\t\t\t\t\t
if (isNaN(value)) {\n
\t\t\t\t\t\t\t\t\t
value = 0;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
properties.style[field] = value;
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t
}catch (e)
{
\n\t\t\t\tconsole.log(e);\n\t\t\t}\n\t\t
}
\n\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
let dealLater = true;
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.style.left = x - (isSecondLayer ? offset.x : 0);
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.style.top = y - (isSecondLayer ? offset.y : 0);
\n\t\t
}
\n\n\t\t
properties.style.position=
\"
absolute
\"\n\n\t\t
viewNode.rect={\n
\t\t\t
x: properties.style.left?properties.style.left:0,
\n\t\t\t
y: properties.style.top?properties.style.top:0,
\n\t\t\t
width: properties.style.width,
\n\t\t\t
height: properties.style.height
\n\t\t
}
\n\n\t\t
if (typeTool) {\n
\t\t\t
let fontInfo = typeTool();
\n\t\t\t
properties.attrs.text = fontInfo.textValue;
\n\t\t\t
const sizes = fontInfo.sizes();
\n\t\t\t
const colors = fontInfo.colors();
\n\t\t\t
properties.style.fontSize = sizes ? sizes[0] || 20 : 20;
\n\t\t\t
let [r, g, b, a] = colors[0];
\n\t\t\t
console.log(
\"
color
\"
,[r, g, b, a])
\n\t\t\t
properties.style.color = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
\n\t\t\t
viewNode.componentName = 'Label';
\n\t\t\t
dealLater = false;
\n\t\t
} else if (solidColor && layer.vectorMask) {\n
\t\t\t
let paths = layer.vectorMask().paths;
\n\t\t\t
if (paths[2].numPoints === 4) {\n
\t\t\t\t
let isRect = true;
\n\t\t\t\t
for (let i = 3; i < paths.length; i++) {\n
\t\t\t\t\t
if (paths[i].recordType !== 2) {\n
\t\t\t\t\t\t
isRect = false;
\n\t\t\t\t\t\t
break;
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t\t
if (isRect) {\n
\t\t\t\t\t
viewNode.componentName = 'Div';
\n\t\t\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t\t\t
properties.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 1)`;
\n\t\t\t\t\t
dealLater = false;
\n\t\t\t\t
}
\n\t\t\t
}
\n\t\t
}
\n\n\t\t
if (dealLater) {\n
\t\t\t
if (node.hasOwnProperty('children')) {\n
\t\t\t\t
viewNode.componentName = 'Div';
\n\t\t\t
} else {\n
\t\t\t\t
viewNode.componentName = 'Image';
\n\n\t\t\t\t
let uuid = generateUUID();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
let dataUrl;
\n\t\t\t\t
try {\n
\t\t\t\t\t
let img = node.origin.toPng();
\n\t\t\t\t\t
dataUrl = img.src;
\n\t\t\t\t
} catch (e)
{
\n\n\t\t\t\t
}
\n\n\t\t\t\t
if (dataUrl) {\n
\t\t\t\t\t
let base64Data = dataUrl.replace(/^data:image
\\
/
\\
w+;base64,/,
\"\"
);
\n\t\t\t\t\t
let buffer = new Buffer(base64Data, 'base64');
\n\t\t\t\t\t
const fileNameHash = hash(buffer);
\n\t\t\t\t\t
if (imageHashMap.hasOwnProperty(fileNameHash)) {\n
\t\t\t\t\t\t
uuid = imageHashMap[fileNameHash];
\n\t\t\t\t\t
} else {\n
\t\t\t\t\t\t
imageHashMap[fileNameHash] = uuid;
\n\t\t\t\t\t\t
assets.push({\n
\t\t\t\t\t\t\t
name,
\n\t\t\t\t\t\t\t
ext,
\n\t\t\t\t\t\t\t
uuid,
\n\t\t\t\t\t\t\t
base64Data,
\n\t\t\t\t\t\t\t
hash: fileNameHash,
\n\t\t\t\t\t\t
});
\n\t\t\t\t\t
}
\n\n\t\t\t\t\t
properties.attrs.source = 'asset://' + 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
console.log(psdFile)
\n\t
let data = {\n
\t\t
pluginVersion:
\"
0.0.1
\"
,
\n\t\t
reference:
\"
psd
\"
,
\n\t\t
fileName:psdFile.name,
\n\t\t
assets,
\n\t\t
view: viewRoot,
\n\t
};
\n\n\t
let dataString = JSON.stringify(data);
\n\n\t
let buf = new Buffer(dataString);
\n\t
return await new Promise((resolve, reject) => {\n
\t\t
zlib.gzip(buf, function (err, res) {\n
\t\t\t
if (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":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;AACrC;AACO,eAAe,OAAO,CAAC,IAAI,EAAE;AACpC,CAAC,IAAI,GAAG,GAAG,MAAM,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC3C;AACA,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;AACjB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;AACxB;AACA,CAAC,OAAO,IAAI,CAAC;AACb,CAAC;AACD;AACA,SAAS,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE;AAChC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;AAC/D,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC;AAC5E,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AACxB,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AACtB;AACA,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3J,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AACvD,EAAE,QAAQ,CAAC,QAAQ,GAAG,EAAE,CAAC;AACzB,EAAE;AACF;AACA,CAAC,IAAI,QAAQ,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;AAClC,CAAC,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AAChD,EAAE,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAClC;AACA,EAAE,MAAM,aAAa,GAAG,EAAE,CAAC;AAC3B,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACxC,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,EAAC;AAClC,EAAE;AACF;;AClCA;AACA;AACA;AACA;AACO,eAAe,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE;AACpE,CAAC,IAAI,WAAW,EAAE;AAClB,EAAE,MAAM,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC7B,EAAE;AACF,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAChD,EAAE,KAAK,IAAI,SAAS,IAAI,IAAI,CAAC,QAAQ,EAAE;AACvC,GAAG,MAAM,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AACnC,GAAG,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACtD,GAAG,IAAI,MAAM,KAAK,IAAI,EAAE;AACxB,IAAI,MAAM;AACV,IAAI;AACJ,GAAG;AACH,EAAE;AACF;;ACjBA;AACA;AACA;AACA;AACA;AASA;AACA,MAAM,oBAAoB,GAAG;AAC7B,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE;AACpB,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE;AACnB,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE;AACrB,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE;AACtB,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE;AAC7B,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE;AAC9B,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG;AACvB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG;AACxB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG;AACtB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG;AACrB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG;AACvB,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG;AACxB,CAAC,CAAC;AACF;AACO,eAAe,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE;AAChD,CAAC,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC,MAAM,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACxD;AACA,CAAC,IAAI,QAAQ,GAAG;AAChB,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;AAC3C,EAAE,aAAa,GAAG,KAAK;AACvB,EAAE,IAAI,EAAE,YAAY,EAAE;AACtB,EAAE,CAAC;AACH;AACA,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;AACnB,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AACzB;AACA,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI,CAAC;AACrD,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,WAAW,IAAI,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAC9B;AACA,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,gBAAgB,IAAI,EAAE,MAAM,EAAE;AACpD,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AACpB,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACvG;AACA,EAAE,IAAI,UAAU,GAAG;AACnB,GAAG,KAAK,CAAC;AACT,IAAI,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,OAAO;AAClC,IAAI;AACJ,GAAG,KAAK,CAAC;AACT;AACA,IAAI;AACJ,GAAG,SAAS,CAAC,EAAE;AACf,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;AAC9C;AACA,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AAC1B,GAAG,IAAI;AACP,IAAI,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC9B,IAAI,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAClB,IAAI,IAAI,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAC3B,IAAI,IAAI,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACtC,IAAI,IAAI,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAChC,IAAI,IAAI,WAAW,EAAE;AACrB,KAAK,IAAI,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACxC,KAAK,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AAC7B,MAAM,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;AAC3C,MAAM,GAAG,CAAC,MAAM,CAAC;AACjB,OAAO,SAAS;AAChB,OAAO;AACP,MAAM,IAAI,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAC7B,MAAM,IAAI,OAAO,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;AACjD,MAAM,IAAI,OAAO,EAAE;AACnB,OAAO,IAAI,CAAC,KAAK,EAAE,GAAG,OAAO,CAAC;AAC9B,OAAO,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC9C,OAAO,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AACvC,OAAO,IAAI,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACjC,OAAO,GAAG,CAAC,QAAQ,CAAC;AACpB,QAAQ,OAAO,SAAS;AACxB,SAAS,KAAK,GAAG;AACjB,UAAU,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;AAC/B,UAAU,MAAM;AAChB,SAAS,KAAK,GAAG;AACjB,UAAU,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;AAC/B,UAAU,MAAM;AAChB,SAAS,KAAK,GAAG;AACjB,UAAU,KAAK,GAAG,UAAU,GAAG,KAAK,CAAC;AACrC,UAAU,MAAM;AAChB,SAAS,KAAK,GAAG;AACjB,UAAU,KAAK,GAAG,WAAW,GAAG,MAAM,CAAC;AACvC,UAAU,MAAM;AAChB,SAAS,KAAK,GAAG;AACjB,UAAU,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;AACjD,UAAU,MAAM;AAChB,SAAS,KAAK,GAAG;AACjB,UAAU,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC;AACnD,UAAU,MAAM;AAChB,SAAS;AACT,QAAQ;AACR,OAAO,IAAI,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AAC5C,OAAO,IAAI,SAAS,EAAE;AACtB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACrB,SAAS,OAAO,SAAS;AACzB,UAAU,KAAK,GAAG,CAAC;AACnB,UAAU,KAAK,GAAG;AAClB,WAAW,KAAK,IAAI,UAAU,CAAC;AAC/B,WAAW,MAAM;AACjB,UAAU,KAAK,GAAG,CAAC;AACnB,UAAU,KAAK,GAAG;AAClB,WAAW,KAAK,IAAI,WAAW,CAAC;AAChC,WAAW,MAAM;AACjB,UAAU;AACV,SAAS,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;AACzC,SAAS;AACT,QAAQ,KAAK,IAAI,GAAG,CAAC;AACrB,QAAQ,MAAM;AACd,QAAQ,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AAClC,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE;AAC1B,SAAS,KAAK,GAAG,CAAC,CAAC;AACnB,SAAS;AACT,QAAQ;AACR,OAAO,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACvC,OAAO;AACP,MAAM;AACN,KAAK;AACL,IAAI,OAAO,CAAC,EAAE;AACd,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACnB,IAAI;AACJ,GAAG;AACH;AACA,EAAE,IAAI,QAAQ,GAAG;AACjB,GAAG,IAAI;AACP,GAAG,UAAU;AACb,GAAG,IAAI,EAAE,YAAY,EAAE;AACvB,GAAG,CAAC;AACJ,EAAE,IAAI,SAAS,GAAG,IAAI,CAAC;AACvB,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;AACf,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,aAAa,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9D,GAAG;AACH,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;AACf,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,aAAa,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC7D,GAAG;AACH;AACA,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAU;AACtC;AACA,EAAE,QAAQ,CAAC,IAAI,CAAC;AAChB,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACnD,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACjD,GAAG,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK;AAChC,GAAG,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM;AAClC,IAAG;AACH;AACA,EAAE,IAAI,QAAQ,EAAE;AAChB,GAAG,IAAI,QAAQ,GAAG,QAAQ,EAAE,CAAC;AAC7B,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC;AAC9C,GAAG,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;AAClC,GAAG,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;AACpC,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;AAC3D,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAChC,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAC;AACpC,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AACjE,GAAG,QAAQ,CAAC,aAAa,GAAG,OAAO,CAAC;AACpC,GAAG,SAAS,GAAG,KAAK,CAAC;AACrB,GAAG,MAAM,IAAI,UAAU,IAAI,KAAK,CAAC,UAAU,EAAE;AAC7C,GAAG,IAAI,KAAK,GAAG,KAAK,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;AACxC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE;AACjC,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC;AACtB,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC3C,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,EAAE;AACpC,MAAM,MAAM,GAAG,KAAK,CAAC;AACrB,MAAM,MAAM;AACZ,MAAM;AACN,KAAK;AACL,IAAI,IAAI,MAAM,EAAE;AAChB,KAAK,QAAQ,CAAC,aAAa,GAAG,KAAK,CAAC;AACpC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,UAAU,EAAE,CAAC;AACpC,KAAK,UAAU,CAAC,KAAK,CAAC,eAAe,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;AACpE,KAAK,SAAS,GAAG,KAAK,CAAC;AACvB,KAAK;AACL,IAAI;AACJ,GAAG;AACH;AACA,EAAE,IAAI,SAAS,EAAE;AACjB,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE;AACxC,IAAI,QAAQ,CAAC,aAAa,GAAG,KAAK,CAAC;AACnC,IAAI,MAAM;AACV,IAAI,QAAQ,CAAC,aAAa,GAAG,OAAO,CAAC;AACrC;AACA,IAAI,IAAI,IAAI,GAAG,YAAY,EAAE,CAAC;AAC9B,IAAI,MAAM,GAAG,GAAG,MAAM,CAAC;AACvB;AACA,IAAI,IAAI,OAAO,CAAC;AAChB,IAAI,IAAI;AACR,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;AACnC,KAAK,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC;AACvB,KAAK,CAAC,OAAO,CAAC,EAAE;AAChB;AACA,KAAK;AACL;AACA,IAAI,IAAI,OAAO,EAAE;AACjB,KAAK,IAAI,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;AACtE,KAAK,IAAI,MAAM,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AACnD,KAAK,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;AACvC,KAAK,IAAI,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE;AACpD,MAAM,IAAI,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AACxC,MAAM,MAAM;AACZ,MAAM,YAAY,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;AACxC,MAAM,MAAM,CAAC,IAAI,CAAC;AAClB,OAAO,IAAI;AACX,OAAO,GAAG;AACV,OAAO,IAAI;AACX,OAAO,UAAU;AACjB,OAAO,IAAI,EAAE,YAAY;AACzB,OAAO,CAAC,CAAC;AACT,MAAM;AACN;AACA,KAAK,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC;AACjD,KAAK;AACL,IAAI;AACJ,GAAG;AACH;AACA,EAAE,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,IAAI,QAAQ,CAAC;AAC3C,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE;AAC9C,GAAG,UAAU,CAAC,QAAQ,GAAG,EAAE,CAAC;AAC5B,GAAG;AACH,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrC;AACA,EAAE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AACvB,EAAE,CAAC,CAAC;AACJ,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,EAAC;AACxB,CAAC,IAAI,IAAI,GAAG;AACZ,EAAE,aAAa,CAAC,OAAO;AACvB,EAAE,SAAS,CAAC,KAAK;AACjB,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI;AACvB,EAAE,MAAM;AACR,EAAE,IAAI,EAAE,QAAQ;AAChB,EAAE,CAAC;AACH;AACA,CAAC,IAAI,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACvC;AACA,CAAC,IAAI,GAAG,GAAG,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;AAClC,CAAC,OAAO,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK;AAC/C,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,UAAU,GAAG,EAAE,GAAG,EAAE;AACrC,GAAG,IAAI,GAAG,EAAE;AACZ,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;AAChB,IAAI,MAAM;AACV,IAAI,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAC5B,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;AACjB,IAAI;AACJ,GAAG,CAAC,CAAC;AACL,EAAE,CAAC;AACH;;;;;"
}
\ No newline at end of file
\ No newline at end of file
dist/index.umd.js
View file @
81d83998
...
@@ -2,13 +2,13 @@
...
@@ -2,13 +2,13 @@
typeof
exports
===
'object'
&&
typeof
module
!==
'undefined'
?
factory
(
exports
,
require
(
'path'
),
require
(
'color'
),
require
(
'uuid/v4'
),
require
(
'object-hash'
),
require
(
'zlib'
))
:
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
)
:
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
));
(
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'
;
}(
this
,
(
function
(
exports
,
path
,
color
,
generateUUID
,
hash
,
zlib
)
{
'use strict'
;
path
=
path
&&
path
.
hasOwnProperty
(
'default'
)
?
path
[
'default'
]
:
path
;
path
=
path
&&
Object
.
prototype
.
hasOwnProperty
.
call
(
path
,
'default'
)
?
path
[
'default'
]
:
path
;
color
=
color
&&
color
.
hasOwnProperty
(
'default'
)
?
color
[
'default'
]
:
color
;
color
=
color
&&
Object
.
prototype
.
hasOwnProperty
.
call
(
color
,
'default'
)
?
color
[
'default'
]
:
color
;
generateUUID
=
generateUUID
&&
generateUUID
.
hasOwnProperty
(
'default'
)
?
generateUUID
[
'default'
]
:
generateUUID
;
generateUUID
=
generateUUID
&&
Object
.
prototype
.
hasOwnProperty
.
call
(
generateUUID
,
'default'
)
?
generateUUID
[
'default'
]
:
generateUUID
;
hash
=
hash
&&
hash
.
hasOwnProperty
(
'default'
)
?
hash
[
'default'
]
:
hash
;
hash
=
hash
&&
Object
.
prototype
.
hasOwnProperty
.
call
(
hash
,
'default'
)
?
hash
[
'default'
]
:
hash
;
zlib
=
zlib
&&
zlib
.
hasOwnProperty
(
'default'
)
?
zlib
[
'default'
]
:
zlib
;
zlib
=
zlib
&&
Object
.
prototype
.
hasOwnProperty
.
call
(
zlib
,
'default'
)
?
zlib
[
'default'
]
:
zlib
;
/**
/**
* Created by rockyl on 2019-08-09.
* Created by rockyl on 2019-08-09.
...
@@ -92,7 +92,7 @@
...
@@ -92,7 +92,7 @@
let
viewRoot
=
{
let
viewRoot
=
{
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
type
:
'node
'
,
componentName
:
'Div
'
,
uuid
:
generateUUID
(),
uuid
:
generateUUID
(),
};
};
...
@@ -105,10 +105,16 @@
...
@@ -105,10 +105,16 @@
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
let
{
name
}
=
node
;
let
{
name
}
=
node
;
const
{
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
const
{
x
,
y
,
width
,
height
,
opacity
,
display
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
//console.log('walk node:', name);
//console.log('walk node:', name);
let
properties
=
{
let
properties
=
{
width
,
height
,
alpha
,
visible
,
style
:{
width
,
height
,
opacity
,
display
,
},
attrs
:{
},
className
:
""
};
};
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
...
@@ -177,7 +183,7 @@
...
@@ -177,7 +183,7 @@
value
=
0
;
value
=
0
;
}
}
}
}
properties
[
field
]
=
value
;
properties
.
style
[
field
]
=
value
;
}
}
}
}
}
}
...
@@ -193,24 +199,33 @@
...
@@ -193,24 +199,33 @@
};
};
let
dealLater
=
true
;
let
dealLater
=
true
;
if
(
x
!==
0
)
{
if
(
x
!==
0
)
{
properties
.
x
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
properties
.
style
.
left
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
}
}
if
(
y
!==
0
)
{
if
(
y
!==
0
)
{
properties
.
y
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
properties
.
style
.
top
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
}
}
properties
.
style
.
position
=
"absolute"
;
viewNode
.
rect
=
{
x
:
properties
.
style
.
left
?
properties
.
style
.
left
:
0
,
y
:
properties
.
style
.
top
?
properties
.
style
.
top
:
0
,
width
:
properties
.
style
.
width
,
height
:
properties
.
style
.
height
};
if
(
typeTool
)
{
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
let
fontInfo
=
typeTool
();
properties
.
text
=
fontInfo
.
textValue
;
properties
.
attrs
.
text
=
fontInfo
.
textValue
;
const
sizes
=
fontInfo
.
sizes
();
const
sizes
=
fontInfo
.
sizes
();
const
colors
=
fontInfo
.
colors
();
const
colors
=
fontInfo
.
colors
();
properties
.
size
=
sizes
?
sizes
[
0
]
||
20
:
20
;
properties
.
s
tyle
.
fontS
ize
=
sizes
?
sizes
[
0
]
||
20
:
20
;
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
properties
.
fillColor
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
console
.
log
(
"color"
,[
r
,
g
,
b
,
a
]);
viewNode
.
type
=
'label'
;
properties
.
style
.
color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
viewNode
.
componentName
=
'Label'
;
dealLater
=
false
;
dealLater
=
false
;
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
let
paths
=
layer
.
vectorMask
().
paths
;
let
paths
=
layer
.
vectorMask
().
paths
;
if
(
paths
[
2
].
numPoints
===
4
)
{
if
(
paths
[
2
].
numPoints
===
4
)
{
let
isRect
=
true
;
let
isRect
=
true
;
...
@@ -221,9 +236,9 @@
...
@@ -221,9 +236,9 @@
}
}
}
}
if
(
isRect
)
{
if
(
isRect
)
{
viewNode
.
type
=
'rect
'
;
viewNode
.
componentName
=
'Div
'
;
const
{
r
,
g
,
b
}
=
solidColor
();
const
{
r
,
g
,
b
}
=
solidColor
();
properties
.
fill
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
properties
.
style
.
background
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
dealLater
=
false
;
dealLater
=
false
;
}
}
}
}
...
@@ -231,9 +246,9 @@
...
@@ -231,9 +246,9 @@
if
(
dealLater
)
{
if
(
dealLater
)
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
viewNode
.
type
=
'node
'
;
viewNode
.
componentName
=
'Div
'
;
}
else
{
}
else
{
viewNode
.
type
=
'i
mage'
;
viewNode
.
componentName
=
'I
mage'
;
let
uuid
=
generateUUID
();
let
uuid
=
generateUUID
();
const
ext
=
'.png'
;
const
ext
=
'.png'
;
...
@@ -263,7 +278,7 @@
...
@@ -263,7 +278,7 @@
});
});
}
}
properties
.
source
=
'asset://'
+
uuid
;
properties
.
attrs
.
source
=
'asset://'
+
uuid
;
}
}
}
}
}
}
...
@@ -276,10 +291,13 @@
...
@@ -276,10 +291,13 @@
node
.
view
=
viewNode
;
node
.
view
=
viewNode
;
});
});
console
.
log
(
psdFile
);
let
data
=
{
let
data
=
{
view
:
viewRoot
,
pluginVersion
:
"0.0.1"
,
reference
:
"psd"
,
fileName
:
psdFile
.
name
,
assets
,
assets
,
view
:
viewRoot
,
};
};
let
dataString
=
JSON
.
stringify
(
data
);
let
dataString
=
JSON
.
stringify
(
data
);
...
@@ -302,5 +320,5 @@
...
@@ -302,5 +320,5 @@
Object
.
defineProperty
(
exports
,
'__esModule'
,
{
value
:
true
});
Object
.
defineProperty
(
exports
,
'__esModule'
,
{
value
:
true
});
}));
}))
)
;
//# sourceMappingURL=index.umd.js.map
//# sourceMappingURL=index.umd.js.map
dist/index.umd.js.map
View file @
81d83998
{
"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\n
const PSD = window['require']('psd');
\n\n
export async function getTree(file) {\n
\t
let psd = await PSD.fromDroppedFile(file);
\n\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 hash from 'object-hash';
\n
import zlib from 'zlib';
\n\n
const relativePosPrefixMap = {\n
\t
l: {field: 'left',},
\n\t
t: {field: 'top',},
\n\t
r: {field: 'right',},
\n\t
b: {field: 'bottom',},
\n\t
h: {field: 'horizonCenter',},
\n\t
v: {field: 'verticalCenter',},
\n\t
wp: {field: 'width', },
\n\t
hp: {field: 'height', },
\n\t
lp: {field: 'left', },
\n\t
tp: {field: 'top', },
\n\t
rp: {field: 'right', },
\n\t
bp: {field: 'bottom', },
\n
};
\n\n
export async function execute(psdFile, options) {\n
\t
const tree = await getTree(psdFile);
\n\t
const offset = options ? options.offset : {x: 0, y: 0};
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile.name, '.psd'),
\n\t\t
type: 'node',
\n\t\t
uuid: generateUUID(),
\n\t
};
\n\n\t
const assets = [];
\n\t
const imageHashMap = {};
\n\n\t
let {width: stageWidth, height: stageHeight} = tree;
\n\t
stageWidth -= offset.x || 0;
\n\t
stageHeight -= offset.y || 0;
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
let
{
name
}
= node;
\n\t\t
const {x, y, width, height, alpha, visible, origin: {layer, layer: {typeTool, solidColor}}} = node;
\n\t\t
//console.log('walk node:', name);
\n\t\t
let properties = {\n
\t\t\t
width, height, alpha, visible,
\n\t\t
};
\n\t\t
const isSecondLayer = !parent.origin.parent;
\n\n\t\t
const {width: parentWidth, height: parentHeight} = parent;
\n\n\t\t
if (name.includes('|')) {\n
\t\t\t
try {\n
\t\t\t\t
let arr = name.split('|');
\n\t\t\t\t
name = arr[0];
\n\t\t\t\t
let paramsStr = arr[1];
\n\t\t\t\t
let params = paramsStr.split(';');
\n\t\t\t\t
let relativePos = params[0];
\n\t\t\t\t
if (relativePos) {\n
\t\t\t\t\t
let items = relativePos.split(',');
\n\t\t\t\t\t
for (let item of items) {\n
\t\t\t\t\t\t
let result = item.match(/[a-zA-Z]+/);
\n\t\t\t\t\t\t
if(!result)
{
\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t
}
\n\t\t\t\t\t\t
let prefix = result[0];
\n\t\t\t\t\t\t
let mapItem = relativePosPrefixMap[prefix];
\n\t\t\t\t\t\t
if (mapItem) {\n
\t\t\t\t\t\t\t
let
{
field,
}
= mapItem;
\n\t\t\t\t\t\t\t
let value = item.substr(prefix.length);
\n\t\t\t\t\t\t\t
let hasValue = value.length > 0;
\n\t\t\t\t\t\t\t
let fieldChar = prefix[0];
\n\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
value = x - offset.x;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
value = y - offset.y;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t
value = stageWidth - width;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t
value = stageHeight - height;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'h':
\n\t\t\t\t\t\t\t\t\t\t
value = x + width / 2 - stageWidth / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'v':
\n\t\t\t\t\t\t\t\t\t\t
value = y + height / 2 - stageHeight / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
let isPercent = prefix.endsWith('p');
\n\t\t\t\t\t\t\t
if (isPercent) {\n
\t\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageWidth;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageHeight;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t\t
value = Math.floor(value * 100);
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t
value += '%';
\n\t\t\t\t\t\t\t
} else {\n
\t\t\t\t\t\t\t\t
value = parseFloat(value);
\n\t\t\t\t\t\t\t\t
if (isNaN(value)) {\n
\t\t\t\t\t\t\t\t\t
value = 0;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
properties[field] = value;
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t
}catch (e)
{
\n\t\t\t\tconsole.log(e);\n\t\t\t}\n\t\t
}
\n\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
let dealLater = true;
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.x = x - (isSecondLayer ? offset.x : 0);
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.y = y - (isSecondLayer ? offset.y : 0);
\n\t\t
}
\n\n\t\t
if (typeTool) {\n
\t\t\t
let fontInfo = typeTool();
\n\t\t\t
properties.text = fontInfo.textValue;
\n\t\t\t
const sizes = fontInfo.sizes();
\n\t\t\t
const colors = fontInfo.colors();
\n\t\t\t
properties.size = sizes ? sizes[0] || 20 : 20;
\n\t\t\t
let [r, g, b, a] = colors[0];
\n\t\t\t
properties.fillColor = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
\n\t\t\t
viewNode.type = 'label';
\n\t\t\t
dealLater = false;
\n\t\t
} else if (solidColor && layer.vectorMask) {\n
\n\t\t\t
let paths = layer.vectorMask().paths;
\n\t\t\t
if (paths[2].numPoints === 4) {\n
\t\t\t\t
let isRect = true;
\n\t\t\t\t
for (let i = 3; i < paths.length; i++) {\n
\t\t\t\t\t
if (paths[i].recordType !== 2) {\n
\t\t\t\t\t\t
isRect = false;
\n\t\t\t\t\t\t
break;
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t\t
if (isRect) {\n
\t\t\t\t\t
viewNode.type = 'rect';
\n\t\t\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t\t\t
properties.fillColor = `rgba(${r}, ${g}, ${b}, 1)`;
\n\t\t\t\t\t
dealLater = false;
\n\t\t\t\t
}
\n\t\t\t
}
\n\t\t
}
\n\n\t\t
if (dealLater) {\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
let uuid = generateUUID();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
let dataUrl;
\n\t\t\t\t
try {\n
\t\t\t\t\t
let img = node.origin.toPng();
\n\t\t\t\t\t
dataUrl = img.src;
\n\t\t\t\t
} catch (e)
{
\n\n\t\t\t\t
}
\n\n\t\t\t\t
if (dataUrl) {\n
\t\t\t\t\t
let base64Data = dataUrl.replace(/^data:image
\\
/
\\
w+;base64,/,
\"\"
);
\n\t\t\t\t\t
let buffer = new Buffer(base64Data, 'base64');
\n\t\t\t\t\t
const fileNameHash = hash(buffer);
\n\t\t\t\t\t
if (imageHashMap.hasOwnProperty(fileNameHash)) {\n
\t\t\t\t\t\t
uuid = imageHashMap[fileNameHash];
\n\t\t\t\t\t
} else {\n
\t\t\t\t\t\t
imageHashMap[fileNameHash] = uuid;
\n\t\t\t\t\t\t
assets.push({\n
\t\t\t\t\t\t\t
name,
\n\t\t\t\t\t\t\t
ext,
\n\t\t\t\t\t\t\t
uuid,
\n\t\t\t\t\t\t\t
base64Data,
\n\t\t\t\t\t\t\t
hash: fileNameHash,
\n\t\t\t\t\t\t
});
\n\t\t\t\t\t
}
\n\n\t\t\t\t\t
properties.source = 'asset://' + 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
let data = {\n
\t\t
view: viewRoot,
\n\t\t
assets,
\n\t
};
\n\n\t
let dataString = JSON.stringify(data);
\n\n\t
let buf = new Buffer(dataString);
\n\t
return await new Promise((resolve, reject) => {\n
\t\t
zlib.gzip(buf, function (err, res) {\n
\t\t\t
if (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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"
}
{
"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\n
const PSD = window['require']('psd');
\n\n
export async function getTree(file) {\n
\t
let psd = await PSD.fromDroppedFile(file);
\n\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 hash from 'object-hash';
\n
import zlib from 'zlib';
\n\n
const relativePosPrefixMap = {\n
\t
l: {field: 'left',},
\n\t
t: {field: 'top',},
\n\t
r: {field: 'right',},
\n\t
b: {field: 'bottom',},
\n\t
h: {field: 'horizonCenter',},
\n\t
v: {field: 'verticalCenter',},
\n\t
wp: {field: 'width', },
\n\t
hp: {field: 'height', },
\n\t
lp: {field: 'left', },
\n\t
tp: {field: 'top', },
\n\t
rp: {field: 'right', },
\n\t
bp: {field: 'bottom', },
\n
};
\n\n
export async function execute(psdFile, options) {\n
\t
const tree = await getTree(psdFile);
\n\t
const offset = options ? options.offset : {x: 0, y: 0};
\n\n\t
let viewRoot = {\n
\t\t
name: path.basename(psdFile.name, '.psd'),
\n\t\t
componentName : 'Div',
\n\t\t
uuid: generateUUID(),
\n\t
};
\n\n\t
const assets = [];
\n\t
const imageHashMap = {};
\n\n\t
let {width: stageWidth, height: stageHeight} = tree;
\n\t
stageWidth -= offset.x || 0;
\n\t
stageHeight -= offset.y || 0;
\n\n\t
await walkNode(tree, async function (node, parent) {\n
\t\t
let
{
name
}
= node;
\n\t\t
const {x, y, width, height, opacity, display, origin: {layer, layer: {typeTool, solidColor}}} = node;
\n\t\t
//console.log('walk node:', name);
\n\t\t
let properties = {\n
\t\t\t
style:{\n
\t\t\t\t
width, height, opacity,display ,
\n\t\t\t
},
\n\t\t\t
attrs:
{
\n\n\t\t\t},\n\t\t\tclassName:\"\"\n\t\t
}
;
\n\t\t
const isSecondLayer = !parent.origin.parent;
\n\n\t\t
if (name.includes('|')) {\n
\t\t\t
try {\n
\t\t\t\t
let arr = name.split('|');
\n\t\t\t\t
name = arr[0];
\n\t\t\t\t
let paramsStr = arr[1];
\n\t\t\t\t
let params = paramsStr.split(';');
\n\t\t\t\t
let relativePos = params[0];
\n\t\t\t\t
if (relativePos) {\n
\t\t\t\t\t
let items = relativePos.split(',');
\n\t\t\t\t\t
for (let item of items) {\n
\t\t\t\t\t\t
let result = item.match(/[a-zA-Z]+/);
\n\t\t\t\t\t\t
if(!result)
{
\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t
}
\n\t\t\t\t\t\t
let prefix = result[0];
\n\t\t\t\t\t\t
let mapItem = relativePosPrefixMap[prefix];
\n\t\t\t\t\t\t
if (mapItem) {\n
\t\t\t\t\t\t\t
let
{
field,
}
= mapItem;
\n\t\t\t\t\t\t\t
let value = item.substr(prefix.length);
\n\t\t\t\t\t\t\t
let hasValue = value.length > 0;
\n\t\t\t\t\t\t\t
let fieldChar = prefix[0];
\n\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
value = x - offset.x;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
value = y - offset.y;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t
value = stageWidth - width;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t
value = stageHeight - height;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'h':
\n\t\t\t\t\t\t\t\t\t\t
value = x + width / 2 - stageWidth / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
case 'v':
\n\t\t\t\t\t\t\t\t\t\t
value = y + height / 2 - stageHeight / 2;
\n\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
let isPercent = prefix.endsWith('p');
\n\t\t\t\t\t\t\t
if (isPercent) {\n
\t\t\t\t\t\t\t\t
if(!hasValue){\n
\t\t\t\t\t\t\t\t\t
switch(fieldChar){\n
\t\t\t\t\t\t\t\t\t\t
case 'l':
\n\t\t\t\t\t\t\t\t\t\t
case 'r':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageWidth;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t\t
case 't':
\n\t\t\t\t\t\t\t\t\t\t
case 'b':
\n\t\t\t\t\t\t\t\t\t\t\t
value /= stageHeight;
\n\t\t\t\t\t\t\t\t\t\t\t
break;
\n\t\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t\t
value = Math.floor(value * 100);
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t\t
value += '%';
\n\t\t\t\t\t\t\t
} else {\n
\t\t\t\t\t\t\t\t
value = parseFloat(value);
\n\t\t\t\t\t\t\t\t
if (isNaN(value)) {\n
\t\t\t\t\t\t\t\t\t
value = 0;
\n\t\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
}
\n\t\t\t\t\t\t\t
properties.style[field] = value;
\n\t\t\t\t\t\t
}
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t
}catch (e)
{
\n\t\t\t\tconsole.log(e);\n\t\t\t}\n\t\t
}
\n\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
let dealLater = true;
\n\t\t
if (x !== 0) {\n
\t\t\t
properties.style.left = x - (isSecondLayer ? offset.x : 0);
\n\t\t
}
\n\t\t
if (y !== 0) {\n
\t\t\t
properties.style.top = y - (isSecondLayer ? offset.y : 0);
\n\t\t
}
\n\n\t\t
properties.style.position=
\"
absolute
\"\n\n\t\t
viewNode.rect={\n
\t\t\t
x: properties.style.left?properties.style.left:0,
\n\t\t\t
y: properties.style.top?properties.style.top:0,
\n\t\t\t
width: properties.style.width,
\n\t\t\t
height: properties.style.height
\n\t\t
}
\n\n\t\t
if (typeTool) {\n
\t\t\t
let fontInfo = typeTool();
\n\t\t\t
properties.attrs.text = fontInfo.textValue;
\n\t\t\t
const sizes = fontInfo.sizes();
\n\t\t\t
const colors = fontInfo.colors();
\n\t\t\t
properties.style.fontSize = sizes ? sizes[0] || 20 : 20;
\n\t\t\t
let [r, g, b, a] = colors[0];
\n\t\t\t
console.log(
\"
color
\"
,[r, g, b, a])
\n\t\t\t
properties.style.color = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
\n\t\t\t
viewNode.componentName = 'Label';
\n\t\t\t
dealLater = false;
\n\t\t
} else if (solidColor && layer.vectorMask) {\n
\t\t\t
let paths = layer.vectorMask().paths;
\n\t\t\t
if (paths[2].numPoints === 4) {\n
\t\t\t\t
let isRect = true;
\n\t\t\t\t
for (let i = 3; i < paths.length; i++) {\n
\t\t\t\t\t
if (paths[i].recordType !== 2) {\n
\t\t\t\t\t\t
isRect = false;
\n\t\t\t\t\t\t
break;
\n\t\t\t\t\t
}
\n\t\t\t\t
}
\n\t\t\t\t
if (isRect) {\n
\t\t\t\t\t
viewNode.componentName = 'Div';
\n\t\t\t\t\t
const {r, g, b} = solidColor();
\n\t\t\t\t\t
properties.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 1)`;
\n\t\t\t\t\t
dealLater = false;
\n\t\t\t\t
}
\n\t\t\t
}
\n\t\t
}
\n\n\t\t
if (dealLater) {\n
\t\t\t
if (node.hasOwnProperty('children')) {\n
\t\t\t\t
viewNode.componentName = 'Div';
\n\t\t\t
} else {\n
\t\t\t\t
viewNode.componentName = 'Image';
\n\n\t\t\t\t
let uuid = generateUUID();
\n\t\t\t\t
const ext = '.png';
\n\n\t\t\t\t
let dataUrl;
\n\t\t\t\t
try {\n
\t\t\t\t\t
let img = node.origin.toPng();
\n\t\t\t\t\t
dataUrl = img.src;
\n\t\t\t\t
} catch (e)
{
\n\n\t\t\t\t
}
\n\n\t\t\t\t
if (dataUrl) {\n
\t\t\t\t\t
let base64Data = dataUrl.replace(/^data:image
\\
/
\\
w+;base64,/,
\"\"
);
\n\t\t\t\t\t
let buffer = new Buffer(base64Data, 'base64');
\n\t\t\t\t\t
const fileNameHash = hash(buffer);
\n\t\t\t\t\t
if (imageHashMap.hasOwnProperty(fileNameHash)) {\n
\t\t\t\t\t\t
uuid = imageHashMap[fileNameHash];
\n\t\t\t\t\t
} else {\n
\t\t\t\t\t\t
imageHashMap[fileNameHash] = uuid;
\n\t\t\t\t\t\t
assets.push({\n
\t\t\t\t\t\t\t
name,
\n\t\t\t\t\t\t\t
ext,
\n\t\t\t\t\t\t\t
uuid,
\n\t\t\t\t\t\t\t
base64Data,
\n\t\t\t\t\t\t\t
hash: fileNameHash,
\n\t\t\t\t\t\t
});
\n\t\t\t\t\t
}
\n\n\t\t\t\t\t
properties.attrs.source = 'asset://' + 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
console.log(psdFile)
\n\t
let data = {\n
\t\t
pluginVersion:
\"
0.0.1
\"
,
\n\t\t
reference:
\"
psd
\"
,
\n\t\t
fileName:psdFile.name,
\n\t\t
assets,
\n\t\t
view: viewRoot,
\n\t
};
\n\n\t
let dataString = JSON.stringify(data);
\n\n\t
let buf = new Buffer(dataString);
\n\t
return await new Promise((resolve, reject) => {\n
\t\t
zlib.gzip(buf, function (err, res) {\n
\t\t\t
if (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
\ No newline at end of file
src/zeroing.js
View file @
81d83998
/**
/**
* Created by r
ockyl on 2019-09-26
.
* Created by r
enjianfeng on 2020-06-11
.
*
*
* 导出
zeroing
的视图
* 导出
spark
的视图
*/
*/
import
{
getTree
}
from
"./psd-tree"
;
import
{
getTree
}
from
"./psd-tree"
;
...
@@ -33,7 +33,7 @@ export async function execute(psdFile, options) {
...
@@ -33,7 +33,7 @@ export async function execute(psdFile, options) {
let
viewRoot
=
{
let
viewRoot
=
{
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
name
:
path
.
basename
(
psdFile
.
name
,
'.psd'
),
type
:
'node
'
,
componentName
:
'Div
'
,
uuid
:
generateUUID
(),
uuid
:
generateUUID
(),
};
};
...
@@ -46,15 +46,19 @@ export async function execute(psdFile, options) {
...
@@ -46,15 +46,19 @@ export async function execute(psdFile, options) {
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
await
walkNode
(
tree
,
async
function
(
node
,
parent
)
{
let
{
name
}
=
node
;
let
{
name
}
=
node
;
const
{
x
,
y
,
width
,
height
,
alpha
,
visible
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
const
{
x
,
y
,
width
,
height
,
opacity
,
display
,
origin
:
{
layer
,
layer
:
{
typeTool
,
solidColor
}}}
=
node
;
//console.log('walk node:', name);
//console.log('walk node:', name);
let
properties
=
{
let
properties
=
{
width
,
height
,
alpha
,
visible
,
style
:{
width
,
height
,
opacity
,
display
,
},
attrs
:{
},
className
:
""
};
};
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
const
isSecondLayer
=
!
parent
.
origin
.
parent
;
const
{
width
:
parentWidth
,
height
:
parentHeight
}
=
parent
;
if
(
name
.
includes
(
'|'
))
{
if
(
name
.
includes
(
'|'
))
{
try
{
try
{
let
arr
=
name
.
split
(
'|'
);
let
arr
=
name
.
split
(
'|'
);
...
@@ -120,7 +124,7 @@ export async function execute(psdFile, options) {
...
@@ -120,7 +124,7 @@ export async function execute(psdFile, options) {
value
=
0
;
value
=
0
;
}
}
}
}
properties
[
field
]
=
value
;
properties
.
style
[
field
]
=
value
;
}
}
}
}
}
}
...
@@ -136,24 +140,33 @@ export async function execute(psdFile, options) {
...
@@ -136,24 +140,33 @@ export async function execute(psdFile, options) {
};
};
let
dealLater
=
true
;
let
dealLater
=
true
;
if
(
x
!==
0
)
{
if
(
x
!==
0
)
{
properties
.
x
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
properties
.
style
.
left
=
x
-
(
isSecondLayer
?
offset
.
x
:
0
);
}
}
if
(
y
!==
0
)
{
if
(
y
!==
0
)
{
properties
.
y
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
properties
.
style
.
top
=
y
-
(
isSecondLayer
?
offset
.
y
:
0
);
}
properties
.
style
.
position
=
"absolute"
viewNode
.
rect
=
{
x
:
properties
.
style
.
left
?
properties
.
style
.
left
:
0
,
y
:
properties
.
style
.
top
?
properties
.
style
.
top
:
0
,
width
:
properties
.
style
.
width
,
height
:
properties
.
style
.
height
}
}
if
(
typeTool
)
{
if
(
typeTool
)
{
let
fontInfo
=
typeTool
();
let
fontInfo
=
typeTool
();
properties
.
text
=
fontInfo
.
textValue
;
properties
.
attrs
.
text
=
fontInfo
.
textValue
;
const
sizes
=
fontInfo
.
sizes
();
const
sizes
=
fontInfo
.
sizes
();
const
colors
=
fontInfo
.
colors
();
const
colors
=
fontInfo
.
colors
();
properties
.
size
=
sizes
?
sizes
[
0
]
||
20
:
20
;
properties
.
s
tyle
.
fontS
ize
=
sizes
?
sizes
[
0
]
||
20
:
20
;
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
let
[
r
,
g
,
b
,
a
]
=
colors
[
0
];
properties
.
fillColor
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
console
.
log
(
"color"
,[
r
,
g
,
b
,
a
])
viewNode
.
type
=
'label'
;
properties
.
style
.
color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
,
${
a
/
255
}
)`
;
viewNode
.
componentName
=
'Label'
;
dealLater
=
false
;
dealLater
=
false
;
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
}
else
if
(
solidColor
&&
layer
.
vectorMask
)
{
let
paths
=
layer
.
vectorMask
().
paths
;
let
paths
=
layer
.
vectorMask
().
paths
;
if
(
paths
[
2
].
numPoints
===
4
)
{
if
(
paths
[
2
].
numPoints
===
4
)
{
let
isRect
=
true
;
let
isRect
=
true
;
...
@@ -164,9 +177,9 @@ export async function execute(psdFile, options) {
...
@@ -164,9 +177,9 @@ export async function execute(psdFile, options) {
}
}
}
}
if
(
isRect
)
{
if
(
isRect
)
{
viewNode
.
type
=
'rect
'
;
viewNode
.
componentName
=
'Div
'
;
const
{
r
,
g
,
b
}
=
solidColor
();
const
{
r
,
g
,
b
}
=
solidColor
();
properties
.
fill
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
properties
.
style
.
background
Color
=
`rgba(
${
r
}
,
${
g
}
,
${
b
}
, 1)`
;
dealLater
=
false
;
dealLater
=
false
;
}
}
}
}
...
@@ -174,9 +187,9 @@ export async function execute(psdFile, options) {
...
@@ -174,9 +187,9 @@ export async function execute(psdFile, options) {
if
(
dealLater
)
{
if
(
dealLater
)
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
if
(
node
.
hasOwnProperty
(
'children'
))
{
viewNode
.
type
=
'node
'
;
viewNode
.
componentName
=
'Div
'
;
}
else
{
}
else
{
viewNode
.
type
=
'i
mage'
;
viewNode
.
componentName
=
'I
mage'
;
let
uuid
=
generateUUID
();
let
uuid
=
generateUUID
();
const
ext
=
'.png'
;
const
ext
=
'.png'
;
...
@@ -206,7 +219,7 @@ export async function execute(psdFile, options) {
...
@@ -206,7 +219,7 @@ export async function execute(psdFile, options) {
});
});
}
}
properties
.
source
=
'asset://'
+
uuid
;
properties
.
attrs
.
source
=
'asset://'
+
uuid
;
}
}
}
}
}
}
...
@@ -219,10 +232,13 @@ export async function execute(psdFile, options) {
...
@@ -219,10 +232,13 @@ export async function execute(psdFile, options) {
node
.
view
=
viewNode
;
node
.
view
=
viewNode
;
});
});
console
.
log
(
psdFile
)
let
data
=
{
let
data
=
{
view
:
viewRoot
,
pluginVersion
:
"0.0.1"
,
reference
:
"psd"
,
fileName
:
psdFile
.
name
,
assets
,
assets
,
view
:
viewRoot
,
};
};
let
dataString
=
JSON
.
stringify
(
data
);
let
dataString
=
JSON
.
stringify
(
data
);
...
@@ -236,6 +252,6 @@ export async function execute(psdFile, options) {
...
@@ -236,6 +252,6 @@ export async function execute(psdFile, options) {
console
.
log
(
res
.
length
);
console
.
log
(
res
.
length
);
resolve
(
res
);
resolve
(
res
);
}
}
})
})
;
})
})
}
}
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