A Vue.js frontend application for the Wuzzy platform, providing a user interface for browsing and interacting with nests, crawlers, and search functionality.

Check it out at https://wuzzy.arweave.net

• Node.js (v22 or higher)
• npm or yarn
• Arweave wallet keyfile (for deployment)

1. Clone the repository and navigate to the project directory:

cd wuzzy-site

2. Install dependencies:

npm install

The following environment variables are used in the webapp:

• VITE_REGISTRY_PROCESS_ID - A deploy Wuzzy Nest Registry Process
• VITE_PRIMARY_NEST_ID - The primary Wuzzy Nest that will used for the homepage search
• VITE_HYPERBEAM_ENDPOINT - The hyperbeam node you'd like to use

The following environment variables are used for deployment:

• PRIVATE_KEY - Path to your Arweave wallet keyfile

• GATEWAY - Arweave gateway URL (default: https://arweave.net)

Start the development server:

npm run dev

The application will be available at http://localhost:5173

• npm run dev - Start development server with hot reload
• npm run build - Build for production
• npm run preview - Preview production build locally

The project uses a custom deployment script that uploads the built application to Arweave using Turbo.

Before building, make sure you have the appropriate environment variables set, as described above.

1. First, build the application:

npm run build

2. Deploy to Arweave:

PRIVATE_KEY=path/to/your/wallet.json npx tsx operations/deploy.ts

The deployment script will:

1. Upload the dist folder to Arweave via Turbo
2. Create a manifest with index.html as both index and fallback
3. Return the manifest transaction ID for accessing the deployed site

• src/ - Vue.js application source code
  • components/ - Reusable Vue components
  • views/ - Page components
  • composables/ - Vue composition functions
  • types/ - TypeScript type definitions
• public/ - Static assets
• operations/ - Deployment and operational scripts
• dist/ - Built application (generated)