feat: add recent-doc to examples/api.

Author: Kokoro2336

examples/api/package.json

@@ -26,6 +26,7 @@
     "@tauri-apps/plugin-opener": "^2.5.3",
     "@tauri-apps/plugin-os": "^2.3.2",
     "@tauri-apps/plugin-process": "^2.3.1",
+    "@tauri-apps/plugin-recent-doc": "1.0.0",
     "@tauri-apps/plugin-shell": "^2.3.5",
     "@tauri-apps/plugin-store": "^2.4.2",
     "@tauri-apps/plugin-updater": "^2.10.0",

examples/api/src/App.svelte

@@ -14,6 +14,7 @@
   import Shortcuts from './views/Shortcuts.svelte'
   import Shell from './views/Shell.svelte'
   import Opener from './views/Opener.svelte'
+  import RecentDoc from './views/RecentDoc.svelte'
   import Store from './views/Store.svelte'
   import Updater from './views/Updater.svelte'
   import Upload from './views/Upload.svelte'
@@ -98,6 +99,11 @@
       component: Opener,
       icon: 'i-codicon-link-external'
     },
+    {
+      label: 'Recent Doc',
+      component: RecentDoc,
+      icon: 'i-codicon-history'
+    },
     {
       label: 'Store',
       component: Store,

examples/api/src/views/RecentDoc.svelte

@@ -0,0 +1,50 @@
+<script>
+  import { addRecentDocument, getRecentDocuments, clearRecentDocuments } from '@tauri-apps/plugin-recent-doc'
+  import { open } from '@tauri-apps/plugin-dialog'
+
+  export let onMessage
+</script>
+
+<div class="flex flex-col gap-2">
+  <button
+    class="btn"
+    on:click={async () => {
+      try {
+        const file = await open({
+          multiple: false,
+          title: 'Select a file to add to recent documents'
+        })
+        if (file) {
+          await addRecentDocument(file)
+          onMessage(`Added "${file}" to recent documents.`)
+        } else {
+          onMessage('No file selected.')
+        }
+      } catch (e) {
+        onMessage(e)
+      }
+    }}>Add document to recent list</button
+  >
+  <button
+    class="btn"
+    on:click={async () => {
+      try {
+        const files = await getRecentDocuments()
+        onMessage(files)
+      } catch (e) {
+        onMessage(e)
+      }
+    }}>Get recent documents</button
+  >
+  <button
+    class="btn"
+    on:click={async () => {
+      try {
+        await clearRecentDocuments()
+        onMessage('Cleared recent documents.')
+      } catch (e) {
+        onMessage(e)
+      }
+    }}>Clear recent documents</button
+  >
+</div>