js version

.env.example

@@ -1,2 +1,3 @@
 SALT=
-BACKUP_SCRIPT=/usr/local/bin/groups-backup.sh
+BACKUP_SCRIPT=/usr/local/bin/groups-backup.sh
+REDIRECT=

.gitignore

@@ -1,3 +1,4 @@
+/node_modules
+.env
 .DS_Store
-composer.lock
-/vendor
+

README.md

@@ -1,15 +1,15 @@
 ## Grou.ps v2
 
-A simple static page generator for Grou.ps v2 sites.
+A simple static page generator for Grou.ps v2 sites. Based on https://github.com/phonetworks/grou-ps-v2/releases/tag/php
 
 Please note, this repo covers only the frontend components. For the backend, you need to install [GraphJS-Server](https://github.com/phonetworks/graphjs-server). GraphJS-Server can be run on your own servers, or it can be deployed in one-click to Heroku. For more information, check out [GraphJS-Server README](https://github.com/phonetworks/graphjs-server/blob/master/README.md) 
 
 ### Installation
 
-For getting started, you just need to install the PHP dependencies using [Composer](https://getcomposer.org/) by typing in:
+For getting started, you just need to install the Node dependencies using [NPM](https://www.npmjs.com/get-npm) by typing in:
 
 ```sh
-composer install
+npm install
 ```
 
 
@@ -18,7 +18,7 @@ composer install
 To generate a Grou.ps site, type in:
 
 ```sh
-bin/generate.php {group_name} {public_graphjs_id} {group_title}
+bin/generate {group_name} {group_title} --id {public_graphjs_id}
 ```
 
 where:

bin/generate

@@ -0,0 +1,73 @@
+#!/usr/bin/env node
+
+const path = require('path');
+const cmd = require('commander');
+const FileGeneration = require('../lib/FileGeneration');
+
+const dir = path.dirname(__dirname) + '/site/templates';
+
+cmd.description('Generates static social network frontend');
+cmd.arguments('<name> <title>', 'Name');
+cmd.option('-d, --description, <description>', 'Group Description (may contain spaces or special chars)');
+cmd.option('-g, --git, <git>', 'Git Remote Url');
+cmd.option('-i, --id, <id>', 'GraphJS ID');
+cmd.option('-h, --host, <host>', 'GraphJS Server Hostname');
+cmd.option('-s, --stream_host, <stream_host>', 'Stream Server Hostname');
+cmd.option('-p, --primary_color, <primary_color>', 'Primary Color');
+cmd.option('-t, --text_color, <text_color>', 'Text Color');
+cmd.option('-b, --background_color, <background_color>', 'Background Color');
+cmd.option('-t, --theme, <theme>', 'Theme (light or dark)');
+cmd.option('-m, --modules, <modules>', 'List of extra modules to enable; forum, groups');
+cmd.option('-xh, --extra_head, <extra_head>', 'Extra code to inject in HEAD');
+
+let args = [];
+let name;
+let title;
+
+cmd.action(function (argName, argTitle) {
+    args = Array.from(arguments);
+    name = argName;
+    title = argTitle;
+});
+
+cmd.parse(process.argv);
+
+if (args.length === 0) {
+    console.error('ERROR: <name> and <title> must be specified');
+    process.exit(1);
+}
+
+const publicId = cmd.id || null;
+const theme = cmd.theme || 'light';
+const textColor = cmd.text_color || null;
+const backgroundColor = cmd.background_color || null;
+const primaryColor = cmd.primary_color || null;
+const host = cmd.host || null;
+const streamHost = cmd.stream_host || null;
+const description = (cmd.hasOwnProperty('description') && cmd.description) || '';
+const remoteUrl = cmd.git || '';
+const modules = cmd.modules.split(",") || '';
+const extraHead = (cmd.hasOwnProperty('extra_head') && cmd.description) || '';
+
+var moduleForum = "off";
+var moduleGroups = "off";
+
+for(let i=0;i<modules.length;i++) {
+    switch(modules[i].trim()) {
+        case "forum":
+            moduleForum = "on";
+            break;
+        case "groups":
+            moduleGroups = "on";
+            break;
+    }
+}
+
+(new FileGeneration(
+    dir, name, title, theme, publicId, primaryColor,
+    textColor, backgroundColor, host, streamHost,
+    remoteUrl, description, extraHead, moduleForum, moduleGroups
+)).generate().catch(function (error) {
+    console.error(error);
+});
+

dist/graphjs-theme.less

@@ -258,6 +258,19 @@
     }
 }
 
+.@{prefix}-root {
+    .@{prefix}-secondary-btn {
+        color: @text-color-weak;
+        border-color: @text-color-weak;
+        background-color: @background-color-shade;
+        &:hover {
+            color: @text-color-normal;
+            border-color: @text-color-normal;
+            background-color: @background-color-contrast;
+        }
+    }
+}
+
 //mention-container.less
 .@{prefix}-mention-container {
     ul {

generate/index.js

@@ -0,0 +1,70 @@
+const path = require('path');
+const crypto = require('crypto');
+const fs = require('fs');
+const executable = require('executable');
+const child_process = require('child_process');
+const FileGeneration = require('../lib/FileGeneration');
+const fn = require('../lib/functions');
+
+module.exports = async function (req, res) {
+
+    const rootPath = path.dirname(__dirname);
+    const dir = rootPath + '/site/templates';
+    const body = req.body;
+    const q = req.query;
+
+    const name = q.name || body.name || null;
+    const title = q.title || body.title || null;
+    const description = q.description || body.description || '';
+    const remoteUrl = q.git || body.git || '';
+    const publicId = q.public_id || body.public_id || null;
+    const theme = q.theme || body.theme || null;
+    const textColor = q.text_color || body.text_color || null;
+    const backgroundColor = q.background_color || body.background_color || null;
+    const primaryColor = q.primary_color || body.primary_color || null;
+    const host = q.host || body.host || null;
+    const streamHost = q.stream_host || body.stream_host || null;
+    const secret = q.secret || body.secret || null;
+    const regen = q.regen || body.regen || false;
+    const moduleForum = q.module_forum || body.module_forum || false;
+    const moduleGroups = q.module_groups || body.module_groups || false;
+    const extraHead = q.extra_head || body.extra_head || '';
+
+    if (! name || ! title || ! publicId) {
+        res.setHeader('Content-Type', 'application/json');
+        return res.send(JSON.stringify({
+            success: false,
+            message: 'name, title, public_id are required',
+        }));
+    }
+
+    if (crypto.createHash('md5').update(name + process.env.SALT).digest('hex') != secret) {
+        res.setHeader('Content-Type', 'application/json');
+        return res.send(JSON.stringify({
+            success: false,
+            message: 'not authorized',
+        }));
+    }
+
+    const backupScript = process.env.BACKUP_SCRIPT;
+    if (
+        backupScript
+        && await fn.fs.exists(backupScript)
+        && await executable(backupScript)
+    ) {
+        await fn.child_process.execFile(backupScript);
+    }
+
+    // actual file generation takes place here.
+    await (new FileGeneration(
+        dir, name, title, theme, publicId, primaryColor,
+        textColor, backgroundColor, host, streamHost,
+        remoteUrl, description, extraHead, moduleForum, moduleGroups
+    )).generate(regen);
+
+    res.setHeader('Content-Type', 'application/json');
+    res.send(JSON.stringify({
+        success: true,
+        message: 'Generated',
+    }));
+};