feat: enhance YouTube download UI with loading markdown and RPC initialization

- Add Markdown UI for displaying loading information
- Reorder RPC initialization in load method
- Bump package version to 0.1.5

Author: HuakunShen

jsr.json

@@ -1,6 +1,6 @@
 {
   "name": "@kunkun/kunkun-ext-youtube-downloader",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "license": "MIT",
   "exports": "./mod.ts",
   "imports": {

package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.kunkun.sh",
   "name": "kunkun-ext-youtube-dowloader",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "license": "MIT",
   "type": "module",
   "kunkun": {

src/index.ts

@@ -16,6 +16,7 @@ import {
   toast,
   ui,
   TemplateUiCommand,
+  Markdown,
 } from "@kksh/api/ui/template";
 import type { API } from "./api";
 import * as v from "valibot";
@@ -169,7 +170,6 @@ class DownloadYouTubeExtension extends TemplateUiCommand {
       });
   }
   async load() {
-    this.rpc = await getRpcAPI();
     const ffmpegExists = await shell.hasCommand("ffmpeg");
     if (!ffmpegExists) {
       toast.error("ffmpeg not found", {
@@ -186,6 +186,16 @@ class DownloadYouTubeExtension extends TemplateUiCommand {
       toast.warning("Invalid YouTube URL from clipboard");
       return ui.goBack();
     }
+
+    ui.render(
+      new Markdown(`
+# Download YouTube Video
+
+Loading Information from YouTube URL: ${url}
+`)
+    );
+
+    this.rpc = await getRpcAPI();
     const formats = await this.rpc.api.getAvailableResolutions(url);
     const form = new Form.Form({
       title: "Download YouTube Video",