tada!
';\r\n}\r\n```\r\n\r\nNow run the build, `msg`:\r\n\r\n`index.html`:\r\n```html\r\ntada!
\r\n```\r\n\r\nSimple! The page.js file exports a function that returns a string. That string is then saved into a .html file of the same name. Because the page file is just JavaScript, you can do pretty much anything you want in there!\r\n\r\n## Defining src & dist folders\r\n\r\nPass in the relative paths of your source and distribution folders with the `-io` flag, \"in\" first \"out\" second:\r\n\r\n```\r\nmsg -io ./src/ ./dist/\r\n```\r\n\r\nBefore: \r\n\r\n```\r\n./dist/\r\n./src/\r\n├──index.page.js\r\n├──about.page.js\r\n├──/funFolder/\r\n| ├──fun.page.js\r\n```\r\n\r\nAfter:\r\n\r\n```\r\n./dist/\r\n├──index.html\r\n├──about.html\r\n├──/funFolder/\r\n| ├──fun.html\r\n./src/\r\n├──index.page.js\r\n├──about.page.js\r\n├──/funFolder/\r\n| ├──fun.page.js\r\n```\r\n\r\nAlternativly you may wish to keep your source and distribution files together. Just pass the same value twice: \r\n\r\n```\r\nmsg -io ./docs/ ./docs/\r\n```\r\n\r\nBefore:\r\n\r\n```\r\n./docs/\r\n├──index.page.js\r\n├──about.page.js\r\n├──/funFolder/\r\n| ├──fun.page.js\r\n```\r\n\r\nAfter:\r\n\r\n```\r\n./docs/\r\n├──index.html - Hello!\r\n├──index.page.js\r\n├──about.html - hello\r\n├──about.page.js\r\n├──/funFolder/\r\n| ├──fun.html - HELLO!!\r\n| ├──fun.page.js\r\n```\r\n\r\n_You can even run both: `msg -io ./src/ ./dist/ -io ./docs/ ./docs/`_\r\n\r\n---\r\n\r\n## Syntax Highlighting\r\nDifferent editors do this in different ways. VS Code requires [a plugin](https://marketplace.visualstudio.com/items?itemName=bierner.lit-html), Atom does not (according to a quick google). However it happens, in most cases you will need to add the `html` tag:\r\n\r\n```js\r\nmodule.exports = function(){\r\n return html`\r\nMe Syntax be Higlighted!
\r\n `; \r\n}\r\n```\r\n\r\n_Note that tags have to be defined functions. To make life a little easier I've added a global defenition for html so it won't throw undefined errors at you._\r\n\r\n---\r\n\r\n## How does it work?\r\n\r\nI'm glad you asked! Time for sudocode.\r\n\r\n```js\r\n//pass it a directory\r\ngoIntoFolder(folder){\r\n\r\n //get all the .page.js files in this directory\r\n pages = getAllPagesFrom(folder)\r\n \r\n pages.forEach(page){\r\n //run the \"page\"\r\n markup = page()\r\n //save the result\r\n saveToDist(markup)\r\n }\r\n\r\n //now get all the folders in this folder\r\n folderChildren = getAllFoldersFrom(folder)\r\n\r\n folderChildren.forEach(childFolder){\r\n //go into each of them and do the same thing\r\n goIntoFolder(childFolder)\r\n }\r\n}\r\n```\r\n\r\n_The real code is a little different, but that's the essence of it. [Have a read if you wish!](https://github.com/ijmccallum/Mini-Site-Generator/blob/master/build.js)_\r\n\r\n---","maintainers":[{"name":"ijmccallum","email":"ijmccallum@hotmail.co.uk"}],"time":{"modified":"2022-05-09T09:50:47.706Z","created":"2018-02-03T23:19:03.921Z","1.0.0":"2018-02-03T23:19:03.921Z","1.0.1":"2018-02-03T23:34:22.931Z","1.0.2":"2018-02-03T23:46:22.803Z","1.0.3":"2018-02-03T23:54:06.651Z","1.0.4":"2018-02-03T23:57:01.354Z","1.0.5":"2018-02-04T00:01:53.722Z","1.0.6":"2018-02-04T00:26:18.788Z","1.0.7":"2018-02-04T00:40:38.883Z","1.0.8":"2018-02-04T00:54:47.271Z","1.0.9":"2018-02-04T18:18:25.596Z","1.0.10":"2018-02-11T13:08:49.978Z"},"homepage":"https://github.com/ijmccallum/Mini-Site-Generator#readme","keywords":["static","file","site","website","generator","minimal","simple","javascript","easy"],"repository":{"type":"git","url":"git+https://github.com/ijmccallum/Mini-Site-Generator.git"},"author":{"name":"Iain J McCallum"},"bugs":{"url":"https://github.com/ijmccallum/Mini-Site-Generator/issues"},"readmeFilename":"readme.md"}