This repository has been archived by the owner on Feb 4, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 60
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
9085580
commit 7982146
Showing
20 changed files
with
3,625 additions
and
1,059 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,6 @@ | ||
| out | ||
| node_modules | ||
| documentation/* | ||
| !documentation/build.ts | ||
| !documentation/tsconfig.json | ||
| *.vsix |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,250 @@ | ||
| "use strict"; | ||
|
|
||
| import * as fs from "fs"; | ||
| import * as path from "path"; | ||
|
|
||
| import * as fetch from "node-fetch"; | ||
| import * as hljs from "highlight.js"; | ||
|
|
||
| const md = require("markdown-it")({ | ||
| html: true, | ||
| highlight: (str: string, lang: string) => { | ||
| if (lang && hljs.getLanguage(lang)) { | ||
| if (lang && hljs.getLanguage(lang)) { | ||
| try { | ||
| return `<div>${hljs.highlight(lang, str, true).value}</div>`; | ||
| } catch (err) {} | ||
| } | ||
| } | ||
|
|
||
| return ""; | ||
| } | ||
| }).use(require("markdown-it-anchor")); | ||
|
|
||
|
|
||
| let githubAccessToken: string = ""; | ||
|
|
||
| let exampleFolder: string = "./examples"; | ||
| let imagesFolder: string = "./images"; | ||
| let documentationHTML: string = "./documentation.html"; | ||
|
|
||
| async function run(): Promise<void> { | ||
| clean(); | ||
|
|
||
| let documentation: string = `<!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> | ||
| <style>${await getStyle()}</style> | ||
| <script> | ||
| const vscode = acquireVsCodeApi(); | ||
| function openExample(data) { | ||
| vscode.postMessage({ | ||
| command: "openExample", | ||
| data: data | ||
| }); | ||
| } | ||
| window.addEventListener("message", event => { | ||
| let message = event.data; | ||
| if (message.command == "scrollTo") { | ||
| location.hash = message.anchor; | ||
| } | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
| ${md.render(await getContent()).replace(/(<br\s*\/?>[\n\t\s]*){2,}/gi, "<br />")} | ||
| </body> | ||
| </html>`; | ||
|
|
||
| if (documentation) { | ||
| fs.writeFile(documentationHTML, documentation, (err) => { | ||
| if (err) { | ||
| return console.log(err); | ||
| } | ||
|
|
||
| console.log("The file was saved!"); | ||
| }); | ||
| } | ||
| } | ||
|
|
||
| function clean(): void { | ||
| let deleteFolderRecursive = (path: string) => { | ||
| if (fs.existsSync(path)) { | ||
| fs.readdirSync(path).forEach((file: string) => { | ||
| let currentPath: string = `${path}/${file}`; | ||
|
|
||
| if (fs.lstatSync(currentPath).isDirectory()) { | ||
| deleteFolderRecursive(currentPath); | ||
| } | ||
| else { | ||
| fs.unlinkSync(currentPath); | ||
| } | ||
| }); | ||
|
|
||
| fs.rmdirSync(path); | ||
| } | ||
| }; | ||
|
|
||
| if (fs.existsSync(exampleFolder) && fs.statSync(exampleFolder).isDirectory()) { | ||
| deleteFolderRecursive(exampleFolder); | ||
| } | ||
|
|
||
| if (fs.existsSync(imagesFolder) && fs.statSync(imagesFolder).isDirectory()) { | ||
| deleteFolderRecursive(imagesFolder); | ||
| } | ||
|
|
||
| if (fs.existsSync(documentationHTML) && fs.statSync(documentationHTML).isFile()) { | ||
| fs.unlinkSync(documentationHTML); | ||
| } | ||
|
|
||
| fs.mkdirSync(exampleFolder); | ||
| fs.mkdirSync(imagesFolder); | ||
| } | ||
|
|
||
| async function getContent(): Promise<string> { | ||
| let docs: string[] = [ | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/guide.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/getting_started.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/basic.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/components.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/head_components.md", | ||
| "mjml-head-attributes/README.md", | ||
| "mjml-head-breakpoint/README.md", | ||
| "mjml-head-font/README.md", | ||
| "mjml-head-preview/README.md", | ||
| "mjml-head-style/README.md", | ||
| "mjml-head-title/README.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/body_components.md", | ||
| "mjml-accordion/README.md", | ||
| "mjml-body/README.md", | ||
| "mjml-button/README.md", | ||
| "mjml-carousel/README.md", | ||
| "mjml-column/README.md", | ||
| "mjml-divider/README.md", | ||
| "mjml-group/README.md", | ||
| "mjml-hero/README.md", | ||
| "mjml-image/README.md", | ||
| "mjml-navbar/README.md", | ||
| "mjml-raw/README.md", | ||
| "mjml-section/README.md", | ||
| "mjml-social/README.md", | ||
| "mjml-spacer/README.md", | ||
| "mjml-table/README.md", | ||
| "mjml-text/README.md", | ||
| "mjml-wrapper/README.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/community-components.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/mjml-chart.md", | ||
| "https://api.github.com/repos/mjmlio/mjml/contents/doc/create.md" | ||
| ]; | ||
|
|
||
| let content: string = ""; | ||
|
|
||
| for (let i in docs) { | ||
| if (docs[i].indexOf("api.github.com") !== -1) { | ||
| content += await fetchFromGithub(docs[i]); | ||
| } | ||
| else { | ||
| let mdFile: string = path.join("../", "node_modules", docs[i]); | ||
|
|
||
| if (mdFile && fs.existsSync(mdFile) && fs.statSync(mdFile).isFile()) { | ||
| content += fs.readFileSync(mdFile, "utf8"); | ||
| } | ||
| } | ||
|
|
||
| content += "\n\n"; | ||
| } | ||
|
|
||
| return await tryItLive( | ||
| await getImages( | ||
| content.replace(/---[\s\S]*?---/, "").replace(/^\s+|\s+$/g, "") | ||
| ) | ||
| ); | ||
| } | ||
|
|
||
| async function getImages(content: string): Promise<string> { | ||
| let imagePath: string[] = []; | ||
| let pattern: RegExp = /<img\s+[^>]*?src=("|')([^"']+)\1/g; | ||
|
|
||
| let match: RegExpMatchArray; | ||
| while (match = pattern.exec(content)) { | ||
| if (imagePath.indexOf(match[2]) == -1) { | ||
| imagePath.push(match[2]); | ||
|
|
||
| let res = await fetch(match[2]); | ||
|
|
||
| await new Promise((resolve, reject) => { | ||
| const fileStream = fs.createWriteStream(`./images/${path.basename(match[2])}`); | ||
|
|
||
| res.body.pipe(fileStream); | ||
|
|
||
| res.body.on("error", (err) => { | ||
| reject(err); | ||
| }); | ||
|
|
||
| fileStream.on("finish", () => { | ||
| resolve(); | ||
| }); | ||
| }); | ||
| } | ||
| } | ||
|
|
||
| return content.replace(/src=['"]((?:[^"'\/]*\/)*([^'"]+))['"]/gi, "src=\"{{root}}/images/$2\""); | ||
| } | ||
|
|
||
| async function getStyle(): Promise<string> { | ||
| let css: string = ""; | ||
| let previewStyles: string[] = [ | ||
| "https://api.github.com/repos/Microsoft/vscode/contents/extensions/markdown-language-features/media/markdown.css", | ||
| "https://api.github.com/repos/Microsoft/vscode/contents/extensions/markdown-language-features/media/highlight.css" | ||
| ]; | ||
|
|
||
| for (let i in previewStyles) { | ||
| css += await fetchFromGithub(previewStyles[i]); | ||
| } | ||
|
|
||
| return css.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\/|[\r\n\t]+/g, "").replace(/ {2,}/g, " ").replace(/ ([{:}]) /g, "$1").replace(/([;,]) /g, "$1").replace(/ !/g, "!"); | ||
| } | ||
|
|
||
| async function fetchFromGithub(url: string): Promise<string> { | ||
| let response = await fetch(`${url}?access_token=${githubAccessToken}`); | ||
| let json = await response.json(); | ||
|
|
||
| if (json.content && json.encoding == "base64") { | ||
| return new Buffer(json.content, "base64").toString(); | ||
| } | ||
|
|
||
| return ""; | ||
| } | ||
|
|
||
| async function tryItLive(html: string): Promise<string> { | ||
| let tryItLive: string[] = []; | ||
|
|
||
| html = html.replace(/href=\"\/try-it-live\//gi, "href=\"https:\/\/mjml.io/try-it-live/"); | ||
|
|
||
| let match; | ||
| while (match = /<a[^>]*?href\s*=\s*['"](https?:\/\/mjml\.io\/try-it-live\/([^"']*?))['"][^>]*?>/gi.exec(html)) { | ||
| let fileName: string = match[2].replace(/\//g, "-"); | ||
|
|
||
| if (tryItLive.indexOf(match[2]) == -1) { | ||
| let response = await fetch(match[1]); | ||
|
|
||
| let mjmlMatch = /"value":*?["']([\s\S]*?)["']*?}/gi.exec(await response.text()); | ||
|
|
||
| mjmlMatch[1].replace(/\\"/g, "\"").replace(/src="\/(assets\/img)\/(.*?)"/gi, "src=\"https://mjml.io/assets/img/$2\"").split("\\n").forEach((line) => { | ||
| fs.appendFileSync(`./examples/${fileName}.mjml`, line.replace(/\\/g, "").toString() + "\n"); | ||
| }); | ||
|
|
||
| tryItLive.push(match[2]); | ||
| } | ||
|
|
||
| html = html.replace(`href="${match[1]}"`, `href="javascript:void(0)" onclick="openExample('${fileName}')" title="${fileName.replace(/components-/gi, "")}"`); | ||
| } | ||
|
|
||
| return html; | ||
| } | ||
|
|
||
| run(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| { | ||
| "compilerOptions": { | ||
| "module": "commonjs", | ||
| "target": "es6", | ||
| "lib": [ | ||
| "es6" | ||
| ], | ||
| "sourceMap": true | ||
| }, | ||
| "exclude": [ | ||
| "node_modules", | ||
| "src" | ||
| ] | ||
| } |
Oops, something went wrong.