├── .gitignore
├── LICENSE
├── README.md
├── demo
    ├── screenshot1.png
    └── screenshot2.png
├── package.json
└── src
    └── index.js


/.gitignore:
--------------------------------------------------------------------------------
  1 | # Logs
  2 | logs
  3 | *.log
  4 | npm-debug.log*
  5 | yarn-debug.log*
  6 | yarn-error.log*
  7 | lerna-debug.log*
  8 | 
  9 | # Diagnostic reports (https://nodejs.org/api/report.html)
 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 11 | 
 12 | # Runtime data
 13 | pids
 14 | *.pid
 15 | *.seed
 16 | *.pid.lock
 17 | 
 18 | # Directory for instrumented libs generated by jscoverage/JSCover
 19 | lib-cov
 20 | 
 21 | # Coverage directory used by tools like istanbul
 22 | coverage
 23 | *.lcov
 24 | 
 25 | # nyc test coverage
 26 | .nyc_output
 27 | 
 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 29 | .grunt
 30 | 
 31 | # Bower dependency directory (https://bower.io/)
 32 | bower_components
 33 | 
 34 | # node-waf configuration
 35 | .lock-wscript
 36 | 
 37 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 38 | build/Release
 39 | 
 40 | # Dependency directories
 41 | node_modules/
 42 | jspm_packages/
 43 | 
 44 | # TypeScript v1 declaration files
 45 | typings/
 46 | 
 47 | # TypeScript cache
 48 | *.tsbuildinfo
 49 | 
 50 | # Optional npm cache directory
 51 | .npm
 52 | 
 53 | # Optional eslint cache
 54 | .eslintcache
 55 | 
 56 | # Microbundle cache
 57 | .rpt2_cache/
 58 | .rts2_cache_cjs/
 59 | .rts2_cache_es/
 60 | .rts2_cache_umd/
 61 | 
 62 | # Optional REPL history
 63 | .node_repl_history
 64 | 
 65 | # Output of 'npm pack'
 66 | *.tgz
 67 | 
 68 | # Yarn Integrity file
 69 | .yarn-integrity
 70 | 
 71 | # dotenv environment variables file
 72 | .env
 73 | .env.test
 74 | 
 75 | # parcel-bundler cache (https://parceljs.org/)
 76 | .cache
 77 | 
 78 | # Next.js build output
 79 | .next
 80 | 
 81 | # Nuxt.js build / generate output
 82 | .nuxt
 83 | dist
 84 | 
 85 | # Gatsby files
 86 | .cache/
 87 | # Comment in the public line in if your project uses Gatsby and *not* Next.js
 88 | # https://nextjs.org/blog/next-9-1#public-directory-support
 89 | # public
 90 | 
 91 | # vuepress build output
 92 | .vuepress/dist
 93 | 
 94 | # Serverless directories
 95 | .serverless/
 96 | 
 97 | # FuseBox cache
 98 | .fusebox/
 99 | 
100 | # DynamoDB Local files
101 | .dynamodb/
102 | 
103 | # TernJS port file
104 | .tern-port
105 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 gitcommitshow
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # medium-to-markdown
 2 | Convert medium link to markdown
 3 | 
 4 | ## Screenshots
 5 | 
 6 | ![screenshot1](./demo/screenshot1.png)
 7 | ![screenshot2](./demo/screenshot2.png)
 8 | 
 9 | ## How to use the hosted version
10 | 
11 | 1. Visit the website
12 | 2. Enter medium article link
13 | 3. Review the generated markdown
14 | 4. Edit if you need any fixes or additions
15 | 5. Use the final markdown
16 | 
17 | ## Setup locally
18 | 
19 | 1. Clone the repo
20 | 2. Install dependencies `npm install`
21 | 3. Run the server `npm start`
22 | 


--------------------------------------------------------------------------------
/demo/screenshot1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitcommitshow/medium-to-markdown/bb0fbf0372c783d9bb4c7029676cf7d6565f7305/demo/screenshot1.png


