Merge pull request #4 from HSG-Library/develop

Release 2021.11.23-1

Author: d22

.ci/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+temp/
+*.zip

.ci/.nvmrc

@@ -0,0 +1 @@
+16

.ci/gulp/config.js

@@ -0,0 +1,74 @@
+'use strict';
+
+let customJsFile = 'custom.js';
+let customMapFile = 'custom.js.map';
+let customCssFile = 'custom1.css';
+let mainFile = 'main.js';
+
+let view;
+
+function getView() {
+    return view;
+}
+
+function setView(_view) {
+    view = _view;
+}
+
+function viewRootDir() {
+    return `../`;
+}
+
+/* CSS */
+function viewCssDir() {
+    return viewRootDir() + `css`;
+}
+
+function customCssMainPath() {
+    return viewCssDir() + '/*.css';
+}
+
+function customCssPath() {
+    return viewCssDir() + `/custom1.css`;
+}
+
+/* HTML */
+function viewHtmlDir() {
+    return viewRootDir() + `html`;
+}
+
+/* JS */
+function viewJsDir() {
+    return viewRootDir() + `js`;
+}
+
+function customJsPath() {
+    return viewJsDir() + '/' + customJsFile;
+}
+
+function customMapPath() {
+    return viewJsDir() + '/' + customMapFile;
+}
+
+function mainJsPath() {
+    return viewJsDir() + '/' + mainFile;
+}
+
+let buildParams = {
+    customJsFile: customJsFile,
+    customCssFile: customCssFile,
+    customJsPath: customJsPath,
+    customMapPath: customMapPath,
+    mainJsPath: mainJsPath,
+    viewJsDir: viewJsDir,
+    viewHtmlDir: viewHtmlDir,
+    viewCssDir: viewCssDir,
+    customCssPath: customCssPath,
+    customCssMainPath: customCssMainPath,
+};
+
+module.exports = {
+    buildParams: buildParams,
+    setView: setView,
+    view: getView,
+};

.ci/gulp/tasks/00-clean.js

@@ -0,0 +1,14 @@
+'use strict';
+const gulp = require('gulp');
+const del = require('del');
+const config = require('../config.js');
+
+gulp.task('clean', function () {
+    console.log('task: clean');
+    let buildParams = config.buildParams;
+    let css = buildParams.customCssPath();
+    let js = buildParams.customJsPath();
+    let map = buildParams.customMapPath();
+    console.log('removing:', css, js, map);
+    return del([css, js, map], { force: true });
+});

.ci/gulp/tasks/01-select-view.js

@@ -0,0 +1,18 @@
+'use strict';
+const gulp = require('gulp');
+const config = require('../config.js');
+
+gulp.task('select-view', (cb) => {
+    console.log('task: select-view');
+    return new Promise(resolve => {
+        if (!config.view()) {
+            let code = "41SLSP_HSG-sandbox_jfu"
+            console.log('view not set, using fallback view', code);
+            config.setView(code);
+            console.log('view is set to ', config.view());
+            resolve();
+        }
+        console.log('view was already set to ', config.view());
+        resolve();
+    })
+});

.ci/gulp/tasks/02-custom-html-templates.js

@@ -0,0 +1,40 @@
+'use strict';
+const gulp = require('gulp');
+const templateCache = require('gulp-angular-templatecache');
+const config = require('../config.js');
+const fs = require('fs');
+
+let buildParams = config.buildParams;
+
+gulp.task('custom-html-templates', gulp.series('select-view', (cb) => {
+    console.log('task: custom-html-templates');
+    prepareTemplates().on('end', cb);
+}));
+
+function parseModuleName() {
+
+    let mainJsContent = fs.readFileSync(buildParams.mainJsPath(), 'utf8');
+    let moduleString = "angular.module('";
+    let index = mainJsContent.indexOf(moduleString) + moduleString.length;
+    mainJsContent = mainJsContent.slice(index);
+    index = mainJsContent.indexOf("'");
+    let module = mainJsContent.slice(0, index);
+    return module;
+}
+
+function prepareTempltesWithBrowserify() {
+    let module = parseModuleName();
+    return gulp.src(buildParams.viewHtmlDir() + '/templates/**/*.html')
+        .pipe(templateCache({
+            filename: 'customTemplates.js',
+            module: module,
+            transformUrl: function (url) {
+                return url.replace(/^\/+/g, '');
+            }
+        }))
+        .pipe(gulp.dest(buildParams.viewJsDir()));
+}
+
+function prepareTemplates() {
+    return prepareTempltesWithBrowserify();
+}

