Browse Source

Added extract.js and started working on WordBox-cli

master
Klenty 7 years ago
parent
commit
8d6b0f657e
  1. 80
      IDEA.md
  2. 5
      README.md
  3. 10
      cli.js
  4. 11
      lib/extract.js
  5. 14
      package.json

80
IDEA.md

@ -1,80 +0,0 @@
# Core idea
The idea behind `w` is that web pages should be easily composable. Yes, there are a lot of other template engines out there, but some times you just don't want all that complexity in your life. You want something simple. Let's take an example.
You start a simple static website. You make an `index.html` file. After a while, you add CSS, JS, and assets.
```
/project ⬎
index.html
css/ ⬎
style.css
js/ ⬎
main.js
assets/ ⬎
logo.png
banner-img.jpg
```
Everything looks good so far. Now in your `index.html`, you probably have a `header`, `nav` and `footer` element each. You create a new page, `about`.
```
/project ⬎
index.html
/css ⬎
style.css
/js ⬎
main.js
/assets ⬎
logo.png
banner-img.jpg
/about ⬎
index.html
```
You probably want the same `header`, `nav` and `footer` in `about/index.html` as well. The only way to do this as of now is to make a copy of them. This isn't ideal of course because if anything changes in them, it has to be changed across all the index files. You'll also want to link to the CSS, JS, and static files. Enter `w`.
The idea is that instead of `html` files, you'll make `w` files. Oh no, I need to learn ANOTHER syntax, you ask? Not at all. `w` files are just `html` with templates built in. Let's go with the earlier example. What will this look like with `w`?
```
/project ⬎
w.json
/comps ⬎
header.w
nav.w
footer.w
/source ⬎
index.w
about.w
contact.w
/assets ⬎
logo.png
banner-img.jpg
/css ⬎
style.css
/js ⬎
main.js
```
Now in `/source/index.w`, you add this:
```
<html>
<head>
...
</head>
<body>
<w-nav>
<w-header>
<div>
Some normal HTML content
</div>
<w-footer>
</body>
</html>
```
A command like `w build .` in the root should now be able to load your `w.json` file, read the list and build the website at `/public`. Once this is done, you can simply publish your `/public` folder to the web! Anything else in the project root other than `/comps` and `/source` are simply placed in the `/public`, but with the advantage that you don't have to use relative or absolute paths for them. Simply use `w~assets/logo.png` to refer to the logo.

5
README.md

@ -1,7 +1,8 @@
# w # w
A very minimal web templater.
Will be soon in development. w is a cli application to spin up WordBox instances.
[WordBox](https://github.com/codefeathers/WordBox) is a quick development (and deployment) environment for PHP.
### Credits ### Credits

10
cli.js

@ -0,0 +1,10 @@
#!/usr/bin/env node
var program = require('commander');
program
.version('0.1.0')
.option('-h, --help', 'Show w-cli help')
.parse(process.argv);
if (program.help) console.log('w -v for version number');

11
lib/extract.js

@ -0,0 +1,11 @@
var sevenZip = require('node-7z')
var Zip = new sevenZip()
const extract = (filename, destination) => {
Zip.extractFull(filenames, destination)
.progress((files) => console.log('Some files are extracted: %s', files))
.then(() => console.log('Extracting done!'))
.catch(function (err) => console.error(err))
}
module.exports = extract

14
package.json

@ -1,7 +1,7 @@
{ {
"name": "w", "name": "w",
"version": "1.0.1", "version": "1.0.2",
"description": "A very minimal web templater.", "description": "WordBox cli to quickly spin up PHP dev environments.",
"main": "app.js", "main": "app.js",
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "test": "echo \"Error: no test specified\" && exit 1"
@ -11,10 +11,12 @@
"url": "git+https://github.com/codefeathers/w.git" "url": "git+https://github.com/codefeathers/w.git"
}, },
"keywords": [ "keywords": [
"web", "w",
"templater", "wordbox",
"node", "cli",
"w" "php",
"development",
"tools"
], ],
"author": "Muthu Kumar", "author": "Muthu Kumar",
"license": "MIT", "license": "MIT",

Loading…
Cancel
Save