athena-one
v1.0.5
Published
<br /> <div align="center"> <a href="https://athenaone.ai/" style="text-decoration: none; color: white !important; padding-top: 20px; font-size: 88px !important;"> <img src="https://athenaone.ai/assets/athena-one-gold-bar-C2tCynca.svg" alt="Logo" wi
Readme
About The Project
The general idea is to build a custom script to implement Athena One.
Main features:
- Athena One merged search with AI Assistant
Built With
- Programing language: Typescript
- Package Manager: npm
- Compiler: Vite
Getting Started
Follow the next sections to learn how to install and use the script.
Requirements
- Node.js version >= 22.12.0
Installation
- Install package
- Inject script tag inside head
<script type="module" src="/src/athena-one.ts" defer></script> - Put html inside the body tag
<athena-one websiteToken="website token from the dashboard"></athena-one> - If you want independant search input with autocomplete to trigger search you can use
<athena-one-search-input></athena-one-search-input>
Usage/Examples
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="#" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Athena XAI Assistant</title>
<script type="module" src="/src/athena-one.ts" defer></script>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
height: 100dvh;
overflow: auto;
}
.centered {
display: flex;
justify-content: center;
padding: 50px 10px;
width: 100%;
}
</style>
</head>
<body>
<div class="centered">
<athena-one-search-input></athena-one-search-input>
</div>
<athena-one websiteToken="website token from the dashboard"></athena-one>
</body>
</html>