.ci/gulp/tasks/03-custom-js.js

@@ -0,0 +1,54 @@
+'use strict';
+
+const gulp = require('gulp');
+const config = require('../config.js');
+const browserify = require("browserify");
+const source = require('vinyl-source-stream');
+const buffer = require('vinyl-buffer');
+const sourcemaps = require('gulp-sourcemaps');
+
+let buildParams = config.buildParams;
+
+gulp.task('custom-js', gulp.series('select-view', 'custom-html-templates', (cb) => {
+    console.log('task: custom-js');
+    buildByBrowserify().on('end', cb);
+}));
+
+function getBrowserifyBabelPlugins() {
+    return [
+        "transform-html-import-to-string", ["angularjs-annotate", { "explicitOnly": true }]
+    ];
+}
+
+function getDefaultBabelPlugins() {
+    return [
+        ["transform-define", {
+            "process.env.NODE_ENV": process.env.NODE_ENV,
+        }]
+    ];
+}
+
+const getBabelConfig = () => {
+    return ({
+        presets: ["@babel/preset-env"],
+        plugins: getDefaultBabelPlugins().concat(getBrowserifyBabelPlugins()),
+        sourceMaps: true,
+    });
+}
+
+function buildByBrowserify() {
+    return browserify({
+        debug: true,
+        entries: buildParams.mainJsPath(),
+        paths: [
+            buildParams.viewJsDir() + '/node_modules'
+        ]
+    })
+        .transform("babelify", getBabelConfig())
+        .bundle()
+        .pipe(source(buildParams.customJsFile))
+        .pipe(buffer())
+        .pipe(sourcemaps.init({ loadMaps: true }))
+        .pipe(sourcemaps.write('./'))
+        .pipe(gulp.dest(buildParams.viewJsDir()));
+}

.ci/gulp/tasks/04-custom-css.js

@@ -0,0 +1,14 @@
+'use strict';
+
+let gulp = require('gulp');
+let config = require('../config.js');
+let concat = require("gulp-concat");
+
+let buildParams = config.buildParams;
+
+gulp.task('custom-css', gulp.series('select-view', () => {
+    console.log('task: custom-css');
+    return gulp.src([buildParams.customCssMainPath(), '!' + buildParams.customCssPath()])
+        .pipe(concat(buildParams.customCssFile))
+        .pipe(gulp.dest(buildParams.viewCssDir()));
+}));

.ci/gulp/tasks/05-create-package.js

@@ -0,0 +1,38 @@
+'use strict';
+const gulp = require('gulp');
+const zip = require('gulp-zip');
+const config = require('../config.js');
+
+gulp.task('prepare-package', gulp.series('clean', 'select-view', 'custom-js', 'custom-css', function () {
+    console.log('task: prepare-package');
+    const code = config.view();
+    const tempDir = 'temp/';
+    const viewDir = tempDir + code;
+    gulp.src('*.*', { read: false })
+        .pipe(gulp.dest(viewDir));
+    console.log('copy files to temp view directory:', viewDir)
+    return gulp.src(['../', '../html/**', '../img/**', '../css/custom1.css', '../js/custom.js'], { base: '..' })
+        .pipe(gulp.dest(viewDir));
+}));
+
+gulp.task('zip-package', function () {
+    console.log('task: zip-package');
+    const code = config.view();
+    const tempDir = 'temp/';
+    const viewDir = tempDir + code;
+    const packagename = code + '.zip';
+    console.log('creating zip package form', viewDir);
+    console.log('packagename:', packagename);
+    return gulp.src(viewDir + '/**', { base: tempDir })
+        .pipe(zip(packagename))
+        .pipe(gulp.dest('.'));
+});
+
+gulp.task('create-package', gulp.series('prepare-package', 'zip-package', async function () {
+    console.log('task: create-package');
+    const code = config.view();
+    console.log('Package for ' + code + ' ready.');
+    console.log('do cleanup/post processing');
+    // cleanup
+    return;
+}));

.ci/gulpfile-ci.js

@@ -0,0 +1,10 @@
+'use-strict'
+const minimist = require('minimist');
+const requireDir = require('require-dir');
+requireDir('./gulp/tasks', { recurse: true });
+const config = require('./gulp/config.js');
+
+
+let options = minimist(process.argv.slice(2));
+config.setView(options.view);
+process.env.NODE_ENV = process.env.NODE_ENV || 'production';