refactor: use preferences api

extensions/later/package.json

@@ -9,6 +9,68 @@
  "Productivity",
  "Other"
  ],
+ "preferences": [
+ {
+ "name": "links_from",
+ "title": "Save Links From",
+ "type": "dropdown",
+ "description": "Choose your browser to save links from",
+ "required": true,
+ "default": "chrome",
+ "data": [
+ {
+ "title": "Google Chrome",
+ "value": "chrome"
+ },
+ {
+ "title": "Safari",
+ "value": "safari"
+ },
+ {
+ "title": "Firefox",
+ "value": "firefox"
+ },
+ {
+ "title": "Microsoft Edge",
+ "value": "edge"
+ },
+ {
+ "title": "Arc",
+ "value": "arc"
+ }
+ ]
+ },
+ {
+ "name": "links_to",
+ "title": "Open Links On",
+ "type": "dropdown",
+ "description": "Choose your browser to open links on",
+ "required": true,
+ "default": "chrome",
+ "data": [
+ {
+ "title": "Google Chrome",
+ "value": "chrome"
+ },
+ {
+ "title": "Safari",
+ "value": "safari"
+ },
+ {
+ "title": "Firefox",
+ "value": "firefox"
+ },
+ {
+ "title": "Microsoft Edge",
+ "value": "edge"
+ },
+ {
+ "title": "Arc",
+ "value": "arc"
+ }
+ ]
+ }
+ ],
  "license": "MIT",
  "commands": [
  {
@@ -31,13 +93,6 @@
  "subtitle": "Read Later",
  "description": "Added link manually",
  "mode": "view"
- },
- {
- "name": "preferences",
- "title": "Preferences",
- "subtitle": "Read Later",
- "description": "Read Later Preferences",
- "mode": "view"
  }
  ],
  "dependencies": {

extensions/later/src/components/ItemActions.tsx

@@ -1,12 +1,14 @@
 import React, { useCallback } from "react";
 import { ListItem } from "../types/common";
-import { Action, ActionPanel, Icon, LocalStorage } from "@raycast/api";
+import { Action, ActionPanel, Icon, getPreferenceValues } from "@raycast/api";
 import { open_link_handler } from "../utils/handler";
 import { Browser } from "../common/config";
+import { PreferenceValue } from "../types/validate";
 
 const ItemActions: React.FC<ListItem> = (props) => {
- const open_link_to_browser = useCallback(async () => {
- const browser = (await LocalStorage.getItem("links_to")) ?? "chrome";
+ const open_link_to_browser = useCallback(() => {
+ const preferences = getPreferenceValues<PreferenceValue>();
+ const browser = preferences.links_to ?? "chrome";
  const browser_name = Browser.find((item) => item.id === browser)?.name ?? "Google Chrome";
  open_link_handler({ url: props.url, browser_name: browser_name });
  }, []);

extensions/later/src/later.ts

@@ -1,14 +1,17 @@
-import { LocalStorage, closeMainWindow, showToast } from "@raycast/api";
+import { closeMainWindow, getPreferenceValues, showToast } from "@raycast/api";
 import { Scripts, expression } from "./utils/scripts";
 import { runAppleScript } from "run-applescript";
 import { add_link_handler } from "./utils/handler";
 import { splitter } from "./common/config";
+import { PreferenceValue } from "./types/validate";
 
 const later = async () => {
  const regex = new RegExp(expression);
+ const preference = getPreferenceValues<PreferenceValue>();
+
  await closeMainWindow();
  try {
- const browser = (await LocalStorage.getItem("links_from")) ?? "chrome";
+ const browser = preference.links_from ?? "chrome";
 
  const script = Scripts[browser as keyof typeof Scripts];