1 | var fs = require('fs');
|
2 | var fse = require('fs-extra');
|
3 | var path = require('path');
|
4 | var yaml = require('js-yaml');
|
5 | var async = require('async');
|
6 | var ut = require('./utool.js')
|
7 |
|
8 | var envPath = process.cwd();
|
9 | var ymlPath = path.join(envPath, '_config.yml');
|
10 | var ymlConfig = yaml.safeLoad(fs.readFileSync(ymlPath, 'utf8'));
|
11 | var snipConfig = ymlConfig.snip_dir;
|
12 | var sumFile = ymlConfig.snip_sum;
|
13 |
|
14 | var srcFile = ymlConfig.source;
|
15 | var readFile = ymlConfig.snip_index;
|
16 | var snipPath = path.join(envPath, snipConfig);
|
17 | var examplesPath = path.join(envPath, ymlConfig.example);
|
18 |
|
19 | // 遍历根目录snipPath
|
20 | async.auto({
|
21 |
|
22 | docPath: function(cb) {
|
23 |
|
24 | var dir = snipPath,
|
25 | DIR = dir;
|
26 | async.auto({
|
27 | //获取组件列表
|
28 | kits: function(cb) {
|
29 | fs.readdir(dir, function(err, kits) {
|
30 | kits = ut.rmdot(kits);
|
31 |
|
32 | // copymdAry - 目录下直接拷贝,无需合并的部分,包含summary.md,readme.md,及没有实力的纯文档组件
|
33 | var copymdAry = kits.filter(function(kit) {
|
34 | return /\.md$/.test(kit)
|
35 | })
|
36 | // console.log(copymdAry)
|
37 | // 排除Summary && README及单一文档组件外的组件名集合
|
38 | var newkits = kits.filter(function(kit) {
|
39 | return !(/\.md$/.test(kit))
|
40 | })
|
41 |
|
42 |
|
43 | /**
|
44 | * 判断`.md`是否与文件件重名,报错
|
45 | */
|
46 | var repeater = copymdAry.filter(function(ele) {
|
47 | var basename = ele.replace(/\.md$/, '');
|
48 | return (newkits.indexOf(basename) === -1) ? null : basename;
|
49 | })
|
50 |
|
51 | function RepeatError(ary) {
|
52 | var repeatMenu = path.basename(dir);
|
53 | console.log('%s目录下\n%s\n文件重复,请手动处理\n', repeatMenu, ary)
|
54 | }
|
55 | if (repeater.length != 0) {
|
56 | throw new RepeatError(repeater);
|
57 | }
|
58 |
|
59 | /**
|
60 | * copy 根目录下md文档(包括SUMMARY & README)
|
61 | * 使用到全局变量: sumFile,readFile,snipConfig,srcFile
|
62 | */
|
63 | var markCopy = function(dir, kits, file) {
|
64 | var fillindex = kits.indexOf(file);
|
65 | if (fillindex != -1) {
|
66 | var copySnippet = path.join(dir, file);
|
67 | var copySrc = copySnippet.replace(snipConfig, srcFile);
|
68 | var data = fs.readFileSync(copySnippet, 'utf-8');
|
69 | fse.ensureFileSync(copySrc);
|
70 | fs.writeFileSync(copySrc, data, 'utf-8');
|
71 | // console.log("copySnippet:",copySnippet,"...copySrc",copySrc)
|
72 | }
|
73 | }
|
74 | copymdAry.forEach(function(file) {
|
75 | markCopy(DIR, kits, file);
|
76 | })
|
77 |
|
78 | cb(null, newkits);
|
79 | // kits value = [ breadcrumb','buttongroup','dropdown','tree' ...]
|
80 |
|
81 | })
|
82 | },
|
83 | // 读取单一组件内容
|
84 | readkit: ['kits', function(ele, cb) {
|
85 | // ele为上一级返回的对象,key值为上一fun函数的函数名
|
86 | // {kits:[ breadcrumb','buttongroup','dropdown','tree' ...]}
|
87 | // 需要执行ele.kits
|
88 | var kits = cb.kits;
|
89 | var snipBase = ymlConfig.snip_base
|
90 | var snipDemo = ymlConfig.snip_demo
|
91 | // kit: 组件文件夹,如 button | navbar | ...
|
92 | kits.forEach(function(kit, index) {
|
93 | // 最后的回调使用到了此kit变量
|
94 | var KIT = kit;
|
95 |
|
96 | var kitpath = path.resolve(dir, kit)
|
97 | var kitfiles = fs.readdirSync(kitpath);
|
98 | var kitfiles = ut.rmdot(kitfiles);
|
99 |
|
100 | // 最后修改
|
101 | async.mapSeries(kitfiles, function(kfile, wholeback) {
|
102 | var kpath;
|
103 | var baseMd = null;
|
104 |
|
105 | if (kfile === snipBase) {
|
106 | // kpath: base.md路径,读取基本内容
|
107 | kpath = path.join(kitpath, kfile)
|
108 | var bdata = fs.readFileSync(kpath, 'utf-8');
|
109 | baseMd = bdata;
|
110 | wholeback(null, baseMd);
|
111 | // fs.readFile(kpath,'utf-8',function(err,data){
|
112 | // baseMd = data;
|
113 | // wholeback(null, baseMd);
|
114 | // })
|
115 | } else if (kfile === snipDemo) {
|
116 | // kpath: 单一demo路径.
|
117 | // 进行读取排序,合并
|
118 | kpath = path.join(kitpath, kfile)
|
119 | // kpath: /Users/AYA/Desktop/work/tinper.org/snippets/neoui/component/gallery/demo
|
120 | var demofile = fs.readdirSync(kpath, 'utf-8');
|
121 |
|
122 | demofiles = ut.rmdot(demofile).sort();
|
123 | // console.log(kpath,'----',demofiles)
|
124 | // fs.readdir(kpath, function(err, files){
|
125 | // var files = ut.rmdot(files).sort();
|
126 | // mapSeries顺序执行以上 sort结果
|
127 | async.mapSeries(demofiles, function(exfile, callback) {
|
128 | var outexPath = path.join(examplesPath, kit + exfile + '.html');
|
129 | var exPath = path.join(kpath, exfile);
|
130 | // console.log(exPath);
|
131 | // /Users/AYA/Desktop/work/tinper.org/snippets/neoui/global/utilities/demo/4-other-display
|
132 | //start 示例文件夹遍历
|
133 | var exfiles = fs.readdirSync(exPath, 'utf-8');
|
134 | var files = ut.rmdot(exfiles).sort();
|
135 | // fs.readdir(exPath, function(err,files){
|
136 | // files为最终层级文件,如.html .md .css .js
|
137 | // var files = ut.rmdot(files);
|
138 | var baseDemo = [];
|
139 | var demoMd = [];
|
140 | var demoHtml = [];
|
141 | var demoCss = [];
|
142 | var demoJs = [];
|
143 | var codeHtml = [];
|
144 | var codeCss = [];
|
145 | var codeJs = [];
|
146 | var ctxPath = '//design.yonyoucloud.com/static/uui/latest';
|
147 | var optBtn = '<button class="u-button u-button-block u-button-accent margin-top-15 codeOptBtn" ><i class="uf uf-arrow-down"></i>查看代码</button>';
|
148 |
|
149 | var styles, htmls, scripts, tpl;
|
150 | // react js代码
|
151 | var beeScript = beeShow = [];
|
152 |
|
153 | var codeFun = function(data) {
|
154 | return '<div class="examples-code"><pre><code>\r\n' + data + '</code></pre>\r\n</div>\r\n';
|
155 | }
|
156 | // 处理js注释不显示星号问题
|
157 | var jsCodeFun = function(data) {
|
158 | return '<pre class="examples-code"><code>\r\n' + data + '</code></pre>\r\n';
|
159 | }
|
160 | // 转义pre > code 下的html标签
|
161 | var codeHtmlFun = function(data) {
|
162 | return '<div class="examples-code"><pre><code>\r\n' + data.replace(/\</g, '<') + '</code></pre>\r\n</div>\r\n';
|
163 | }
|
164 |
|
165 | //遍历demo文件夹start
|
166 | // console.log('exPath',exPath);
|
167 | async.mapSeries(files, function(item, cb) {
|
168 | var filePath = path.join(exPath, item);
|
169 | // console.log('filePath',filePath,"---files:",files);
|
170 | // console.log("files:",files,'\npath',exPath);
|
171 | var ts = fs.readFileSync(filePath, 'utf-8')
|
172 | if (/\.md$/.test(filePath)) {
|
173 |
|
174 | demoMd = ts;
|
175 | cb(null, null)
|
176 | } else if (/\.html$/.test(filePath)) {
|
177 |
|
178 | htmls = ts;
|
179 | //demoHtml = '<div class="example-content">' + ts + '</div>\r\n';
|
180 | codeHtml = codeHtmlFun(ts);
|
181 | cb(null, null)
|
182 | } else if (/\.css$/.test(filePath)) {
|
183 |
|
184 | styles = ts;
|
185 | //demoCss = '<div class="example-content ex-hide"><style>\r\n' + ts + '\r\n</style></div>';
|
186 | codeCss = codeFun(ts);
|
187 | cb(null, null)
|
188 | } else if (/\.js$/.test(filePath)) {
|
189 |
|
190 | scripts = ts;
|
191 | // demoJs = '\r\n<script>\r\n' + ts + '\r\n</script>\r\n';
|
192 | codeJs = jsCodeFun(ts);
|
193 | cb(null, null)
|
194 | }
|
195 |
|
196 | }, function(err, results) {
|
197 | // console.log("exPath:",exPath,"\nfiles:",files,'\nbeeShow:'+ beeShow.length);
|
198 | // baseDemo = '\r\n' + demoMd + '\r\n' +
|
199 | // demoHtml + '\r\n' + demoCss + '\r\n' + demoJs + '\r\n' + beeScript + '<div class="ex-code-par">' + optBtn +
|
200 | // codeHtml + '\r\n' + codeCss + '\r\n' + codeJs + '\r\n' + beeShow + '</div>';
|
201 | baseDemo = '\r\n' + demoMd + '\r\n' +
|
202 | codeHtml + '\r\n' + codeCss + '\r\n' + codeJs + '\r\n';
|
203 | demoMd = [];
|
204 | demoHtml = [];
|
205 | demoCss = [];
|
206 | demoJs = [];
|
207 | codeHtml = [];
|
208 | codeCss = [];
|
209 | codeJs = [];
|
210 |
|
211 | //写入examples文件夹中
|
212 | tpl = [
|
213 | '<!DOCTYPE html>\r\n',
|
214 | '<html lang="en">\r\n',
|
215 | '<head>\r\n',
|
216 | '<meta charset="UTF-8">\r\n',
|
217 | '<meta name="viewport" content="width=device-width, initial-scale=1">\r\n',
|
218 | '<title>Title</title>\r\n',
|
219 | '<link rel="stylesheet" href="//design.yonyoucloud.com/static/uploader/css/webuploader.css">\r\n',
|
220 | '<link rel="stylesheet" href="' + ctxPath + '/css/font-awesome.css">\r\n',
|
221 | '<link rel="stylesheet" type="text/css" href="' + ctxPath + '/css/u.css">\r\n',
|
222 | '<link rel="stylesheet" type="text/css" href="' + ctxPath + '/css/tree.css">\r\n',
|
223 | '<link rel="stylesheet" type="text/css" href="' + ctxPath + '/css/grid.css">\r\n',
|
224 | '<style id="demo-style" media="screen">\r\n',
|
225 | styles,
|
226 | '</style>\r\n',
|
227 | '</head>\r\n',
|
228 | '<body style="background-color: #eceff1;margin-left: 20px;width: calc(100% - 20px );">\r\n',
|
229 | htmls,
|
230 | '<script src="//design.yonyoucloud.com/static/jquery/jquery-1.11.2.js"></script>\r\n',
|
231 | '<script src="//design.yonyoucloud.com/static/uploader/js/webuploader.js"></script>\r\n',
|
232 | '<script src="//design.yonyoucloud.com/static/knockout/knockout-3.2.0.debug.js"></script>\r\n',
|
233 | '<script src="' + ctxPath + '/js/u-polyfill.js"></script>\r\n',
|
234 | '<script src="' + ctxPath + '/js/u.js"></script>\r\n',
|
235 | '<script src="' + ctxPath + '/js/u-tree.js"></script>\r\n',
|
236 | '<script src="' + ctxPath + '/js/u-grid.js"></script>\r\n',
|
237 | '<script src="//design.yonyoucloud.com/static/requirejs/require.debug.js"></script>\r\n',
|
238 | '<script>\r\n',
|
239 | scripts,
|
240 | '</script>\r\n',
|
241 | '</body>\r\n',
|
242 | '</html>\r\n'
|
243 | ];
|
244 | fs.writeFileSync(outexPath, tpl.join(""));
|
245 | callback(null, baseDemo);
|
246 | })
|
247 | //遍历demo文件夹end
|
248 |
|
249 | // })
|
250 | //end 示例文件夹遍历
|
251 |
|
252 | }, function(err, results) {
|
253 | // 返回的数据以数组形式返回需要合并
|
254 | var data = results.join('\r\n');
|
255 | wholeback(null, data);
|
256 | });
|
257 |
|
258 | // })
|
259 |
|
260 | }
|
261 | }, function(err, results) {
|
262 | // 返回的数据以数组形式返回需要合并
|
263 | var data = results.join('\r\n');
|
264 |
|
265 | // 调用 `DIR` & `KIT`
|
266 | var srcMdir = DIR.replace(snipConfig, srcFile)
|
267 | // console.log("srcMdir:",srcMdir,"\nkit:",kit);
|
268 | var outdir = path.join(srcMdir, `${KIT}.md`);
|
269 | var results = results.join('\r\n');
|
270 |
|
271 | fse.ensureFile(outdir, function() {
|
272 | fs.writeFile(outdir, results, 'utf-8')
|
273 | });
|
274 |
|
275 | })
|
276 | })
|
277 |
|
278 | }]
|
279 |
|
280 | })
|
281 |
|
282 | }
|
283 |
|
284 | })
|