Basic search working

Author: joepio

README.md

@@ -9,6 +9,9 @@ _Note: this extension is beta and not yet available in the Raycast store_
 ## Running locally
 
 ```sh
+# make sure you have Raycast and Yarn / NPM installed
 yarn
+# Start local server
 yarn dev
+# Now open raycast. The dev tool should be the top item!
 ```

assets/android-chrome-512x512.png

@@ -1,21 +1,24 @@
 {
  "$schema": "https://www.raycast.com/schemas/extension.json",
  "name": "atomic",
- "title": "atomic",
+ "title": "Atomic Data",
  "description": "Search inside your Atomic-Server data",
  "icon": "command-icon.png",
  "author": "joepio",
  "license": "MIT",
  "commands": [
  {
  "name": "index",
- "title": "Show List and Detail",
- "description": "Template for showing a static list and a detail view",
+ "title": "Search Atomic Data resources",
+ "description": "Search inside your Atomic-Server data",
  "mode": "view"
  }
  ],
  "dependencies": {
- "@raycast/api": "^1.26.3"
+ "@raycast/api": "^1.26.3",
+ "@tomic/lib": "^0.30.1",
+ "@tomic/react": "^0.30.2",
+ "node-fetch": "^3.1.0"
  },
  "devDependencies": {
  "@types/node": "~16.10.0",
@@ -32,4 +35,4 @@
  "dev": "ray develop",
  "lint": "ray lint"
  }
-}
+}

package.json

@@ -1,18 +1,78 @@
-import { ActionPanel, Detail, List, PushAction } from "@raycast/api";
+import { ActionPanel, Detail, List, OpenInBrowserAction, PushAction } from "@raycast/api";
+import { useServerSearch, StoreContext, useTitle, useResource, useString } from '@tomic/react';
+import { Store, urls } from '@tomic/lib';
+import React from "react";
+
+const store = new Store({
+ // By setting a Base URL, we tell the client where to send Commits to.
+ serverUrl: "https://atomicdata.dev"
+});
 
 export default function Command() {
+
  return (
- <List>
- <List.Item
- key="1"
- icon="list-icon.png"
- title="Greeting"
- actions={
- <ActionPanel>
- <PushAction title="Show Details" target={<Detail markdown="# Hey! 👋" />} />
- </ActionPanel>
- }
- />
- </List>
+ <StoreContext.Provider value={store}>
+ <Content />
+ </StoreContext.Provider>
  );
 }
+
+function Content() {
+ const [query, setQuery] = React.useState("");
+ const { results, loading, error } = useServerSearch(query, {
+ include: true,
+ });
+
+ const onSearchTextChange = async (text: string) => {
+ setQuery(text);
+ }
+
+ return (
+ <List
+ navigationTitle="Atomic Data Search"
+ searchBarPlaceholder="Search your Atomic Server..."
+ isLoading={loading}
+ onSearchTextChange={onSearchTextChange}
+ >
+ {error && <List.Item title={error.message} />}
+ {query.length > 0 && results && results.map(subject => (
+ <SearchHit
+ subject={subject}
+ key={subject}
+ />
+ ))}
+ </List>
+ )
+}
+
+interface SearchHitProps {
+ subject: string,
+}
+
+function SearchHit({ subject }: SearchHitProps) {
+ const resource = useResource(subject);
+
+ const title = useTitle(resource);
+ const [description] = useString(resource, urls.properties.description);
+
+ const klass = useResource(resource.getClasses()[0]);
+ const klassTitle = useTitle(klass);
+
+ const md = `# ${title} \n\n ${description}`;
+
+ return (
+ <List.Item
+ key={subject}
+ icon="list-icon.png"
+ title={title}
+ subtitle={description || ""}
+ accessoryTitle={klassTitle}
+ actions={
+ <ActionPanel>
+ <PushAction title="Show Details" target={<Detail markdown={md} actions={<ActionPanel><OpenInBrowserAction title="Open in browser" url={subject} /></ActionPanel>}/>} />
+ <OpenInBrowserAction title="Open in browser" url={subject} />
+ </ActionPanel>
+ }
+ />
+ )
+}

src/index.tsx

@@ -106,6 +106,20 @@
  dependencies:
  defer-to-connect "^1.0.1"
 
+"@tomic/lib@^0.30.1":
+ version "0.30.1"
+ resolved "https://registry.yarnpkg.com/@tomic/lib/-/lib-0.30.1.tgz#565bf34596d8d5110b86eb10557d8c6598200771"
+ integrity sha512-qp8AmZMYAeYOjypyQQHN0H8U9LL9+C4B/x3SGJWyd6hmdDvc/tW9x69WOb76FjL+xON+OoPsZc5YT3xHytUvdA==
+ dependencies:
+ base64-arraybuffer "^0.2.0"
+ json-stable-stringify "^1.0.1"
+ noble-ed25519 "^1.0.4"
+
+"@tomic/react@^0.30.2":
+ version "0.30.2"
+ resolved "https://registry.yarnpkg.com/@tomic/react/-/react-0.30.2.tgz#7b64ccead70a7881ffa7b2fd9ff494a146b9ed9b"
+ integrity sha512-lLB/i0nJ/fcNe6vKHVgxo1sSOFqt5JLRxGyx4zWmmhmbDTjCe7DBRibI72UJ8upR9F5YcrEIla4c4KoHudlV3g==
+
 "@types/json-schema@^7.0.9":
  version "7.0.9"
  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.9.tgz#97edc9037ea0c38585320b28964dde3b39e4660d"
