Move stuff and clean-up

react-tuto/.eslintrc.js

@@ -1,35 +0,0 @@
-module.exports = {
-    "env": {
-        "browser": true,
-        "es6": true
-    },
-    "extends": "eslint:recommended",
-    "parserOptions": {
-        "ecmaFeatures": {
-            "experimentalObjectRestSpread": true,
-            "jsx": true
-        },
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react"
-    ],
-    "rules": {
-        "indent": [
-            "error",
-            4
-        ],
-        "linebreak-style": [
-            "error",
-            "unix"
-        ],
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "semi": [
-            "error",
-            "always"
-        ]
-    }
-};

react-tuto/gulpfile.js

@@ -1,141 +0,0 @@
-const gulp = require('gulp');
-const sourcemaps = require('gulp-sourcemaps');
-const source = require('vinyl-source-stream');
-const buffer = require('vinyl-buffer');
-const browserify = require('browserify');
-const watchify = require('watchify');
-const babelify = require('babelify');
-const pathmod = require('pathmodify');
-const babel = require('gulp-babel');
-const uglify = require('gulp-uglify');
-const gutil = require('gulp-util');
-const zip = require('gulp-zip');
-const fs = require('fs');
-const path = require('path');
-const es = require('event-stream');
-const Promise = require('bluebird');
-
-function slugify(str)
-{
-  str = str.replace(/^\s+|\s+$/g, ''); // trim
-  str = str.toLowerCase();
-
-  // remove accents, swap ñ for n, etc
-  var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
-  var to   = "aaaaeeeeiiiioooouuuunc------";
-
-  for (var i=0, l=from.length ; i<l ; i++)
-    str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
-
-
-  str = str.replace(/[^a-z0-9 -]/g, '') // remove invalid chars
-    .replace(/\s+/g, '-') // collapse whitespace and replace by -
-    .replace(/-+/g, '-'); // collapse dashes
-
-  return str;      // Trim - from end of text
-}
-
-Promise.promisifyAll(fs);
-// const archiveFiles = [
-//   'style.css',
-//   'screenshot.png',
-//   '*.php'
-// ];
-// const builtFiles = [
-//   'js/*'
-// ];
-const watchedFiles = [
-  'src/markdown/**/*'
-];
-
-// const themeName = 'reago';
-
-function buildClient(watch, done) {
-  var bundler =
-    browserify('./src/index.js', { debug: true })
-      .plugin(pathmod, {mods: [
-        pathmod.mod.dir('node_modules', __dirname + '/node_modules'),
-      ]})
-      // Transform JSX      https://github.com/andreypopp/reactify/issues/58
-      // Fix unexpected ... https://github.com/babel/babel-loader/issues/170
-      .transform(babelify, { presets: ['es2015', 'stage-0', 'react'] });
-  return new Promise(function (resolve, reject) {
-    bundler.bundle()
-      .on('error', function(err) { console.error(err); this.emit('end'); })
-      .pipe(source('bundle.react.js'))
-      .pipe(buffer())
-      .pipe(uglify())
-      .pipe(sourcemaps.init({ loadMaps: true }))
-      .pipe(sourcemaps.write('./'))
-      .pipe(gulp.dest(path.normalize(__dirname + '/../js/dist')))
-      .on('end', resolve);
-  });
-}
-
-function extractMarkdown() {
-  // return new Promise(function (resolve, reject) {
-    return fs.readdirAsync('src/markdown')
-    .then(subdirs => Promise.reduce(
-      subdirs,
-      (carry, dir) =>
-        fs.readdirAsync('src/markdown/' + dir)
-        .then(files => Promise.reduce(
-          files,
-          (carry, f) => fs.readFileAsync('src/markdown/' + dir + '/' + f)
-            .then(buf => buf.toString())
-            .then(content => {
-              const basename = path.basename(f, '.md');
-              const re = /(\d+)\. (.*)/;
-              const matches = basename.match(re);
-              const title = ! matches ? basename :
-                parseInt(matches[1], 10) + '. ' + matches[2];
-              return carry.concat({
-                title,
-                path: '/' + slugify(title),
-                content
-              });
-            }),
-          []
-        ))
-        .then(items => carry.concat({ title: dir, path: '/' + slugify(dir), items })),
-      []
-    ))
-    .then(JSON.stringify)
-    .then(markdownJson => fs.writeFileAsync('src/resources/markdown.json', markdownJson))
-  // });
-}
-
-// function makeZip(cb) {
-//   return extractThemeVersion()
-//     .then(themeVersion => {
-//       var base = 'dist/' + themeVersion;
-//       var tmp = base + '/reago';
-//       var rebasedFiles = base + '/**/*';
-//       es.concat(
-//           gulp.src(archiveFiles)
-//               .pipe(gulp.dest(tmp)),
-//             gulp.src(builtFiles)
-//                 .pipe(gulp.dest( tmp + '/js')),
-//           gulp.src(rebasedFiles, { base })
-//               .pipe(zip(themeName + '-' + themeVersion + '.zip'))
-//               .pipe(gulp.dest('dist'))
-//       ).on('end', cb)
-//     });
-// }
-
-gulp.task('watch', function() {
-  gulp.watch(['src'], buildClient);
-  // gulp.watch(watchedFiles, extractMarkdown);
-});
-
-gulp.task('buildClient', function() {
-  return buildClient();
-});
-
-gulp.task('extractMarkdown', function() {
-  return extractMarkdown();
-});
-
-// gulp.task('makeZip', makeZip);
-
-gulp.task('default', gulp.series('buildClient', 'watch'));

