ipi-jquery/sandboxApp.js

/* global __dirname */
/* jshint strict:false */
"use strict";
var express       = require('express');
var bodyParser    = require('body-parser');
var slug          = require('slug');
var beautify      = require("json-beautify");
var _             = require('lodash');
var path          = require('path');
var Mustache      = require('mustache');
var app           = express();
var fs            = require('fs');
var Promise       = require('bluebird'); Promise.promisifyAll(fs);
var sandboxTpml   = fs.readFileSync(__dirname + '/html/template.mustache.html').toString();
var exampleTmpl  = require('./lib/exampleTmpl.json');
var ExampleStore  = require('./lib/ExampleStore');
var examplesDir   = __dirname + '/exemples';
// var examplesDir   = __dirname + '/test/integration/test-examples';

var exStore       = new ExampleStore(examplesDir);
var {
  readFileAsync,
  readFilesAsync
}                 = require('./lib/fsio');
var {
  getAcceptLanguage,
  getIndexBare,
  getIndexRepo,
  getIndexExample
}                 = require('./lib/indexHandlers')(exStore, examplesDir);


/**
 * Initialize example store
 */
exStore.init();
// .then(() => console.log(exStore.getMenu()));


/**
 * Initialize Express app:
 *   - root folder as static
 *   - body parsers
 *   - browser language detection middleware
 */
app.use(express.static(__dirname));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(getAcceptLanguage);

function addExample(slug, title) {
  return fs.writeFileAsync(examplesJSON, beautify(examples, null, 2, 100));
}

function readConfigJson(exampleSlug) {
  console.log(exampleSlug);
  return require('./exemples/jquery/' + exampleSlug + '/config.json');
}

function mapObjToArray(obj, key, value) {
  var arr = [];
  for(var p in obj) {
    arr.push({
      [key]: p,
      [value]: obj[p]
    });
  }
  return arr;
}

/**
 * Index page: render with only repo list in menu
 */
app.get('/', getIndexBare);

/**
 * Repo page: render with repo list and selected repo's example list in menu
 */
app.get('/:repoSlug', getIndexRepo);

/**
 * Example page: render with repo list and selected repo's example list in menu,
 * and the editor with the selected example
 */
app.get('/:repoSlug/:exampleSlug', getIndexExample);

/**
 * Create a new example for specified repo
 */
app.post('/:repoSlug/examples', function(req, res) {

  // Check for title and extract params
  if(! req.body || ! req.body.title) {
    res.status(400).send('Le titre ne peut pas être vide !');
  }
  const { title }    = req.body;
  const { repoSlug } = req.params;

  // Get repo from store
  var repo = exStore.getRepo(repoSlug);
  if(! repo) {
    res.status(404).send("Repo " + repoSlug + "not found");
  }

  // Prevent duplicate title
  var existingTitle = _.find(repo.examples, { title: title });
  if(existingTitle) {
    res.status(400).send("L'exemple '" + title + "' existe déjà !");
  }
  var exampleSlug = slug(req.body.title.toLowerCase());

  // Prepare config
  var config = Object.assign({
    slug: exampleSlug,
    title,
    category: repo.defaultCategory
  }, exampleTmpl);

  // Prepare files to write
  var targetDir = __dirname + '/exemples/' + repoSlug + '/' + exampleSlug;
  var files = mapObjToArray({
    'contenu.html': '<!-- ' + title + '-->\n',
    'script.js': '// ' + title,
    'config.json': beautify(config, null, 2, 100)
  }, 'file', 'content');
  fs.mkdirAsync(targetDir)
  .then(() => Promise.map(
    files, ({ file, content }) => fs.writeFileAsync(targetDir + '/' + file, content)
  ))
  .then(files => repo.examples.push(config))
  .then(() => res.json(config));
});

app.get('/examples/:slug', function(req, res) {
  const { slug } = req.params;
  const config = readConfigJson(slug);
  const { title, html, js, css, libsCss, libsJs } = config;
  readFileAsync(__dirname + '/exemples/' + slug + '/example.html')
  .then(body =>
    Mustache.render(sandboxTpml, { body, slug, title, js, css, libsCss, libsJs })
  )
  .then(html => res.send(html));
});

app.get('/menu', (rea, res) => {
  res.send(exStore.getMenu());
});

app.get('/list/:repoPath', function(req, res) {
  const { repoPath } = req.params;
  const repo = exStore.getList(repoPath);
  if(! repo) {
    return res.status(404).send('Repo ' + repoPath + ' not found');
  }
  console.log('found repo', repo);
  const data = repo.examples.map(e => (
    { slug: e.slug, title: e.title }
  ));
  res.json(data);
});

app.put('/examples/:slug', function(req, res) {
  var slug = req.params.slug;
  var existing = _.find(examples, { slug: slug });
  if(! existing) {
    res.status(404).send("L'exemple avec l'identifiant '" + slug + "' est introuvable !");
  }
  var targetDir = __dirname + '/exemples/' + slug;
  if(req.body.html) {
    fs.writeFileSync(targetDir + '/contenu.html', req.body.html);
  }
  if(req.body.javascript) {
    fs.writeFileSync(targetDir + '/script.js', req.body.javascript);
  }
  var theDate = new Date();
  console.log(theDate.getHours() + ':' + theDate.getMinutes() + " - Sauvegarde de l'exemple '" + existing.title + " effectuée'");
  res.json({ success: true });
});

module.exports = app;