@@ -298,6 +312,11 @@ balanced-match@^1.0.0:
  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+base64-arraybuffer@^0.2.0:
+ version "0.2.0"
+ resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.2.0.tgz#4b944fac0191aa5907afe2d8c999ccc57ce80f45"
+ integrity sha512-7emyCsu1/xiBXgQZrscw/8KPRT44I4Yq9Pe6EGs3aPRTsWuggML1/1DTuZUuIaJPIm1FTDUVXl4x/yW8s0kQDQ==
+
 boolean@^3.0.1:
  version "3.1.4"
  resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.1.4.tgz#f51a2fb5838a99e06f9b6ec1edb674de67026435"
@@ -502,6 +521,11 @@ csstype@^3.0.2:
  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.0.10.tgz#2ad3a7bed70f35b965707c092e5f30b327c290e5"
  integrity sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==
 
+data-uri-to-buffer@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz#b5db46aea50f6176428ac05b73be39a57701a64b"
+ integrity sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==
+
 debug@^2.6.9:
  version "2.6.9"
  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -823,6 +847,13 @@ fd-slicer@~1.1.0:
  dependencies:
  pend "~1.2.0"
 
+fetch-blob@^3.1.2:
+ version "3.1.3"
+ resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.1.3.tgz#a7dca4855e39d3e3c5a1da62d4ee335c37d26012"
+ integrity sha512-ax1Y5I9w+9+JiM+wdHkhBoxew+zG4AJ2SvAD1v1szpddUIiPERVGBxrMcB2ZqW0Y3PP8bOWYv2zqQq1Jp2kqUQ==
+ dependencies:
+ web-streams-polyfill "^3.0.3"
+
 file-entry-cache@^6.0.1:
  version "6.0.1"
  resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -850,6 +881,13 @@ flatted@^3.1.0:
  resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.4.tgz#28d9969ea90661b5134259f312ab6aa7929ac5e2"
  integrity sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==
 
+formdata-polyfill@^4.0.10:
+ version "4.0.10"
+ resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
+ integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
+ dependencies:
+ fetch-blob "^3.1.2"
+
 fs-extra@^8.1.0:
  version "8.1.0"
  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
@@ -1184,6 +1222,13 @@ json-stable-stringify-without-jsonify@^1.0.1:
  resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
  integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
+json-stable-stringify@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz#9a759d39c5f2ff503fd5300646ed445f88c4f9af"
+ integrity sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=
+ dependencies:
+ jsonify "~0.0.0"
+
 json-stringify-safe@^5.0.1:
  version "5.0.1"
  resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
@@ -1196,6 +1241,11 @@ jsonfile@^4.0.0:
  optionalDependencies:
  graceful-fs "^4.1.6"
 
+jsonify@~0.0.0:
+ version "0.0.0"
+ resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
+ integrity sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=
+
 keyv@^3.0.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
@@ -1324,6 +1374,20 @@ natural-compare@^1.4.0:
  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
+noble-ed25519@^1.0.4:
+ version "1.2.6"
+ resolved "https://registry.yarnpkg.com/noble-ed25519/-/noble-ed25519-1.2.6.tgz#a55b75c61da000498abb43ffd81caaa370bfed22"
+ integrity sha512-zfnWqg9FVMp8CnzUpAjbt1nDXpDjCvxYiCXdnW1mY8zQHw/6twUlkFm14VPdojVzc0kcd+i9zT79+26GcNbsuQ==
+
+node-fetch@^3.1.0:
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.1.0.tgz#714f4922dc270239487654eaeeab86b8206cb52e"
+ integrity sha512-QU0WbIfMUjd5+MUzQOYhenAazakV7Irh1SGkWCsRzBwvm4fAhzEUaHMJ6QLP7gWT6WO9/oH2zhKMMGMuIrDyKw==
+ dependencies:
+ data-uri-to-buffer "^4.0.0"
+ fetch-blob "^3.1.2"
+ formdata-polyfill "^4.0.10"
+
 normalize-url@^4.1.0:
  version "4.5.1"
  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a"
@@ -1925,6 +1989,11 @@ v8-compile-cache@^2.0.3:
  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
+web-streams-polyfill@^3.0.3:
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.2.0.tgz#a6b74026b38e4885869fb5c589e90b95ccfc7965"
+ integrity sha512-EqPmREeOzttaLRm5HS7io98goBgZ7IVz79aDvqjD0kYXLtFZTc0T/U6wHTPKyIjb+MdN7DFIIX6hgdBEpWmfPA==
+
 which@^1.2.9:
  version "1.3.1"
  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"