Add initial version of dashboard

Author: marickvantuil

README.md

@@ -95,6 +95,27 @@ Please check the table below on what the values mean and what their value should
 |`STACKKIT_CLOUD_TASKS_QUEUE`|The queue a job will be added to|`emails`
 |`STACKKIT_CLOUD_TASKS_SERVICE_EMAIL`|The email address of the AppEngine service account. Important, it should have the *Cloud Tasks Enqueuer* role. This is used for securing the handler.|`my-service-account@appspot.gserviceaccount.com`
 
+## Dashboard
+
+The package comes with a dashboard that can be used to monitor all queued jobs.
+
+To make use of it, publish its assets:
+
+```
+php artisan vendor:publish --tag=cloud-tasks-assets
+```
+
+We expose a dashboard at the /cloud-tasks URI. By default, you will only be able to access this dashboard in the local environment. However, within your app/Providers/AppServiceProvider.php file, there is an authorization gate definition. This authorization gate controls access to Cloud Tasks in non-local environments. You are free to modify this gate as needed to restrict access to your Cloud Tasks installation:
+
+
+```php
+Gate::define('viewCloudTasks', function ($user) {
+    return in_array($user->email, [
+        'me@example.com',
+    ]);
+});
+```
+
 # Authentication
 
 Set the `GOOGLE_APPLICATION_CREDENTIALS` environment variable with a path to the credentials file.

composer.json

@@ -9,8 +9,8 @@
     ],
     "require": {
         "ext-json": "*",
-        "google/cloud-tasks": "^v1.9",
-        "firebase/php-jwt": "^5.5",
+        "google/cloud-tasks": "^1.6",
+        "firebase/php-jwt": "^5.2",
         "phpseclib/phpseclib": "~2.0"
     },
     "require-dev": {

dashboard/.gitignore

@@ -0,0 +1,4 @@
+node_modules
+.DS_Store
+dist-ssr
+*.local

dashboard/.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  trailingComma: 'es5',
+  tabWidth: 2,
+  semi: false,
+  singleQuote: true,
+}

dashboard/README.md

@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)