Development

.distignore

@@ -23,6 +23,7 @@ composer.lock
 key.enc
 package-lock.json
 vue
+/src
 .github
 .vscode
 .wordpress-org

.eslintrc.js

@@ -4,23 +4,71 @@ module.exports = {
 		browser: true,
 		node: true,
 	},
-	extends: ['plugin:vue/recommended'],
-	// required to lint *.vue files
-	plugins: ['vue'],
-	// add your custom rules here
-	rules: {
-		'vue/no-dupe-keys': 'warn',
-		'vue/no-unused-components': 'warn',
-		'vue/no-side-effects-in-computed-properties': 'warn',
-		'vue/return-in-computed-property': 'warn',
-		'vue/no-unused-vars': 'warn',
-		'vue/no-textarea-mustache': 'warn',
-		'vue/require-valid-default-prop': 'warn',
-		'vue/multi-word-component-names': 'warn',
-		'vue/no-mutating-props': 'warn',
-	},
-	parserOptions: {
-		parser: 'babel-eslint',
-	},
-	globals: {},
+	overrides: [
+		// Vue files
+		{
+			files: ['vue/**/*.js', 'vue/**/*.vue'],
+			extends: ['plugin:vue/recommended'],
+			plugins: ['vue'],
+			parserOptions: {
+				parser: 'babel-eslint',
+			},
+			rules: {
+				'vue/no-dupe-keys': 'warn',
+				'vue/no-unused-components': 'warn',
+				'vue/no-side-effects-in-computed-properties': 'warn',
+				'vue/return-in-computed-property': 'warn',
+				'vue/no-unused-vars': 'warn',
+				'vue/no-textarea-mustache': 'warn',
+				'vue/require-valid-default-prop': 'warn',
+				'vue/multi-word-component-names': 'warn',
+				'vue/no-mutating-props': 'warn',
+			},
+		},
+		// React files
+		{
+			files: [ 'src/**/*.js' ],
+			extends: ['plugin:@wordpress/eslint-plugin/recommended'],
+			parserOptions: {
+				ecmaFeatures: {
+					jsx: true,
+				},
+				ecmaVersion: 'latest',
+				sourceType: 'module',
+			},
+			rules: {
+				'linebreak-style': ['error', 'unix'],
+				'array-bracket-spacing': [
+					'warn',
+					'always',
+					{
+						arraysInArrays: false,
+						objectsInArrays: false,
+					},
+				],
+				'key-spacing': [
+					'warn',
+					{
+						beforeColon: false,
+						afterColon: true,
+					},
+				],
+				'object-curly-spacing': [
+					'warn',
+					'always',
+					{
+						arraysInObjects: true,
+						objectsInObjects: false,
+					},
+				],
+				'@wordpress/i18n-text-domain': [
+					'error',
+					{
+						allowedTextDomain: 'tweet-old-post',
+					},
+				],
+				'@wordpress/no-unsafe-wp-apis': 0,
+			},
+		},
+	],
 };

.github/workflows/build-dev-artifacts.yml

@@ -41,6 +41,7 @@ jobs:
         run: |
           npm ci
           npm run build-dev
+          npm run sharing
       - name: Create Zip file
         run: npm run dist
       - name: Retrieve branch name

.github/workflows/deploy-to-wporg.yml

@@ -20,6 +20,7 @@ jobs:
         run: |
           npm ci
           npm run build
+          npm run sharing
           composer install --no-dev --prefer-dist --no-progress --no-suggest
       - name: WordPress Plugin Deploy
         uses: 10up/action-wordpress-plugin-deploy@master

.github/workflows/e2e.yml

@@ -40,6 +40,7 @@ jobs:
       - name: Make build
         run: |
           npm run build
+          npm run sharing
 
       - name: Setup WP Env
         run: |

.gitignore

@@ -10,4 +10,5 @@ assets/.DS_Store
 .DS_Store
 temp-images
 .vscode
-assets/js/build
+assets/js/build
+assets/js/react

assets/css/rop.css

@@ -17,4 +17,103 @@
 .revive-old-posts_page_rop_content_filters #wpbody-content > #rop_content_filters,
 .toplevel_page_TweetOldPost #wpbody-content > #rop_core {
     display: block !important;
-}
+}
+
+.revive-social-sidebar .revive-social__toggle > .components-base-control__field > .components-flex {
+    flex-direction: row-reverse;
+}
+
+.revive-social-platform-icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-weight: bold;
+  font-size: 14px;
+  flex-shrink: 0;
+}
+
+.revive-social__checkbox {
+    --checkbox-input-size: 20px;
+}
+
+.revive-social__modal table {
+    width: 100%;
+}
+
+.revive-social__modal th {
+    text-align: left;
+    padding: 0 0 1rem 0;
+}
+
+.revive-social__modal tbody tr {
+    height: 40px;
+}
+
+.revive-social__spinner svg {
+    margin: 0;
+}
+
+.revive-social__spinner p {
+    margin: 0;
+}
+
+.revive-social__sharing-buttons .components-button {
+    padding: 0;
+    height: auto;
+}
+
+.revive-social__sharing-buttons .revive-social-platform-icon {
+    border-radius: 0;
+    font-size: 16px;
+    width: 32px;
+    height: 32px;
+}
+
+.revive-social__sharing-buttons .revive-social-platform-icon:hover {
+    opacity: 0.8;
+}
+
+.facebook-icon {
+    background-color: #1877f2;
+}
+.twitter-icon {
+    background-color: #000000;
+}
+.linkedin-icon {
+    background-color: #0077b5;
+}
+.instagram-icon {
+    background: linear-gradient(135deg, #fbbf24, #ef4444, #8b5cf6);
+}
+.telegram-icon {
+    background-color: #0088cc;
+}
+.tumblr-icon {
+    background-color: #001935;
+}
+.vk-icon {
+    background-color: #0074ab;
+}
+.mastodon-icon {
+    background-color: #6364ff;
+}
+.gmb-icon {
+    background-color: #323b43;
+}
+.webhook-icon {
+    background-color: #ffbc42;
+}
+.bluesky-icon {
+    background-color: #0ea5e9;
+}
+.whatsapp-icon {
+    background-color: #25d366;
+}
+
+.link-icon {
+    background-color: #0073aa;
+}

assets/css/rop_core.css

@@ -847,6 +847,12 @@ a.active {
     display: flex;
     align-items: center;
 }
+#rop_core .btn.btn-bluesky {
+    background-color: #1A8CD8;
+    color: #fff;
+    display: flex;
+    align-items: center;
+}
 
 #rop_core
 .btn:is(

assets/js/react/build/index.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('lodash', 'react', 'wp-api-fetch', 'wp-block-editor', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-editor', 'wp-element', 'wp-notices', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => 'eb694ccc60bb285f9067');

docs/rop.md

@@ -247,10 +247,6 @@ General Settings data structure:
   "custom_messages": false,
   "custom_messages_share_order": false,
   "instant_share": true,
-  "true_instant_share": true,
-  "instant_share_default": true,
-  "instant_share_choose_accounts_manually": false,
-  "instant_share_future_scheduled": false,
   "start_time": 1706886799,
   "minute_interval": 5,
   "available_shorteners": {