Update extension icon and README for Google Search extension

README.md

@@ -1,85 +1,7 @@
-# Kunkun Template UI Extension
+# Google Search Extension for Kunkun
 
-This is a template for a template UI extension. (UI follows pre-defined template)
+Google search with autosuggestions is an extension for [Kunkun](https://kunkun.sh/).
 
-[./src/index.ts](./src/index.ts) is the default entrypoint for the extension. You can import any other files in this file, but the build process will bundle them into a single file.
+## Please note
 
-## Pros and Cons
-
-This type of extension is suitable for simple use cases, such as a list or form. All components are pre-defined, so there is not much room for customization. If you want more flexibility on the UI, consider using [Custom UI Extension](https://docs.kunkun.sh/extensions/custom-ui-ext/), which requires some frontend knowledge but gives you full control over the UI.
-
-Read documentation at https://docs.kunkun.sh/extensions/worker-template/
-
-Make sure you understand what this type of extension is capable of.
-
-### Pros
-
-- Simple to develop, no need for any frontend knowledge.
-- Small bundle size (~40KB)
-  - [Custom UI Extension](https://docs.kunkun.sh/extensions/custom-ui-ext/) are usually larger than 300KB.
-
-### Cons
-
-- Limited UI customization. Not suitable for complex use cases.
-
-Consider [Custom UI Extension](https://docs.kunkun.sh/extensions/custom-ui-ext/) if you need more complex UI.
-
-## Development
-
-```bash
-pnpm install
-```
-
-Start extension in development mode. Every save will trigger a hot reload in Kunkun.
-
-```bash
-pnpm dev
-```
-
-- During development, right click in Kunkun to open the developer tools.
-  - Error messages will be shown in the console.
-  - If you got any permission error while calling Kunknu's APIs, make sure you've declared the permission in `package.json`. Then go back to home page and enter the extension again to re-apply the permission.
-- To develop and preview the extension in Kunkun, you need to run the `Add Dev Extension` command in Kunkun, and register this extension's path.
-
-Build the extension. Your extension source code can contain many files, but the build process will bundle them into a single file.
-
-```bash
-pnpm build
-# Due to Bun's bug, if you are on windows, and install dependencies with pnpm, you may get error during build.
-# Try install dependencies with bun or npm instead.
-```
-
-## i18n
-
-[./src/i18n](./src/i18n/) contains optional internationalization support starter code.
-
-If you want to support i18n, you can use the `t` function to translate the strings in the extension.
-
-User's language setting is available via `app.language()`.
-
-```ts
-import { app } from "@kksh/api/ui/template"
-import { setupI18n, t } from "./src/i18n"
-
-setupI18n("zh")
-console.log(t("welcome"))
-
-setupI18n(await app.language())
-console.log(t("welcome"))
-```
-
-## Add More Commands
-
-If you want to add more template worker extension commands, simply modify the `entrypoints` array in [./build.ts](./build.ts).
-
-Then in `package.json`, register the new command.
-
-## Verify Build and Publish
-
-```bash
-pnpm build # make sure the build npm script works
-npx kksh@latest verify # Verify some basic settings
-npx kksh@latest verify --publish # Verify some basic settings before publishing
-```
-
-See [Documentation](https://docs.kunkun.sh/guides/extensions/publish/design/) for more details on how to publish your extension. You will need to publish your extension package to npm or jsr first with GitHub actioin, then register it on Kunkun's website.
+The extension will fail on Mac if you have the "Limit IP Address Tracking" setting enabled in System Preferences > Network.

package.json

@@ -27,7 +27,7 @@
     "demoImages": [],
     "icon": {
       "type": "iconify",
-      "value": "material-symbols:extension"
+      "value": "flat-color-icons:google"
     },
     "customUiCmds": [],
     "templateUiCmds": [

src/index.ts

@@ -11,7 +11,7 @@ import {
   ui,
 } from "@kksh/api/ui/template";
 import { getAutoSearchResults, getStaticResult } from "./utils/handleResults";
-import { SearchResult } from "./utils/types";
+import type { SearchResult } from "./utils/types";
 
 const Actions = {
   OpenInBrowser: "Open in Browser",
@@ -28,8 +28,6 @@ class DemoExtension extends TemplateUiCommand {
   private cancelRef: AbortController | null = null;
 
   async load() {
-    // load method is run when the extension is loaded, you can use it as an initializer
-    console.log("Extension loaded");
     this.updateUI();
   }
 
@@ -49,7 +47,6 @@ class DemoExtension extends TemplateUiCommand {
     try {
       this.isLoading = true;
       this.updateUI();
-      console.log("Fetching auto results for:", searchText);
 
       if (searchText) {
         const autoSearchResult = await getAutoSearchResults(
@@ -57,7 +54,6 @@ class DemoExtension extends TemplateUiCommand {
           this.cancelRef.signal
         );
         this.autoResults = autoSearchResult;
-        console.log("Auto results fetched:", this.autoResults);
       } else {
         this.autoResults = [];
         console.log("No search text, auto results cleared");
@@ -66,21 +62,14 @@ class DemoExtension extends TemplateUiCommand {
       this.isLoading = false;
       this.updateUI();
     } catch (error) {
-      if (error instanceof AbortError) {
-        return;
-      }
-
-      console.error("Search error", error);
-      toast.error(`Could not perform search ${String(error)}`);
+      console.error("Could not perform search", error);
     }
   }
 
   combineResults() {
-    console.log("Combining results");
     this.results = [...this.staticResults, ...this.autoResults].filter(
       (value, index, self) => index === self.findIndex((t) => t.id === value.id)
     );
-    console.log("Combined results:", this.results);
   }
 
   updateUI() {
@@ -129,7 +118,9 @@ class DemoExtension extends TemplateUiCommand {
                       }),
                       icon: new Icon({
                         type: IconEnum.Iconify,
-                        value: "material-symbols:search",
+                        value: result.isNavigation
+                          ? "material-symbols:open-in-new"
+                          : "material-symbols:search",
                       }),
                     })
                 ),

src/utils/handleResults.ts

@@ -88,8 +88,6 @@ export async function getAutoSearchResults(
       }
     });
 
-    console.log(results);
-
     return results;
   } catch (error) {
     console.error("Error in getAutoSearchResults", error);