Release 2.4.0

* Begin work on 2.4.0

* Finish gulp pipeline

* 2.4.0 Progress

* Finish early stages of data cleaning - committing before breaking code into modules

* Finish modularizing code + begin working on manual citations

* Finish manual reference insertion

* Begin working on smart bibliography

* Continue with smart bibliography

* Commit prior to hacking around with webpack

* Commit prior to testing gulp + webpack

* Finish webpack setup and directory rework

* Convert metaboxes.js to typescript + small optimizations

* Begin early stages of pubmed query feature

* Add React and begin pubmed query

* Finish ground work with pubmed search

* Finish pubmed query + add attach inline

* Commit prior to working on inline citation component

* Finish release 2.4.0

.gitignore

@@ -1,2 +1,5 @@
 .git
 node_modules
+dist
+npm-debug.log
+typings

CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+### 2.4.0
+- Parse multiple comma-separated PMIDs at once into an ordered list.
+- Option to add references manually for Journals, Websites, or Books.
+- Search PubMed from WordPress!
+    - References from your search are displayed in a list similar to native PubMed and, if you find one you like, click it and it'll be inserted into your post.
+- Add optional "Smart Bibliography" feature which, if enabled, allows you to...
+    - Insert references directly to your bibliography without having to scroll down.
+    - Insert references and inline citations in one step.
+    - Choose from a visual list of references in your bibliography if you do not choose to add citations in one step.
+- If Smart Bibliography not used, the last-occurring ordered list is automatically tagged with the HTML ID `abt-smart-bib` on load to allow for more reliable tooltip rendering.
+- Details for nerds:
+    - Full rewrite; a majority of which is using React by Facebook.
+    - Speed improvements & resource minification.
+
+### 2.3.1
+- Fixed poor rendering of tooltip close icon on mobile.
+- Increase size of toucharea for tooltip close icon on mobile.
+
 ### 2.3.0
 - Tooltips on desktop and mobile given a much-needed facelift.
 - Tooltips now appear above or below depending on page scroll position (prevents chopping).

academic-bloggers-toolkit.php

@@ -3,13 +3,12 @@
 /*
  *	Plugin Name: Academic Blogger's Toolkit
  *	Plugin URI: https://wordpress.org/plugins/academic-bloggers-toolkit/
- *	Description: A Wordpress plugin extending the functionality of Wordpress for Academic Blogging
- *	Version: 2.3.0
+ *	Description: A plugin extending the functionality of Wordpress for academic blogging
+ *	Version: 2.4.0
  *	Author: Derek P Sifford
- *	Author URI: http://www.twitter.com/flightmed1
- *	License: GPL3
- *	License URI: https://www.gnu.org/licenses/gpl-3.0.html
-*/
+ *	Author URI: https://github.com/dsifford
+ *	License: GPL3 or later
+ */
 
 // Assign Global Variables
 
@@ -20,9 +19,7 @@
 // Enqueue Stylesheets
 
 function abt_enqueue_styles() {
-
-	wp_enqueue_style( 'abt_shortcodes_stylesheet', plugins_url('academic-bloggers-toolkit/inc/css/shortcodes.css') );
-
+	wp_enqueue_style( 'abt_frontend_styles', plugins_url('academic-bloggers-toolkit/inc/css/frontend.css') );
 }
 add_action( 'wp_enqueue_scripts', 'abt_enqueue_styles');
 

docker-compose.yml

@@ -0,0 +1,20 @@
+version: '2'
+services:
+  wordpress:
+    image: dsifford/wordpress
+    links:
+      - db
+    ports:
+      - 8080:80
+      - 443:443
+    volumes:
+      - ./dist:/app/wp-content/plugins/academic-bloggers-toolkit
+    environment:
+      DB_NAME: wordpress
+      DB_PASS: root
+  db:
+    image: mysql:5.7
+    ports:
+      - 3306:3306
+    environment:
+      MYSQL_ROOT_PASSWORD: root

gulpfile.js

@@ -0,0 +1,71 @@
+var gulp         = require('gulp');
+var uglify       = require('gulp-uglify');
+var sass         = require('gulp-sass');
+var autoprefixer = require('gulp-autoprefixer');
+var cleanCSS     = require('gulp-clean-css');
+var browserSync  = require('browser-sync').create();
+var webpack      = require('webpack-stream');
+var del          = require('del');
+
+gulp.task('clean', function () {
+  return del([
+    'dist/inc/**/*',
+  ]);
+});
+
+gulp.task('sass', function () {
+  return gulp.src(['./inc/**/*.scss'], { base: './' })
+  .pipe(sass().on('error', sass.logError))
+  .pipe(autoprefixer({ browsers: ['last 2 versions'] }))
+  .pipe(cleanCSS({ compatibility: 'ie10' }))
+  .pipe(gulp.dest('./dist'))
+  .pipe(browserSync.stream());
+});
+
+gulp.task('webpack', function () {
+  return gulp.src('inc/js/frontend.ts')
+  .pipe(webpack(require('./webpack.config.js')))
+  .pipe(gulp.dest('dist/'));
+});
+
+gulp.task('build', ['clean', 'webpack', 'sass'], function () {
+  gulp.src([
+    './academic-bloggers-toolkit.php',
+    './CHANGELOG.md',
+    './LICENSE',
+    './readme.txt',
+    './inc/**/*',
+    '!./inc/**/*.{ts,tsx,js,css,scss,json}',
+    '!./**/__tests__',
+    '!./inc/js/utils',
+  ], { base: './' })
+  .pipe(gulp.dest('./dist'));
+});
+
+gulp.task('serve', ['build'], function () {
+  browserSync.init({
+    proxy: 'localhost:8080',
+    open: false,
+  });
+
+  gulp.watch(['./inc/**/*.tsx?'], ['webpack']).on('change', browserSync.reload);
+  gulp.watch('./inc/**/*.scss', ['sass']);
+  gulp.watch([
+    './inc/**/*',
+    '!./inc/**/*.{tsx?,scss}',
+    '!__tests__/**/*',
+  ], ['build']).on('change', browserSync.reload);
+});
+
+gulp.task('remove-mapfiles', function (cb) {
+  del(['./dist/**/*.map']);
+  cb();
+});
+
+gulp.task('minify-js', ['remove-mapfiles'], function () {
+  gulp.src(['./dist/**/*.js'])
+  .pipe(uglify())
+  .pipe(gulp.dest('./dist/'));
+});
+
+gulp.task('deploy', ['remove-mapfiles', 'minify-js']);

inc/css/admin.scss

@@ -0,0 +1,18 @@
+
+i.mce-i-abt_menu {
+	font: normal 25px/1 'dashicons';
+	padding: 0;
+	vertical-align: top;
+	speak: none;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	margin-left: -2px;
+	padding-right: 2px;
+}
+
+#abt_menubutton:hover,
+#abt_menubutton.mce-active,
+#abt_menubutton:hover *,
+#abt_menubutton.mce-active * {
+	color: rgb(50, 55, 60);
+}