Release/3.2.0 (#64)

* Slight improvement to how sorting options look when no pagination present
* Updated the React libraries to latest and minified versions

README.md

@@ -13,7 +13,7 @@ There are two ways to getting started using this gui:
 
 #### Copy/clone this repo
 
-The easiest way to start using the opcache-gui is to clone this repo, or simply to copy/paste/download the `index.php` file, to a location which your web server can load.  Then simply point your browser to that location, such as `https://www.example.com/opcache/index.php`.
+The easiest way to start using the opcache-gui is to clone this repo, or simply to copy/paste/download the `index.php` file, to a location which your web server can load.  Then point your browser to that location, such as `https://www.example.com/opcache/index.php`.
 
 #### Install via composer
 
@@ -124,7 +124,7 @@ The overview will show you all the core information.  From here you'll be able t
 
 All the files currently in the cache are listed here with their associated statistics.
 
-You can filter the results to help find the particular scripts you're looking for, and you can optionally set levels of the path to be hidden.  From here you can invalidate the cache for individual files or invalidate the cache for all the files matching your search.
+You can filter the results to help find the particular scripts you're looking for and change the way cached files are sorted.  From here you can invalidate the cache for individual files or invalidate the cache for all the files matching your search.
 
 If you do not want to show the file list at all then you can use the `allow_filelist` configuration option; setting it to `false` will suppress the file list altogether.
 
@@ -158,6 +158,9 @@ When the real-time updates are active the interface will automatically update al
 
 ## Releases
 
+**Version 3.2.0**\
+Updated ReactJS to latest and used minified versions and made slight improvement to sort option when no pagination is present.
+
 **Version 3.1.0**\
 Added the ability to sort the cached file list in a variety of ways.
 

build/_frontend/interface.jsx

@@ -723,7 +723,7 @@ class CachedFiles extends React.Component {
         const offset = (currentPage - 1) * this.props.perPageLimit;
         const filesInSearch = (searchTerm
             ? this.props.allFiles.filter(file => {
-                    return !(file.full_path.indexOf(searchTerm) == -1);
+                    return !(file.full_path.indexOf(searchTerm) === -1);
                 })
             : this.props.allFiles
         );

build/_frontend/interface.scss

@@ -306,18 +306,13 @@ $footer-border-color: #CCC;
 
   .paginate-filter {
     display: flex;
-    align-items: center;
+    align-items: baseline;
     justify-content: space-between;
     flex-wrap: wrap;
 
     .filter > * {
       padding: 3px;
-      margin-left: 3px;
-
-      @media screen and (max-width: 550px) {
-        padding: 3px;
-        margin: 3px 3px 10px 0;
-      }
+      margin: 3px 3px 10px 0;
     }
   }
 

build/build.php

@@ -4,7 +4,7 @@
  * OPcache GUI - build script
  *
  * @author Andrew Collington, andy@amnuts.com
- * @version 3.1.0
+ * @version 3.2.0
  * @link https://github.com/amnuts/opcache-gui
  * @license MIT, http://acollington.mit-license.org/
  */

build/template.phps

@@ -8,7 +8,7 @@ namespace Amnuts\Opcache;
  * A simple but effective single-file GUI for the OPcache PHP extension.
  *
  * @author Andrew Collington, andy@amnuts.com
- * @version 3.1.0
+ * @version 3.2.0
  * @link https://github.com/amnuts/opcache-gui
  * @license MIT, http://acollington.mit-license.org/
  */
@@ -66,8 +66,8 @@ $opcache = (new Service($options))->handle();
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>OPcache statistics on <?= $opcache->getData('version', 'host'); ?></title>
-    <script src="//unpkg.com/react@16/umd/react.development.js" crossorigin></script>
-    <script src="//unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
+    <script src="//unpkg.com/react/umd/react.production.min.js" crossorigin></script>
+    <script src="//unpkg.com/react-dom/umd/react-dom.production.min.js" crossorigin></script>
     <script src="//unpkg.com/axios/dist/axios.min.js" crossorigin></script>
     <style type="text/css">
         {{CSS_OUTPUT}}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "opcache-gui",
   "description": "A clean and responsive interface for Zend OPcache information, showing statistics, settings and cached files, and providing a real-time update for the information (using jQuery and React).",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "main": "index.js",
   "devDependencies": {
     "@babel/cli": "^7.12.8",

src/Opcache/Service.php

@@ -4,7 +4,7 @@ namespace Amnuts\Opcache;
 
 class Service
 {
-    const VERSION = '3.1.0';
+    const VERSION = '3.2.0';
 
     protected $data;
     protected $options;