react-tuto/package.json

@@ -1,60 +0,0 @@
-{
-  "name": "react-tuto",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "npx mocha --exit --timeout 10000 test/**/*.js",
-    "build": "npx gulp",
-    "lint": "npx eslint --fix src/"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "catch-links": "^2.0.1",
-    "gulp-util": "^3.0.8",
-    "lodash": "^4.17.4",
-    "react-markdown": "^3.1.4",
-    "react-redux": "^5.0.6",
-    "redux": "^3.7.2",
-    "redux-logger": "^3.0.6",
-    "redux-thunk": "^2.2.0"
-  },
-  "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "babel-runtime": "^6.26.0",
-    "babelify": "^8.0.0",
-    "bluebird": "^3.5.1",
-    "browserify": "^14.5.0",
-    "bufferutil": "^3.0.3",
-    "eslint": "^6.1.0",
-    "eslint-plugin-react": "^7.14.3",
-    "event-stream": "^3.3.4",
-    "feathers-localstorage": "^2.0.0",
-    "gulp": "^4.0.0",
-    "gulp-babel": "^7.0.0",
-    "gulp-buffer": "0.0.2",
-    "gulp-sourcemaps": "^2.6.3",
-    "gulp-tap": "^1.0.1",
-    "gulp-uglify": "^3.0.0",
-    "gulp-zip": "^4.1.0",
-    "gulplog": "^1.0.0",
-    "mocha": "^6.2.0",
-    "pathmodify": "^0.5.0",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
-    "react-router-dom": "^4.2.2",
-    "rollup-stream": "^1.24.1",
-    "socket.io-client": "^2.0.4",
-    "utf-8-validate": "^4.0.0",
-    "vinyl-buffer": "^1.0.1",
-    "vinyl-source-stream": "^2.0.0",
-    "watchify": "^3.9.0"
-  }
-}

react-tuto/restes section 2/23. Quelques précautions.md

@@ -1,22 +0,0 @@
-Dans l'exemple précédent, modifie l'attribut `id` de la `div`, **sans modifier**
-le JavaScript, et vois ce qui se passe dans la console. Tu dois obtenir une erreur :
-
-    empty.html:17 Uncaught TypeError: Cannot set property 'innerHTML' of null
-
-<blockquote>
-Si l'élement ciblé n'est pas trouvé, <code>getElementById()</code> renvoie <code>null</code>
-(une autre valeur courante en JS, à distinguer de <code>undefined</code>).
-</blockquote>
-
-Il faut donc être prudent :
-* Soit être très rigoureux, et modifier en même temps le HTML et le JS pour que les `id`
-correspondent.
-* Ou bien, si par exemple on récupère du HTML d'une source externe, et qu'on n'est pas sûr
-que l'élément existe, tester sa valeur avant de le modifier :
-
-```javascript
-var element = document.getElementById('element-inconnu');
-if(element !== null) {
-  element.innerHTML = "Contenu ajouté si l'élément existe";
-}
-```

react-tuto/restes section 2/26. Exercice.md

@@ -1,11 +0,0 @@
-Avant de se lancer, je te présente la fonction `split()`, qui s'applique à une chaîne :
-```javascript
-var garniture = 'oeufs,jambon,fromage,tomate';
-var ingredients = garniture.split(',');
-```
-Je t'encourage à examiner son résultat (`console.log` est ton ami), pour te renseigner sur ce qu'elle fait.
-
-A partir de cet exemple et du précédent, et de tes connaissances en CSS, construis une belle liste
-d'ingrédients, en utilisant JS. Je veux que les caractères apparaissent en italique, et avec la police Georgia.
-
-Tu peux réutiliser une grande partie du code des exemples précédents !

react-tuto/restes section 2/zz.md

@@ -1,17 +0,0 @@
-Déplie la `HTMLCollection`, puis son unique élément. Regarde attentivement `childNodes` et `children`.
-
-C'est presque la même chose : les deux ont en commun `head` et `body` qui correspondent aux balises de même nom.
-Mais `childNodes` contient, entre `head` et `body`, un noeud `text`.
-
-Déplie le et regarde sa propriété `data` : une chaîne de 3 caractères : le symbole du retour chariot,
-suivi de deux espaces. Si tu regardes dans `empty.html`, ça correspond exactement à ce qui se trouve après
-la balise fermante `</head>` et avant la balise ouvrante `<body>`. &Ccedil;a nous amène à l'explication...
-
-<blockquote>
-On distingue deux types de noeuds dans l'arbre du document :
-<ul>
-  <li>Des <em>éléments</em>, qui correspondent aux balises.</li>
-  <li>Des <em>noeuds texte</em>, qui sont du contenu textuel situé <em>entre deux balises</em>,
-  ou <em>à l'intérieur</em> d'une balise.</li>
-</ul>
-</blockquote>

react-tuto/tools/package.json

@@ -1,10 +1,11 @@
 {
-  "name": "tools",
+  "name": "md-sections-tool",
   "version": "1.0.0",
   "description": "",
   "main": "extract.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "npx mocha --exit --timeout 10000 test/**/*.js",
+    "lint": "npx eslint --fix src/"
   },
   "keywords": [],
   "author": "",