V0.1

.gitignore

@@ -1,3 +1,4 @@
+.env
 .sass-cache
 node_modules
 cache/*
@@ -8,3 +9,4 @@ static/css/main-custom-*.min.css
 static/css/*css.map
 static/js/*js.map
 vendor
+.idea

CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## 0.1.0 - 28.03.2020
+
+**Fixes:**
+- Fixed error when when flushing cache	
+- Fixed issue when debug file was never created	
+- Fixed deprecation notice: "Array and string offset access syntax with curly braces" in AnyCommentGenericSettings.php	
+- Fixed problem when quotes in title was breaking cloud script launcher
+
+**Enhancements:**
+- Added `init` event, see repository Wiki for more information
+- Now only one form displayed on 'Reply' or 'Update' actions
+- Comments: completely rewritten to React Hooks
+- Comments: data management rewritten to Redux
+- Comments: rewritten to TypeScript
+- Comments: changed bundle builder to ParcelJS
+- Comments: using Formik to manage forms
+- Comments: website settings now propagated using React Context
+- Comments: now send button is always active. Previously button was changed to active when user started typing.
+- Comments: moved back to classic editor, no more needed to highlight text to see bold, italic, etc
+- Comments: removed redundant "Guest" sign from guest users
+- Comments: comment form is now standardized with cloud version which proved to have better UI/UX
+- Comments: replaced Google+ icon with generic Google one, as it was deprecated
+
+**Others:**
+- Dropping Email/chart support for plugin, now only Telegram, GitHub & WordPress Forum
+
 ## 0.0.99 – 04.01.2020
 
 **Enhancements:**

README.md

@@ -5,7 +5,7 @@ AnyComment is blazing-fast commenting plugin for WordPress based on React.
 
 It stands for simplicity & speed. We value feedback, so open new [issue](https://github.com/bologer/anycomment.io/issues) if you have any failures.
 
-Feel free to use [this demo page](https://anycomment.io/demo/).
+Feel free to use [this demo page](https://plugin.anycomment.io/demo/).
 
 # Installation 
 In order to start, you need:
@@ -18,10 +18,14 @@ In order to start, you need:
 # Coding Standard
 AnyComment source conforms to [PSR2](https://www.php-fig.org/psr/psr-2/).
 
-
 # Resources
-* [Official website](http://anycomment.io/en/)
-* [All guides](https://anycomment.io/en/category/tutorials/)
-* [Configure socials](https://anycomment.io/en/category/tutorials/socials/)
+* [Official website](http://plugin.anycomment.io/en/)
+* [All guides](https://plugin.anycomment.io/en/category/tutorials/)
+* [Configure socials](https://plugin.anycomment.io/en/category/tutorials/socials/)
 * [VK.com group](http://vk.com/anycomment)
 * [Telegram group](https://t.me/anycomment)
+
+## Contribution 
+- Clone project to `wp-content/plugins/anycomment` folder of your docker or local WordPress directory
+- Go to cloned directory
+- Run `./scripts/init.sh` and follow instructions

anycomment.php

@@ -3,7 +3,7 @@
  * Plugin Name: AnyComment
  * Plugin URI: https://anycomment.io
  * Description: AnyComment is an advanced commenting system for WordPress.
- * Version: 0.0.99
+ * Version: 0.1
  * Author: Bologer
  * Author URI: http://bologer.ru
  * Requires at least: 4.4
@@ -25,12 +25,18 @@
 	require __DIR__ . '/vendor/autoload.php';
 }
 
+$dotenv = Dotenv\Dotenv::createImmutable( __DIR__ );
+$dotenv->load();
+
 function anycomment() {
 	defined( 'ANYCOMMENT_PLUGIN_FILE' ) or define( 'ANYCOMMENT_PLUGIN_FILE', __FILE__ );
 	defined( 'ANYCOMMENT_LANG' ) or define( 'ANYCOMMENT_LANG', __FILE__ );
 	defined( 'ANYCOMMENT_ABSPATH' ) or define( 'ANYCOMMENT_ABSPATH', dirname( __FILE__ ) );
 	defined( 'ANYCOMMENT_PLUGIN_BASENAME' ) or define( 'ANYCOMMENT_PLUGIN_BASENAME', plugin_basename( __FILE__ ) );
-	defined( 'ANYCOMMENT_DEBUG' ) or define( 'ANYCOMMENT_DEBUG', false );
+
+	$enableDebug = getenv( 'ENV' ) === 'dev';
+
+	defined( 'ANYCOMMENT_DEBUG' ) or define( 'ANYCOMMENT_DEBUG', $enableDebug );
 
 	return \AnyComment\AnyCommentCore::instance();
 }

assets/theming/app.scss

@@ -53,7 +53,7 @@
 @import "custom/buttons";
 @import "custom/comments";
 @import "custom/gallery";
-@import "custom/editor-bubble";
+@import "custom/editor";
 @import "custom/global-header";
 // Comment form
 @import "custom/comment-form";

assets/theming/custom/_buttons.scss

@@ -1,4 +1,4 @@
-#{$root} {
+.anycomment-app {
   .anycomment-btn,
   .input[type="submit"],
   input + .input[type="button"] {

assets/theming/custom/_comment-form.scss

@@ -1,15 +1,9 @@
-#{$root} {
+.anycomment-app {
   // Send comment
   .anycomment-form {
     width: 100%;
     margin-bottom: 20px;
 
-    form {
-      border-top: 1px solid $semi-hidden-color;
-      margin-top: 16px;
-      padding-top: 15px;
-    }
-
     // Terms
     &__terms {
       display: flex;
@@ -65,14 +59,13 @@
     // List of inputs: name, email, website
     &__inputs {
       display: flex;
-      flex-direction: row;
+      flex-direction: column;
       flex-grow: 2;
       justify-content: space-between;
       margin-bottom: 20px;
 
       &-item {
-        flex-grow: 1;
-        padding-right: 5px;
+        margin-bottom: 4px;
 
         &:last-of-type {
           padding-right: 0;
@@ -274,9 +267,6 @@
   .anycomment-form-authorized {
     .anycomment-form-body-outliner {
       &__avatar {
-        position: absolute;
-        top: 15px;
-        left: 27px;
         @include avatar();
         @include avatar_child();
         z-index: 1;
@@ -304,7 +294,6 @@
       }
 
       &__inputs {
-        flex-direction: column;
         margin-bottom: 10px;
 
         &-item {
@@ -314,4 +303,4 @@
       }
     }
   }
-}
+}

assets/theming/custom/_comment-summary.scss

@@ -1,4 +1,4 @@
-#{$root} {
+.anycomment-app {
   .anycomment-summary {
     width: 100%;
     position: relative;
@@ -28,4 +28,4 @@
       }
     }
   }
-}
+}

assets/theming/custom/_common.scss

@@ -1,4 +1,4 @@
-#{$root} {
+.anycomment-app {
   &,
   & *,
   *:before,

assets/theming/custom/_global-header.scss

@@ -1,8 +1,9 @@
-#{$root} {
+.anycomment-app {
   .anycomment-global-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    margin-bottom: 15px;
 
     // Rating
     .anycomment-rating {
@@ -62,4 +63,4 @@
       }
     }
   }
-}
+}

assets/theming/custom/_variables.scss

@@ -54,4 +54,4 @@ $tooltip-background-color: $editor-bubble-color;
 $tooltip-text-color: #747B7E !default;
 $tooltip-border-radius: 10px !default;
 
-$root: '#anycomment-root' !default;
+$root: '.anycomment-app' !default;

assets/theming/custom/comments.scss

@@ -1,4 +1,4 @@
-#{$root} {
+.anycomment-app {
   display: flex;
   flex-grow: 1;
   flex-direction: column;
@@ -8,12 +8,6 @@
   background-color: $global-background-color;
   border-radius: $global-background-border-radius;
 
-  &-inner {
-    display: flex;
-    flex-grow: 1;
-    flex-direction: column;
-  }
-
   // Footer
   .anycomment-copy-footer {
     margin-top: $big-space;
@@ -480,7 +474,7 @@
     }
   }
 
-  &-inner > .anycomment-list {
+  & > .anycomment-list {
 
     ul.anycomment-list-child {
       .comment-single-body {
@@ -511,4 +505,4 @@
       }
     }
   }
-}
+}

assets/theming/custom/editor.scss

@@ -1,11 +1,12 @@
-#{$root} {
+.anycomment-app {
   .ql-container {
     box-sizing: border-box;
     font-family: $font-family;
     font-size: $font-size - 2;
     height: 100%;
     margin: 0;
     position: relative;
+    padding: 10px;
   }
   .ql-container.ql-disabled .ql-tooltip {
     visibility: hidden;
@@ -25,16 +26,15 @@
     padding: 0;
   }
   .ql-editor {
-    margin-left: $comment-parent-space;
-    min-height: $comment-field-default-height;
+    min-height: 120px;
     box-sizing: border-box;
     line-height: 1.42;
     height: 100%;
     outline: none;
     overflow-y: auto;
-    padding: 12px 15px;
     tab-size: 4;
     -moz-tab-size: 4;
+    font-size: $font-size;
     text-align: left;
     white-space: pre-wrap;
     word-wrap: break-word;
@@ -60,7 +60,7 @@
 
   .ql-editor {
     p {
-      line-height: 1.6;
+      line-height: 1.5;
       margin: 0 0 5px 0;
     }
   }
@@ -397,7 +397,7 @@
   .ql-editor.ql-blank::before {
     color: $semi-hidden-color;
     content: attr(data-placeholder);
-    font-style: italic;
+    font-style: normal;
     pointer-events: none;
     position: absolute;
   }
@@ -954,6 +954,7 @@
   }
   .ql-container.ql-snow {
     background-color: $form-field-background-color;
+    @include border-radius($global-radius);
   }
 
   .anycomment-lang-ru {

assets/theming/custom/gallery.scss

@@ -1,4 +1,4 @@
-#{$root} {
+.anycomment-app {
   .anycomment-uploads {
     margin: 5px 0;
     padding: 5px 0;
@@ -69,4 +69,4 @@
       justify-content: flex-end;
     }
   }
-}
+}

assets/theming/custom/mobile.scss

@@ -1,5 +1,4 @@
-#{$root} {
-
+.anycomment-app {
   @import '../common/mobile_variables';
 
   @mixin avatar() {
@@ -307,7 +306,7 @@
       }
     }
 
-    &-inner > .anycomment-list {
+    & > .anycomment-list {
 
       ul.anycomment-list-child {
         .comment-single-body {
@@ -346,4 +345,4 @@
       font-size: $font-size - 3;
     }
   }
-}
+}

composer.json

@@ -14,11 +14,17 @@
       "AnyComment\\": "includes/"
     }
   },
+  "scripts": {
+    "init": "./scripts/init.sh",
+    "init-dev": "./scripts/init-env.sh dev",
+    "init-prod": "./scripts/init-env.sh prod"
+  },
   "minimum-stability": "stable",
   "require": {
     "tedivm/stash": "0.14.*",
     "leafo/scssphp": "^0.7.7",
     "hybridauth/hybridauth": "v3.0.0-rc.9",
-    "monolog/monolog": "^1.0"
+    "monolog/monolog": "^1.0",
+    "vlucas/phpdotenv": "^4.1"
   }
 }