[Pinboard] Autocomplete existing tags

[rayepeng]

Extension

https://www.raycast.com/fe9lix/pinboard

Description

When I add a bookmark, I want to autocomplete existing tags

I tried to modify it myself, but I have some problems

get all existing tags

// get all tags
export async function getAllTags(): Promise<string[]> {
  const params = new URLSearchParams();
  params.append("format", "json");
  params.append("auth_token", apiToken);

  const response = await fetch(apiBasePath + "/tags/get?" + params.toString(), {
    method: "get",
  });

  if (!response.ok) {
    return Promise.reject(response.statusText);
  }
  const result = (await response.json()) as Record<string, unknown>;
  return Object.keys(result);
}


  const [tags, setTags] = useState<string[]>([]);
  useEffect(() => {
    (async () => {
      try {
        const tags = await getAllTags(); 
        setTags(tags);
      } catch (error) {
        console.error("Could not get tags", error);
      }
    })();
  }, []);

and then:

<Form.TagPicker id="tags" title="Tags">
        {tags.map((tag) => (
          <Form.TagPicker.Item key={tag} value={tag} title={tag} />
        ))}
</Form.TagPicker>

finally like this:

But in this way, only existing tags can be automatically selected, and new tags cannot be added. Is there a solution?

Who will benefit from this feature?

No response

Anything else?

No response

[raycastbot]

Thank you for opening this issue!

🔔 @fe9lix you might want to have a look.

💡 Tip: Once the issue is resolved, comment @raycastbot close this issue to close it.

[raycastbot]

This issue has been automatically marked as stale because it did not have any recent activity.

It will be closed if no further activity occurs in the next 10 days to keep our backlog clean 😊

[raycastbot]

This issue has been automatically closed due to inactivity.

Feel free to comment in the thread when you're ready to continue working on it 🙂

You can also catch us in Slack if you want to discuss this.