--------------------------------------------------------------------------------
/demo/screenshot2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitcommitshow/medium-to-markdown/bb0fbf0372c783d9bb4c7029676cf7d6565f7305/demo/screenshot2.png


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "medium-to-markdown",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "src/index.js",
 6 |   "scripts": {
 7 |     "start": "nodemon src/index.js"
 8 |   },
 9 |   "dependencies": {
10 |     "express": "4.17.1",
11 |     "marked": "2.0.3",
12 |     "medium-to-markdown": "0.0.3"
13 |   },
14 |   "devDependencies": {
15 |     "nodemon": "1.18.4"
16 |   },
17 |   "keywords": []
18 | }
19 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | const express = require("express");
 2 | const marked = require("marked");
 3 | const mediumToMarkdown = require("medium-to-markdown");
 4 | const app = express();
 5 | const port = 8080;
 6 | const APP_VERSION = "v0.1.4";
 7 | 
 8 | app.use(express.json()); // for parsing application/json
 9 | app.use(express.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
10 | 
11 | app.get("/", (req, res) => {
12 |   res.send(`
13 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
14 |     <h1>Convert Medium post to markdown</h1>
15 |     <br/><br/>
16 |     <form action="/markdown" method="POST">
17 |       <!--label for="link">Medium Post Link</label-->
18 |       <input style="width:80%;" name="link" type="text" placeholder="Link to medium article"/>
19 |       <br/><small>Example: <a href="https://pradeep-io.medium.com/what-is-neural-search-537853f3d628">https://pradeep-io.medium.com/what-is-neural-search-537853f3d628</a></small>
20 |       <br/><br/><br/>
21 |       <input type="submit" value="Get Markdown" />
22 |     </form>
23 |     <br/><br/><br/><br/>
24 |       Version ${APP_VERSION} <br/>
25 |       Created by <a href="https://pradeep-io.medium.com/">@pradeep-io</a>
26 |     <br/><br/>
27 |   `);
28 | });
29 | 
30 | app.post("/markdown", (req, res) => {
31 |   const link = req.body["link"];
32 |   // e.g. https://pradeep-io.medium.com/what-is-neural-search-537853f3d628
33 |   mediumToMarkdown.convertFromUrl(link).then(function (markdown) {
34 |     res.send(`
35 |     <style>
36 |       .section-container {
37 |         display: grid;
38 |         grid-template-columns: 1fr 1fr;
39 |         grid-gap: 20px;
40 |         gap: 20px;
41 |         max-width: 90%;
42 |       }
43 |     </style>
44 |     <style>
45 |       textarea {
46 |         width: 100%;
47 |       }
48 |     </style>
49 |     <style>
50 |      .html-section {
51 |         overflow-y: auto;
52 |       }
53 |     </style>
54 |     <div class="section-container">
55 |       <div class="markdown-section">
56 |         <textarea autocorrect="off" autocapitalize="none" spellcheck="false" autofocus>
57 |           ${markdown}
58 |         </textarea>
59 |       </div>
60 |       <div class="html-section">
61 |         ${marked(markdown)}
62 |       </div>
63 |     </div>
64 |     <br/><br/><br/><br/>
65 |       Version ${APP_VERSION} <br/>
66 |       Created by <a href="https://pradeep-io.medium.com/">@pradeep-io</a>
67 |     <br/><br/>
68 |     <!--Auto Resize TextArea-->
69 |     <script>
70 |     const tx = document.getElementsByTagName("textarea");
71 |     for (let i = 0; i < tx.length; i++) {
72 |       tx[i].setAttribute("style", "height:" + (tx[i].scrollHeight) + "px;overflow-y:hidden;");
73 |       tx[i].addEventListener("input", OnInput, false);
74 |     }
75 | 
76 |     function OnInput() {
77 |       this.style.height = "auto";
78 |       this.style.height = (this.scrollHeight) + "px";
79 |     }
80 |     </script>
81 |     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
82 |     <script>
83 |     document.querySelector('textarea').addEventListener('input', (event) => {
84 |       document.querySelector('.html-section').innerHTML = marked(document.querySelector('textarea').value);
85 |     });    
86 |     </script>
87 |     `);
88 |   });
89 | });
90 | 
91 | app.listen(port, () => {
92 |   console.log(`The app ${APP_VERSION} listening at http://localhost:${port}`);
93 | });
94 | 
95 | 


--------------------------------------------------------------------------------