Rename project to fuji-web (#167)

* refactor: rename project to fuji-web

* refactor: use new logo

.github/workflows/build-zip.yml

@@ -31,5 +31,5 @@ jobs:
 
       - uses: actions/upload-artifact@v3
         with:
-          name: webwand
+          name: fuji-extension
           path: dist/*

README.md

@@ -1,4 +1,4 @@
-<img src="public/icon-128.png" alt="Web Wand Logo" width="100"/>
+<img src="public/icon-128.png" alt="Fuji-web Logo" width="100"/>
 
 # WebWand: Vision based Full Browser Automation 🪄
 
@@ -24,7 +24,7 @@ We do NOT collect your screenshots, browsing information or your prompts. It liv
 
 ### Download and Install the extension in your browser
 
-1. Go to the [releases page](https://github.com/normal-computing/web-wand/releases), find the latest version of the extension and download "webwand.zip".
+1. Go to the [releases page](https://github.com/normal-computing/fuji-web/releases), find the latest version of the extension and download "webwand.zip".
 2. Unzip the file.
 3. Load your extension on Chrome by doing the following:
    1. Navigate to `chrome://extensions/`
@@ -78,4 +78,4 @@ We also encourage everyone in the community to add new knowledge to the "Prior K
 - WebWand's image annotation method was inspired by Microsoft's [UFO paper](https://arxiv.org/abs/2402.07939).
 - Web Agent as a tool that lives in the browser sidepanel was inspired by [TaxyAI's browser extension](https://github.com/TaxyAI/browser-extension). We also used some of its UI code.
 - The Chrome extension set-up leveraged an awesome boilerplate project [Jonghakseo/chrome-extension-boilerplate-react-vite](https://github.com/Jonghakseo/chrome-extension-boilerplate-react-vite).
-- The WebWand logo was designed by [Mengdi](https://twitter.com/mengdi_en).
+- The Fuji logo is from [Toss Face](https://emojipedia.org/toss-face) Emoji design set.

TROUBLESHOOTING.md

@@ -1,6 +1,6 @@
 # Troubleshooting Guide for WebWand
 
-This guide aims to help you diagnose and resolve common problems you might encounter. If you're still facing difficulties after following these steps, please reach out to us through our [GitHub Issues](https://github.com/normal-computing/web-wand/issues).
+This guide aims to help you diagnose and resolve common problems you might encounter. If you're still facing difficulties after following these steps, please reach out to us through our [GitHub Issues](https://github.com/normal-computing/fuji-web/issues).
 
 
 ## Common Issues and Solutions

manifest.js

@@ -6,7 +6,7 @@ import packageJson from "./package.json" assert { type: "json" };
  */
 const manifest = {
   manifest_version: 3,
-  name: "Web Wand",
+  name: "Fuji",
   version: packageJson.version,
   description: packageJson.description,
   permissions: [
@@ -31,7 +31,7 @@ const manifest = {
   action: {
     // default_popup: 'src/pages/popup/index.html',
     default_title: "Click to open side panel",
-    default_icon: "icon-34.png",
+    default_icon: "icon-128.png",
   },
   icons: {
     128: "icon-128.png",
@@ -52,7 +52,6 @@ const manifest = {
         "assets/css/*.css",
         "assets/fonts/*",
         "icon-128.png",
-        "icon-34.png",
         "src/pages/permission/index.html",
         "src/pages/permission/requestPermissions.ts",
       ],

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "web-wand",
+  "name": "fuji-web",
   "version": "2.1.0",
-  "description": "WebWand is a tool that redefines web interaction, making complex online tasks as simple as uttering a single command.",
+  "description": "A tool that redefines web interaction, making complex online tasks as simple as uttering a single command.",
   "repository": {
     "type": "git",
-    "url": "https://github.com/normal-computing/web-wand"
+    "url": "https://github.com/normal-computing/fuji-web"
   },
   "scripts": {
     "build": "tsc --noEmit && vite build",

src/common/App.tsx

@@ -26,7 +26,7 @@ const App = () => {
       <Box p="8" pb="24" fontSize="lg" w="full">
         <HStack mb={4} alignItems="center">
           <Heading as="h1" size="lg" flex={1}>
-            WebWand 🪄
+            Fuji 🗻
           </Heading>
           {hasAPIKey && (
             <IconButton
@@ -68,15 +68,15 @@ const App = () => {
           wrap="wrap"
         >
           <Link
-            href="https://github.com/normal-computing/web-wand#readme"
+            href="https://github.com/normal-computing/fuji-web#readme"
             isExternal
           >
             About this project
           </Link>
           <Link href="https://forms.gle/isLeGyUvoKGiqT8W8" isExternal>
             Leave Feedback
           </Link>
-          <Link href="https://github.com/normal-computing/web-wand" isExternal>
+          <Link href="https://github.com/normal-computing/fuji-web" isExternal>
             GitHub <Icon verticalAlign="text-bottom" as={FaGithub} />
           </Link>
           <Link href="https://discord.gg/yfMjZ8udb5" isExternal>

src/common/RecommendedTasks.tsx

@@ -2,7 +2,7 @@ import { Button, VStack, Text } from "@chakra-ui/react";
 import { useAppState } from "../state/store";
 
 const tasks = [
-  'Post on twitter.com with content "an automated post from WebWand by @NormalComputing! :)" If I\'m not logged in, fail the task and wait for me to log in.',
+  'Post on twitter.com with content "An automated post from Fuji-Web by @NormalComputing! :)" If I\'m not logged in, fail the task and wait for me to log in.',
   "Find a book about AI and add a physical copy to cart on Amazon.com. Pick the cheaper one from paperback and hardcover.",
 ];
 
@@ -38,7 +38,7 @@ const RecommendedTasks = ({
           Post on twitter.com
         </Text>
         <Text fontWeight={400} noOfLines={1} color="gray">
-          with content &quot;an automated post from WebWand by
+          with content &quot;An automated post from Fuji-Web by
           @NormalComputing!&quot;
         </Text>
       </Button>

src/common/SetAPIKey.tsx

@@ -60,7 +60,7 @@ const SetAPIKey = ({
   return (
     <VStack spacing={4}>
       <Text fontSize="sm">
-        You&rsquo;ll need an OpenAI or Anthropic API Key to run the WebWand in
+        You&rsquo;ll need an OpenAI or Anthropic API Key to run the Fuji in
         developer mode. If you don&rsquo;t already have one available, you can
         create one in your{" "}
         <Link
@@ -81,8 +81,8 @@ const SetAPIKey = ({
         .
         <br />
         <br />
-        WebWand stores your API keys locally on your device, and they are only
-        used to communicate with the OpenAI API and/or the Anthropic API.
+        Fuji stores your API keys locally on your device, and they are only used
+        to communicate with the OpenAI API and/or the Anthropic API.
       </Text>
       <Box position="relative" py="2" w="full">
         <Divider />

src/common/Settings.tsx

@@ -173,9 +173,8 @@ const Settings = ({ setInSettingsView }: SettingsProps) => {
             <Alert status="warning" borderRadius="lg">
               <AlertIcon />
               <AlertDescription fontSize="sm">
-                Most of WebWand&rsquo;s capabilities are based on the GPT-4
-                Vision mode. Non-vision models are available for research
-                purposes.
+                Most of Fuji&rsquo;s capabilities are based on the GPT-4 Vision
+                mode. Non-vision models are available for research purposes.
               </AlertDescription>
             </Alert>
           )}

src/common/TaskUI.tsx

@@ -106,7 +106,7 @@ const TaskUI = () => {
       <AutosizeTextarea
         // eslint-disable-next-line jsx-a11y/no-autofocus
         autoFocus
-        placeholder="Try telling WebWand to do something..."
+        placeholder="Try telling Fuji to do a task"
         value={state.instructions || ""}
         isDisabled={taskInProgress || state.isListening}
         onChange={(e) => state.setInstructions(e.target.value)}
@@ -128,8 +128,8 @@ const TaskUI = () => {
           <AlertIcon />
           <AlertDescription fontSize="sm" lineHeight="5">
             In Voice Mode, you can press Space to start speaking and Space again
-            to stop. WebWand will run the task when you stop speaking. To turn
-            off Voice Mode, click the Setting icon in the top right corner.
+            to stop. Fuji will run the task when you stop speaking. To turn off
+            Voice Mode, click the Setting icon in the top right corner.
           </AlertDescription>
         </Alert>
       )}

src/helpers/vision-agent/determineNextAction.ts

@@ -44,15 +44,15 @@ ${
     ? `
 {
   "thought": "I am reading the tweets visible on the screen.",
-  "speak": "Here is one tweet currently visible on the screen: The tweet is by Normal Computing, who posted about open sourcing WebWand with a screenshot of the WebWand github repository. The tweet has 10 replies, 100 retweets, and 1000 likes.",
+  "speak": "Here is one tweet currently visible on the screen: The tweet is by Normal Computing, who posted about open sourcing Fuji-Web with a screenshot of the Fuji-Web github repository. The tweet has 10 replies, 100 retweets, and 1000 likes.",
   "action": {
     "name": "finish",
   }
 }
 `
     : `
 {
-  "thought": "Here is one tweet currently visible on the screen: The tweet is by Normal Computing, who posted about open sourcing WebWand with a screenshot of the WebWand github repository. The tweet has 10 replies, 100 retweets, and 1000 likes.",
+  "thought": "Here is one tweet currently visible on the screen: The tweet is by Normal Computing, who posted about open sourcing Fuji-Web with a screenshot of the Fuji-Web github repository. The tweet has 10 replies, 100 retweets, and 1000 likes.",
   "action": {
     "name": "finish",
   }

src/pages/content/style.global.scss

@@ -1,6 +1,6 @@
 // IMPORTANT: this file will impact the styles on ALL PAGES
 // DO NOT add style names that can easily conflict with other pages
-// TODO: import this directly from web wand instead of copying
+// TODO: import this directly from fuji-web instead of copying
 .web-agent-ripple {
   position: absolute;
   border-radius: 50%;