Adds a new Panel View Button for clearing the Mastodon cache manually.

Author: scottboms

README.md

@@ -76,6 +76,17 @@ Example Config:
 ```
 
 
+## Panel View Button
+
+The plugin includes a custom [Panel View Button](https://getkirby.com/releases/5/view-buttons) for Kirby 5.x to manually clear the Mastodon cache file which can be added to the site or a page blueprint using the `buttons` [option](https://getkirby.com/docs/reference/panel/blueprints/page#view-buttons).
+
+
+```yml
+buttons:
+  mastodoncache: true
+```
+
+
 ## Compatibility
 
 * Kirby 4.x

index.js

@@ -0,0 +1,9 @@
+(function(){"use strict";panel.plugin("scottboms/mastodon-feed",{viewButtons:{mastodoncache:{template:`
+				<k-button
+					icon="mastodon"
+					variant="filled"
+					theme="purple-icon"
+					size="sm"
+					@click="clearCache"
+				>Clear Cache
+				</k-button>`,data(){return{loading:!1}},methods:{async clearCache(){this.loading=!0;try{const e=await this.$api.post("mastodon/clear-cache");e.status==="ok"?this.$panel.notification.success({message:"Mastodon cache cleared",icon:"check",timeout:5e3}):e.status==="noop"&&this.$panel.notification.info({message:"No cache to clear",icon:"alert",theme:"notice",timeout:5e3})}catch(e){this.$panel.notification.error({message:e.message||"Request failed",timeout:5e3})}finally{this.loading=!1}}}}}})})();

index.php

@@ -32,7 +32,7 @@
 	info: [
 		'homepage' => 'https://github.com/scottboms/kirby-mastodon-feed'
 	],
-	version: '1.0.1',
+	version: '1.0.2',
 	license: 'MIT',
 	extends: [
 		'options' => [
@@ -45,6 +45,9 @@
 			'excludereplies' => true,
 			'onlymedia' 		 => false
 		],
+		'api' => [
+			'routes' => require __DIR__ . '/lib/routes.php'
+		],
 
 		'snippets' => [
 			'mastodon_feed' => __DIR__ . '/snippets/mastodon_feed.php'

lib/routes.php

@@ -0,0 +1,32 @@
+<?php
+
+use Scottboms\Mastodon\Feed;
+
+return [
+	[
+		'pattern' => 'mastodon/clear-cache',
+		'method'  => 'POST',
+		'auth'    => true, // require a panel-authenticated user
+		'action'  => function () {
+			// restrict to admins
+			$user = kirby()->user();
+			if (!$user || !$user->isAdmin()) {
+				throw new PermissionException('Not allowed.');
+			}
+
+			try {
+				$ok = Feed::clearFeedCache();
+				return [
+					'status'  => $ok ? 'ok' : 'noop',
+					'message' => $ok ? 'Feed cache cleared.' : 'Nothing to clear.'
+				];
+			} catch (Throwable $e) {
+				// return a clean error to the panel
+				return [
+					'status'  => 'error',
+					'message' => 'Cache clear failed: ' . $e->getMessage()
+				];
+			}
+		}
+	]
+];

package.json

@@ -2,7 +2,14 @@
   "name": "mastodon-feed",
   "description": "Mastodon Feed plugin for Kirby",
   "author": "Scott Boms <[email protected]>",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "kirby-plugin",
-  "license": "MIT"
+  "license": "MIT",
+	"scripts": {
+		"dev": "kirbyup serve src/index.js",
+		"build": "kirbyup src/index.js"
+	},
+	"devDependencies": {
+		"kirbyup": "^3.1.5"
+	}
 }

src/index.js

@@ -0,0 +1,48 @@
+panel.plugin("scottboms/mastodon-feed", {
+	viewButtons: {
+		mastodoncache: {
+			template: `
+				<k-button
+					icon="mastodon"
+					variant="filled"
+					theme="purple-icon"
+					size="sm"
+					@click="clearCache"
+				>Clear Cache
+				</k-button>`,
+			data() {
+				return { loading: false };
+			},
+			methods: {
+				async clearCache() {
+					// console.log('log','Mastodon Cache button click registered');
+					this.loading = true;
+					try {
+						const res = await this.$api.post('mastodon/clear-cache');
+						if (res.status === 'ok') {
+							this.$panel.notification.success({
+							  message: "Mastodon cache cleared",
+								icon: "check",
+							  timeout: 5000
+							});
+						} else if (res.status === 'noop') {
+							this.$panel.notification.info({
+							  message: "No cache to clear",
+								icon: "alert",
+								theme: "notice",
+							  timeout: 5000
+							});
+						}
+					} catch (e) {
+						this.$panel.notification.error({
+						  message: e.message || "Request failed",
+						  timeout: 5000
+						});
+					} finally {
+						this.loading = false;
+					}
+				}
+			},
+		},
+	},
+});