{"id":20630028,"url":"https://github.com/mackentoch/magic-markdown-to-html","last_synced_at":"2026-05-06T14:34:22.570Z","repository":{"id":14770162,"uuid":"77060419","full_name":"MacKentoch/magic-markdown-to-html","owner":"MacKentoch","description":"electron application to convert markdown into github flavour html","archived":false,"fork":false,"pushed_at":"2023-02-03T10:20:37.000Z","size":8347,"stargazers_count":1,"open_issues_count":11,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-11T12:50:18.523Z","etag":null,"topics":["electron","reactjs"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MacKentoch.png","metadata":{"files":{"readme":"README.html","changelog":"CHANGELOG.html","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-21T14:51:28.000Z","updated_at":"2022-02-10T17:51:04.000Z","dependencies_parsed_at":"2023-02-18T05:46:08.911Z","dependency_job_id":null,"html_url":"https://github.com/MacKentoch/magic-markdown-to-html","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/MacKentoch/magic-markdown-to-html","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MacKentoch%2Fmagic-markdown-to-html","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MacKentoch%2Fmagic-markdown-to-html/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MacKentoch%2Fmagic-markdown-to-html/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MacKentoch%2Fmagic-markdown-to-html/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MacKentoch","download_url":"https://codeload.github.com/MacKentoch/magic-markdown-to-html/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MacKentoch%2Fmagic-markdown-to-html/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32698284,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-06T08:33:17.875Z","status":"ssl_error","status_checked_at":"2026-05-06T08:33:17.221Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["electron","reactjs"],"created_at":"2024-11-16T14:06:42.545Z","updated_at":"2026-05-06T14:34:22.549Z","avatar_url":"https://github.com/MacKentoch.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n          \u003c!DOCTYPE html\u003e\n          \u003chtml\u003e\n            \u003chead\u003e\n              \n\u003cstyle\u003e\n  @font-face {\n    font-family: octicons-link;\n    src: url(data:font/woff;charset=utf-8;base64,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) format('woff');\n  }\n\n  .markdown-body {\n    -ms-text-size-adjust: 100%;\n    -webkit-text-size-adjust: 100%;\n    line-height: 1.5;\n    color: #333;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n    font-size: 16px;\n    line-height: 1.5;\n    word-wrap: break-word;\n  }\n\n  .markdown-body .pl-c {\n    color: #969896;\n  }\n\n  .markdown-body .pl-c1,\n  .markdown-body .pl-s .pl-v {\n    color: #0086b3;\n  }\n\n  .markdown-body .pl-e,\n  .markdown-body .pl-en {\n    color: #795da3;\n  }\n\n  .markdown-body .pl-smi,\n  .markdown-body .pl-s .pl-s1 {\n    color: #333;\n  }\n\n  .markdown-body .pl-ent {\n    color: #63a35c;\n  }\n\n  .markdown-body .pl-k {\n    color: #a71d5d;\n  }\n\n  .markdown-body .pl-s,\n  .markdown-body .pl-pds,\n  .markdown-body .pl-s .pl-pse .pl-s1,\n  .markdown-body .pl-sr,\n  .markdown-body .pl-sr .pl-cce,\n  .markdown-body .pl-sr .pl-sre,\n  .markdown-body .pl-sr .pl-sra {\n    color: #183691;\n  }\n\n  .markdown-body .pl-v {\n    color: #ed6a43;\n  }\n\n  .markdown-body .pl-id {\n    color: #b52a1d;\n  }\n\n  .markdown-body .pl-ii {\n    color: #f8f8f8;\n    background-color: #b52a1d;\n  }\n\n  .markdown-body .pl-sr .pl-cce {\n    font-weight: bold;\n    color: #63a35c;\n  }\n\n  .markdown-body .pl-ml {\n    color: #693a17;\n  }\n\n  .markdown-body .pl-mh,\n  .markdown-body .pl-mh .pl-en,\n  .markdown-body .pl-ms {\n    font-weight: bold;\n    color: #1d3e81;\n  }\n\n  .markdown-body .pl-mq {\n    color: #008080;\n  }\n\n  .markdown-body .pl-mi {\n    font-style: italic;\n    color: #333;\n  }\n\n  .markdown-body .pl-mb {\n    font-weight: bold;\n    color: #333;\n  }\n\n  .markdown-body .pl-md {\n    color: #bd2c00;\n    background-color: #ffecec;\n  }\n\n  .markdown-body .pl-mi1 {\n    color: #55a532;\n    background-color: #eaffea;\n  }\n\n  .markdown-body .pl-mdr {\n    font-weight: bold;\n    color: #795da3;\n  }\n\n  .markdown-body .pl-mo {\n    color: #1d3e81;\n  }\n\n  .markdown-body .octicon {\n    display: inline-block;\n    vertical-align: text-top;\n    fill: currentColor;\n  }\n\n  .markdown-body a {\n    background-color: transparent;\n    -webkit-text-decoration-skip: objects;\n  }\n\n  .markdown-body a:active,\n  .markdown-body a:hover {\n    outline-width: 0;\n  }\n\n  .markdown-body strong {\n    font-weight: inherit;\n  }\n\n  .markdown-body strong {\n    font-weight: bolder;\n  }\n\n  .markdown-body h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  .markdown-body img {\n    border-style: none;\n  }\n\n  .markdown-body svg:not(:root) {\n    overflow: hidden;\n  }\n\n  .markdown-body code,\n  .markdown-body kbd,\n  .markdown-body pre {\n    font-family: monospace, monospace;\n    font-size: 1em;\n  }\n\n  .markdown-body hr {\n    box-sizing: content-box;\n    height: 0;\n    overflow: visible;\n  }\n\n  .markdown-body input {\n    font: inherit;\n    margin: 0;\n  }\n\n  .markdown-body input {\n    overflow: visible;\n  }\n\n  .markdown-body [type=\"checkbox\"] {\n    box-sizing: border-box;\n    padding: 0;\n  }\n\n  .markdown-body * {\n    box-sizing: border-box;\n  }\n\n  .markdown-body input {\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  .markdown-body a {\n    color: #4078c0;\n    text-decoration: none;\n  }\n\n  .markdown-body a:hover,\n  .markdown-body a:active {\n    text-decoration: underline;\n  }\n\n  .markdown-body strong {\n    font-weight: 600;\n  }\n\n  .markdown-body hr {\n    height: 0;\n    margin: 15px 0;\n    overflow: hidden;\n    background: transparent;\n    border: 0;\n    border-bottom: 1px solid #ddd;\n  }\n\n  .markdown-body hr::before {\n    display: table;\n    content: \"\";\n  }\n\n  .markdown-body hr::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n\n  .markdown-body table {\n    border-spacing: 0;\n    border-collapse: collapse;\n  }\n\n  .markdown-body td,\n  .markdown-body th {\n    padding: 0;\n  }\n\n  .markdown-body h1,\n  .markdown-body h2,\n  .markdown-body h3,\n  .markdown-body h4,\n  .markdown-body h5,\n  .markdown-body h6 {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .markdown-body h1 {\n    font-size: 32px;\n    font-weight: 600;\n  }\n\n  .markdown-body h2 {\n    font-size: 24px;\n    font-weight: 600;\n  }\n\n  .markdown-body h3 {\n    font-size: 20px;\n    font-weight: 600;\n  }\n\n  .markdown-body h4 {\n    font-size: 16px;\n    font-weight: 600;\n  }\n\n  .markdown-body h5 {\n    font-size: 14px;\n    font-weight: 600;\n  }\n\n  .markdown-body h6 {\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .markdown-body p {\n    margin-top: 0;\n    margin-bottom: 10px;\n  }\n\n  .markdown-body blockquote {\n    margin: 0;\n  }\n\n  .markdown-body ul,\n  .markdown-body ol {\n    padding-left: 0;\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .markdown-body ol ol,\n  .markdown-body ul ol {\n    list-style-type: lower-roman;\n  }\n\n  .markdown-body ul ul ol,\n  .markdown-body ul ol ol,\n  .markdown-body ol ul ol,\n  .markdown-body ol ol ol {\n    list-style-type: lower-alpha;\n  }\n\n  .markdown-body dd {\n    margin-left: 0;\n  }\n\n  .markdown-body code {\n    font-family: Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n    font-size: 12px;\n  }\n\n  .markdown-body pre {\n    margin-top: 0;\n    margin-bottom: 0;\n    font: 12px Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  }\n\n  .markdown-body .octicon {\n    vertical-align: text-bottom;\n  }\n\n  .markdown-body input {\n    -webkit-font-feature-settings: \"liga\" 0;\n    font-feature-settings: \"liga\" 0;\n  }\n\n  .markdown-body::before {\n    display: table;\n    content: \"\";\n  }\n\n  .markdown-body::after {\n    display: table;\n    clear: both;\n    content: \"\";\n  }\n\n  .markdown-body\u003e*:first-child {\n    margin-top: 0 !important;\n  }\n\n  .markdown-body\u003e*:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  .markdown-body a:not([href]) {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .markdown-body .anchor {\n    float: left;\n    padding-right: 4px;\n    margin-left: -20px;\n    line-height: 1;\n  }\n\n  .markdown-body .anchor:focus {\n    outline: none;\n  }\n\n  .markdown-body p,\n  .markdown-body blockquote,\n  .markdown-body ul,\n  .markdown-body ol,\n  .markdown-body dl,\n  .markdown-body table,\n  .markdown-body pre {\n    margin-top: 0;\n    margin-bottom: 16px;\n  }\n\n  .markdown-body hr {\n    height: 0.25em;\n    padding: 0;\n    margin: 24px 0;\n    background-color: #e7e7e7;\n    border: 0;\n  }\n\n  .markdown-body blockquote {\n    padding: 0 1em;\n    color: #777;\n    border-left: 0.25em solid #ddd;\n  }\n\n  .markdown-body blockquote\u003e:first-child {\n    margin-top: 0;\n  }\n\n  .markdown-body blockquote\u003e:last-child {\n    margin-bottom: 0;\n  }\n\n  .markdown-body kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    font-size: 11px;\n    line-height: 10px;\n    color: #555;\n    vertical-align: middle;\n    background-color: #fcfcfc;\n    border: solid 1px #ccc;\n    border-bottom-color: #bbb;\n    border-radius: 3px;\n    box-shadow: inset 0 -1px 0 #bbb;\n  }\n\n  .markdown-body h1,\n  .markdown-body h2,\n  .markdown-body h3,\n  .markdown-body h4,\n  .markdown-body h5,\n  .markdown-body h6 {\n    margin-top: 24px;\n    margin-bottom: 16px;\n    font-weight: 600;\n    line-height: 1.25;\n  }\n\n  .markdown-body h1 .octicon-link,\n  .markdown-body h2 .octicon-link,\n  .markdown-body h3 .octicon-link,\n  .markdown-body h4 .octicon-link,\n  .markdown-body h5 .octicon-link,\n  .markdown-body h6 .octicon-link {\n    color: #000;\n    vertical-align: middle;\n    visibility: hidden;\n  }\n\n  .markdown-body h1:hover .anchor,\n  .markdown-body h2:hover .anchor,\n  .markdown-body h3:hover .anchor,\n  .markdown-body h4:hover .anchor,\n  .markdown-body h5:hover .anchor,\n  .markdown-body h6:hover .anchor {\n    text-decoration: none;\n  }\n\n  .markdown-body h1:hover .anchor .octicon-link,\n  .markdown-body h2:hover .anchor .octicon-link,\n  .markdown-body h3:hover .anchor .octicon-link,\n  .markdown-body h4:hover .anchor .octicon-link,\n  .markdown-body h5:hover .anchor .octicon-link,\n  .markdown-body h6:hover .anchor .octicon-link {\n    visibility: visible;\n  }\n\n  .markdown-body h1 {\n    padding-bottom: 0.3em;\n    font-size: 2em;\n    border-bottom: 1px solid #eee;\n  }\n\n  .markdown-body h2 {\n    padding-bottom: 0.3em;\n    font-size: 1.5em;\n    border-bottom: 1px solid #eee;\n  }\n\n  .markdown-body h3 {\n    font-size: 1.25em;\n  }\n\n  .markdown-body h4 {\n    font-size: 1em;\n  }\n\n  .markdown-body h5 {\n    font-size: 0.875em;\n  }\n\n  .markdown-body h6 {\n    font-size: 0.85em;\n    color: #777;\n  }\n\n  .markdown-body ul,\n  .markdown-body ol {\n    padding-left: 2em;\n  }\n\n  .markdown-body ul ul,\n  .markdown-body ul ol,\n  .markdown-body ol ol,\n  .markdown-body ol ul {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  .markdown-body li\u003ep {\n    margin-top: 16px;\n  }\n\n  .markdown-body li+li {\n    margin-top: 0.25em;\n  }\n\n  .markdown-body dl {\n    padding: 0;\n  }\n\n  .markdown-body dl dt {\n    padding: 0;\n    margin-top: 16px;\n    font-size: 1em;\n    font-style: italic;\n    font-weight: bold;\n  }\n\n  .markdown-body dl dd {\n    padding: 0 16px;\n    margin-bottom: 16px;\n  }\n\n  .markdown-body table {\n    display: block;\n    width: 100%;\n    overflow: auto;\n  }\n\n  .markdown-body table th {\n    font-weight: bold;\n  }\n\n  .markdown-body table th,\n  .markdown-body table td {\n    padding: 6px 13px;\n    border: 1px solid #ddd;\n  }\n\n  .markdown-body table tr {\n    background-color: #fff;\n    border-top: 1px solid #ccc;\n  }\n\n  .markdown-body table tr:nth-child(2n) {\n    background-color: #f8f8f8;\n  }\n\n  .markdown-body img {\n    max-width: 100%;\n    box-sizing: content-box;\n    background-color: #fff;\n  }\n\n  .markdown-body code {\n    padding: 0;\n    padding-top: 0.2em;\n    padding-bottom: 0.2em;\n    margin: 0;\n    font-size: 85%;\n    background-color: rgba(0,0,0,0.04);\n    border-radius: 3px;\n  }\n\n  .markdown-body code::before,\n  .markdown-body code::after {\n    letter-spacing: -0.2em;\n    content: \"\\00a0\";\n  }\n\n  .markdown-body pre {\n    word-wrap: normal;\n  }\n\n  .markdown-body pre\u003ecode {\n    padding: 0;\n    margin: 0;\n    font-size: 100%;\n    word-break: normal;\n    white-space: pre;\n    background: transparent;\n    border: 0;\n  }\n\n  .markdown-body .highlight {\n    margin-bottom: 16px;\n  }\n\n  .markdown-body .highlight pre {\n    margin-bottom: 0;\n    word-break: normal;\n  }\n\n  .markdown-body .highlight pre,\n  .markdown-body pre {\n    padding: 16px;\n    overflow: auto;\n    font-size: 85%;\n    line-height: 1.45;\n    background-color: #f7f7f7;\n    border-radius: 3px;\n  }\n\n  .markdown-body pre code {\n    display: inline;\n    max-width: auto;\n    padding: 0;\n    margin: 0;\n    overflow: visible;\n    line-height: inherit;\n    word-wrap: normal;\n    background-color: transparent;\n    border: 0;\n  }\n\n  .markdown-body pre code::before,\n  .markdown-body pre code::after {\n    content: normal;\n  }\n\n  .markdown-body .pl-0 {\n    padding-left: 0 !important;\n  }\n\n  .markdown-body .pl-1 {\n    padding-left: 3px !important;\n  }\n\n  .markdown-body .pl-2 {\n    padding-left: 6px !important;\n  }\n\n  .markdown-body .pl-3 {\n    padding-left: 12px !important;\n  }\n\n  .markdown-body .pl-4 {\n    padding-left: 24px !important;\n  }\n\n  .markdown-body .pl-5 {\n    padding-left: 36px !important;\n  }\n\n  .markdown-body .pl-6 {\n    padding-left: 48px !important;\n  }\n\n  .markdown-body .full-commit .btn-outline:not(:disabled):hover {\n    color: #4078c0;\n    border: 1px solid #4078c0;\n  }\n\n  .markdown-body kbd {\n    display: inline-block;\n    padding: 3px 5px;\n    font: 11px Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n    line-height: 10px;\n    color: #555;\n    vertical-align: middle;\n    background-color: #fcfcfc;\n    border: solid 1px #ccc;\n    border-bottom-color: #bbb;\n    border-radius: 3px;\n    box-shadow: inset 0 -1px 0 #bbb;\n  }\n\n  .markdown-body :checked+.radio-label {\n    position: relative;\n    z-index: 1;\n    border-color: #4078c0;\n  }\n\n  .markdown-body .task-list-item {\n    list-style-type: none;\n  }\n\n  .markdown-body .task-list-item+.task-list-item {\n    margin-top: 3px;\n  }\n\n  .markdown-body .task-list-item input {\n    margin: 0 0.2em 0.25em -1.6em;\n    vertical-align: middle;\n  }\n\n  .markdown-body hr {\n    border-bottom-color: #eee;\n  }\n\u003c/style\u003e\n\n            \u003chead\u003e\n            \u003cbody class=\"markdown-body\"\u003e\n              \u003ch1 id=\"magic-markdown-to-html\"\u003eMagic markdown to html\u003c/h1\u003e\n\u003cp\u003eelectron react app based on \u003ca href=\"https://github.com/chentsulin/electron-react-boilerplate\"\u003eelectron-react-boilerplate\u003c/a\u003e.\u003c/p\u003e\n\u003ch2 id=\"run\"\u003eRun\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eNote: requires a node version \u0026gt;= 6 and an npm version \u0026gt;= 3.\u003c/strong\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cblockquote\u003e\n\u003cp\u003e\u003cstrong\u003eIMPORTANT\u003c/strong\u003e: ALWAYS use \u003ccode\u003enative terminal\u003c/code\u003e and \u003ccode\u003enot your IDE one\u003c/code\u003e (\u003cem\u003elike ATOM platform.io\u003c/em\u003e) otherwise you will encounter error: \u003ccode\u003eCannot read property \u0026#39;on\u0026#39; of undefined\u003c/code\u003e.\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp\u003eRun these two commands \u003cstrong\u003esimultaneously\u003c/strong\u003e in different console tabs.\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e hot-server\n\u003c/span\u003e$ npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e start-hot\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eor run two servers with one command\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e dev\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"editor-configuration\"\u003eEditor Configuration\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eAtom\u003c/strong\u003e\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003eapm \u003cspan class=\"hljs-keyword\"\u003einstall \u003c/span\u003eeditorconfig es6-\u003cspan class=\"hljs-keyword\"\u003ejavascript \u003c/span\u003eautocomplete-flow \u003cspan class=\"hljs-keyword\"\u003ejavascript-snippets \u003c/span\u003elinter linter-eslint language-\u003cspan class=\"hljs-keyword\"\u003ebabel\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003e\u003cstrong\u003eSublime\u003c/strong\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/sindresorhus/editorconfig-sublime#readme\"\u003ehttps://github.com/sindresorhus/editorconfig-sublime#readme\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/SublimeLinter/SublimeLinter3\"\u003ehttps://github.com/SublimeLinter/SublimeLinter3\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/roadhump/SublimeLinter-eslint\"\u003ehttps://github.com/roadhump/SublimeLinter-eslint\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/babel/babel-sublime\"\u003ehttps://github.com/babel/babel-sublime\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eOthers\u003c/strong\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"http://editorconfig.org/#download\"\u003eEditorconfig\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://eslint.org/docs/user-guide/integrations#editors\"\u003eESLint\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eBabel Syntax Plugin\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"devtools\"\u003eDevTools\u003c/h2\u003e\n\u003ch4 id=\"toggle-chrome-devtools\"\u003eToggle Chrome DevTools\u003c/h4\u003e\n\u003cul\u003e\n\u003cli\u003eOS X: \u003ckbd\u003eCmd\u003c/kbd\u003e \u003ckbd\u003eAlt\u003c/kbd\u003e \u003ckbd\u003eI\u003c/kbd\u003e or \u003ckbd\u003eF12\u003c/kbd\u003e\u003c/li\u003e\n\u003cli\u003eLinux: \u003ckbd\u003eCtrl\u003c/kbd\u003e \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eI\u003c/kbd\u003e or \u003ckbd\u003eF12\u003c/kbd\u003e\u003c/li\u003e\n\u003cli\u003eWindows: \u003ckbd\u003eCtrl\u003c/kbd\u003e \u003ckbd\u003eShift\u003c/kbd\u003e \u003ckbd\u003eI\u003c/kbd\u003e or \u003ckbd\u003eF12\u003c/kbd\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cem\u003eSee \u003ca href=\"https://github.com/sindresorhus/electron-debug\"\u003eelectron-debug\u003c/a\u003e for more information.\u003c/em\u003e\u003c/p\u003e\n\u003ch4 id=\"devtools-extension\"\u003eDevTools extension\u003c/h4\u003e\n\u003cp\u003eThis boilerplate is included following DevTools extensions:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/electron/devtron\"\u003eDevtron\u003c/a\u003e - Install via \u003ca href=\"https://github.com/sindresorhus/electron-debug\"\u003eelectron-debug\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/facebook/react-devtools\"\u003eReact Developer Tools\u003c/a\u003e - Install via \u003ca href=\"https://github.com/GPMDP/electron-devtools-installer\"\u003eelectron-devtools-installer\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/zalmoxisus/redux-devtools-extension\"\u003eRedux DevTools\u003c/a\u003e - Install via \u003ca href=\"https://github.com/GPMDP/electron-devtools-installer\"\u003eelectron-devtools-installer\u003c/a\u003e.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eYou can find the tabs on Chrome DevTools.\u003c/p\u003e\n\u003cp\u003eIf you want to update extensions version, please set \u003ccode\u003eUPGRADE_EXTENSIONS\u003c/code\u003e env, just run:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ UPGRADE_EXTENSIONS=\u003cspan class=\"hljs-number\"\u003e1\u003c/span\u003e npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e dev\n\u003c/span\u003e\n\u003cspan class=\"hljs-comment\"\u003e# For Windows\u003c/span\u003e\n$ set UPGRADE_EXTENSIONS=\u003cspan class=\"hljs-number\"\u003e1\u003c/span\u003e \u0026amp;\u0026amp; npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e dev\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"css-modules\"\u003eCSS Modules\u003c/h2\u003e\n\u003cp\u003eThis boilerplate out of the box is configured to use \u003ca href=\"https://github.com/css-modules/css-modules\"\u003ecss-modules\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eAll \u003ccode\u003e.css\u003c/code\u003e file extensions will use css-modules unless it has \u003ccode\u003e.global.css\u003c/code\u003e.\u003c/p\u003e\n\u003cp\u003eIf you need global styles, stylesheets with \u003ccode\u003e.global.css\u003c/code\u003e will not go through the\u003cbr\u003ecss-modules loader. e.g. \u003ccode\u003eapp.global.css\u003c/code\u003e\u003c/p\u003e\n\u003cp\u003eIf you want to import global css libraries (like \u003ccode\u003ebootstrap\u003c/code\u003e), you can just write the following code in \u003ccode\u003e.global.css\u003c/code\u003e:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-css\"\u003e@\u003cspan class=\"hljs-keyword\"\u003eimport\u003c/span\u003e \u003cspan class=\"hljs-string\"\u003e\"~bootstrap/dist/css/bootstrap.css\"\u003c/span\u003e;\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"packaging\"\u003ePackaging\u003c/h2\u003e\n\u003cp\u003eTo package apps for the local platform:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e package\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eTo package apps for all platforms:\u003c/p\u003e\n\u003cp\u003eFirst, refer to \u003ca href=\"https://github.com/electron-userland/electron-builder/wiki/Multi-Platform-Build\"\u003eMulti Platform Build\u003c/a\u003e for dependencies.\u003c/p\u003e\n\u003cp\u003eThen,\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ npm run \u003cspan class=\"hljs-keyword\"\u003epackage\u003c/span\u003e-\u003cspan class=\"hljs-keyword\"\u003eall\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eTo package apps with options:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ npm run \u003cspan class=\"hljs-keyword\"\u003epackage\u003c/span\u003e \u003cspan class=\"hljs-title\"\u003e-- --[option]\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch2 id=\"further-commands\"\u003eFurther commands\u003c/h2\u003e\n\u003cp\u003eTo run the application without packaging run\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e build\n\u003c/span\u003e$ npm start\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eTo run End-to-End Test\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-bash\"\u003e$ npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e build\n\u003c/span\u003e$ npm \u003cspan class=\"hljs-keyword\"\u003erun\u003c/span\u003e\u003cspan class=\"bash\"\u003e \u003cspan class=\"hljs-built_in\"\u003etest\u003c/span\u003e\u003cspan class=\"hljs-_\"\u003e-e\u003c/span\u003e2e\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003ch4 id=\"options\"\u003eOptions\u003c/h4\u003e\n\u003cp\u003eSee \u003ca href=\"https://github.com/electron-userland/electron-builder#cli-usage\"\u003eelectron-builder CLI Usage\u003c/a\u003e\u003c/p\u003e\n\u003ch4 id=\"module-structure\"\u003eModule Structure\u003c/h4\u003e\n\u003cp\u003eThis boilerplate uses a \u003ca href=\"https://github.com/electron-userland/electron-builder#two-packagejson-structure\"\u003etwo package.json structure\u003c/a\u003e.\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003eIf the module is native to a platform or otherwise should be included with the published package (i.e. bcrypt, openbci), it should be listed under \u003ccode\u003edependencies\u003c/code\u003e in \u003ccode\u003e./app/package.json\u003c/code\u003e.\u003c/li\u003e\n\u003cli\u003eIf a module is \u003ccode\u003eimport\u003c/code\u003eed by another module, include it in \u003ccode\u003edependencies\u003c/code\u003e in \u003ccode\u003e./package.json\u003c/code\u003e.   See \u003ca href=\"https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-extraneous-dependencies.md\"\u003ethis ESLint rule\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003eOtherwise, modules used for building, testing and debugging should be included in \u003ccode\u003edevDependencies\u003c/code\u003e in \u003ccode\u003e./package.json\u003c/code\u003e.\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch2 id=\"static-type-checking\"\u003eStatic Type Checking\u003c/h2\u003e\n\u003cp\u003eThis project comes with Flow support out of the box! You can annotate your code with types, \u003ca href=\"https://github.com/amilajack/eslint-plugin-flowtype-errors\"\u003eget Flow errors as ESLint errors\u003c/a\u003e, and get \u003ca href=\"https://github.com/gcanti/babel-plugin-tcomb-boilerplate\"\u003etype errors during runtime\u003c/a\u003e during development. Types are completely optional.\u003c/p\u003e\n\u003ch2 id=\"native-like-ui\"\u003eNative-like UI\u003c/h2\u003e\n\u003cp\u003eIf you want to have native-like User Interface (OS X El Capitan and Windows 10), \u003ca href=\"https://github.com/gabrielbull/react-desktop\"\u003ereact-desktop\u003c/a\u003e may perfect suit for you.\u003c/p\u003e\n\u003ch2 id=\"dispatching-redux-actions-from-main-process\"\u003eDispatching redux actions from main process\u003c/h2\u003e\n\u003cp\u003esee discusses in \u003ca href=\"https://github.com/chentsulin/electron-react-boilerplate/issues/118\"\u003e#118\u003c/a\u003e and \u003ca href=\"https://github.com/chentsulin/electron-react-boilerplate/issues/108\"\u003e#108\u003c/a\u003e\u003c/p\u003e\n\u003ch2 id=\"how-to-keep-the-boilerplate-updated\"\u003eHow to keep the boilerplate updated\u003c/h2\u003e\n\u003cp\u003eIf your application is a fork from this repo, you can add this repo to another git remote:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-sh\"\u003egit remote \u003cspan class=\"hljs-built_in\"\u003eadd\u003c/span\u003e upstream http\u003cspan class=\"hljs-variable\"\u003es:\u003c/span\u003e//github.\u003cspan class=\"hljs-keyword\"\u003ecom\u003c/span\u003e/chentsulin/electron-react-boilerplate.git\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eThen, use git to merge some latest commits:\u003c/p\u003e\n\u003cpre\u003e\u003ccode class=\"lang-sh\"\u003egit pull upstream \u003cspan class=\"hljs-literal\"\u003emaster\u003c/span\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\n            \u003c/body\u003e\n          \u003c/html\u003e\n          ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmackentoch%2Fmagic-markdown-to-html","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmackentoch%2Fmagic-markdown-to-html","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmackentoch%2Fmagic-markdown-to-html/lists"}