init

gmfmi · May 28, 2020 · 92f4767 · 92f4767
1 parent b5a6ff6
commit 92f4767
Show file tree

Hide file tree

Showing 15 changed files with 5,862 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Gm Fmi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -1,2 +1,3 @@
-# searchinghost-easy
-Beautiful search bars made accessible to anyone
+# SearchinGhost Easy
+
+Beautiful search bars made accessible to any Ghost CMS user
diff --git a/dist/searchinghost-easy-backpack.js b/dist/searchinghost-easy-backpack.js
diff --git a/dist/searchinghost-easy-basic.js b/dist/searchinghost-easy-basic.js
diff --git a/docs/backpack/index.html b/docs/backpack/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>"Backpack" theme | SearchinGhost Easy</title>
+    <style>
+        .main {
+            height: 3000px;
+            text-align: center;
+            padding-top: 5em;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="main">
+        <a href="#searchinghost-easy">Open Search Box</a>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/gh/gmfmi/searchinghost-easy@0.1.0/dist/searchinghost-easy-backpack.js"></script>
+    <!-- <script src="../../dist/searchinghost-easy-backpack.js"></script> -->
+    <script>
+        new SearchinGhostEasy({
+            contentApiKey: '22444f78447824223cefc48062',
+            apiUrl: 'https://demo.ghost.io'
+        });
+    </script>
+
+</body>
+</html>
diff --git a/docs/basic/index.html b/docs/basic/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>"Basic" theme | SearchinGhost Easy</title>
+    <style>
+        .main {
+            height: 3000px;
+            text-align: center;
+            padding-top: 5em;
+        }
+    </style>
+</head>
+<body>
+
+    <div class="main">
+        <a href="#searchinghost-easy">Open Search Box</a>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/gh/gmfmi/searchinghost-easy@0.1.0/dist/searchinghost-easy-basic.js"></script>
+    <!-- <script src="../../dist/searchinghost-easy-basic.js"></script> -->
+    <script>
+        new SearchinGhostEasy({
+            contentApiKey: '22444f78447824223cefc48062',
+            apiUrl: 'https://demo.ghost.io',
+            searchEngineOptions: {
+                template: (post) => `<a href="${post.url}">${post.published_at} - ${post.title}</a>`,
+                debug: true
+            }
+        });
+    </script>
+
+</body>
+</html>
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,67 @@
+const pkg = require('./package.json');
+const { src, dest, series, watch } = require('gulp');
+const flatmap = require('gulp-flatmap');
+const del = require('delete');
+const rename = require("gulp-rename");
+const htmlmin = require('gulp-htmlmin');
+const webpack = require('webpack-stream');
+const header = require('gulp-header');
+const replace = require('gulp-replace');
+
+let isProduction = true;
+
+function clean(cb) {
+    del('dist/**', cb);
+}
+
+/**
+ * This is a tricky one.
+ * First we iterate over the theme template to load them in memory,
+ * then, we start from 'searchinghost-easy.js' and replace the HTML into
+ * the getHtmlTemplate() function. That's why we need 'flatmap'.
+ */
+function generate(cb) {
+    return src('themes/**/*.html')
+        .pipe(htmlmin({
+            collapseWhitespace: true,
+            collapseInlineTagWhitespace: true,
+            removeComments: true,
+            removeAttributeQuotes: true,
+            minifyCSS: true,
+            minifyJS: true
+        }))
+        .pipe(flatmap(function(stream, file){
+            let name = file.path.split(/[\\/]/).pop().split('.').shift();
+            let htmlContent = file.contents.toString().replace(/"/g, '\\"');
+            return src('src/searchinghost-easy.js')
+                .pipe(webpack({
+                    mode: 'production',
+                    output: {
+                        filename: `${name}.js`,
+                        library: 'SearchinGhostEasy',
+                        libraryExport: 'default',
+                    },
+                    optimization: {
+                        minimize: isProduction
+                    }
+                }))
+                .pipe(replace('{{HTML_TEMPLATE}}', htmlContent));
+        }))
+        .pipe(rename({ prefix: "searchinghost-easy-", extname: '.js' }))
+        .pipe(header(`/*! searchinghost-easy v${pkg.version} (${pkg.homepage}) license ${pkg.license} */\n`))
+        .pipe(dest('dist'));
+}
+
+function build() {
+    isProduction = true;
+    return series(clean, generate);
+}
+
+function watchFiles() {
+    isProduction = false;
+    watch(['themes/**/*.html', 'src/searchinghost-easy.js'], { ignoreInitial: false }, generate);
+}
+
+exports.default = build();
+exports.build = build();
+exports.watch = watchFiles;