Skip to content

Commit

Permalink
Merge pull request #106 from sparrowapp-dev/development
Browse files Browse the repository at this point in the history
Release Version 2.14.0 [Merging development into prod]
  • Loading branch information
itsmdasifraza authored Dec 20, 2024
2 parents ff8c009 + a16d708 commit 8da4ea3
Show file tree
Hide file tree
Showing 44 changed files with 3,774 additions and 1,228 deletions.
67 changes: 44 additions & 23 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,40 +1,61 @@
# create-svelte
<p align="center">
<a href="https://sparrows-newsletter.beehiiv.com/subscribe">
<img src="https://sparrowassets.blob.core.windows.net/publicassest/sparrow-logo.png" width="400" alt="logo"/>
</a>
</p>

<h1 align="center">
Sparrow Identity Server
<h4 align="center">
This is an identity server for handling authentication in Sparrow.
</h4>
</h1>

## <a name="installation">🔨 Installation</a>

Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
To setup the auth server, you will need to have the following installed on your machine :

## Creating a project
![NODE](https://img.shields.io/badge/-Node.js-black?style=for-the-badge&logoColor=white&logo=nodedotjs&color=339933)
![Yarn](https://img.shields.io/badge/-Yarn-black?style=for-the-badge&logoColor=white&logo=yarn&color=2C8EBB)
![Docker](https://img.shields.io/badge/-Docker-black?style=for-the-badge&logoColor=white&logo=docker&color=2496ED)

If you're seeing this, you've probably already done this step. Congrats!
### Prerequisite:

```bash
# create a new project in the current directory
npm create svelte@latest
# Clone the repository
git clone https://github.com/sparrowapp-dev/sparrow-app-auth.git

# create a new project in my-app
npm create svelte@latest my-app
```
# Move into the project directory
cd sparrow-app-auth

## Developing
# Install yarn globally
npm i -g yarn

# Create and setup environments file
cp .env.example .env
```

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
### Non-Docker Method

```bash
npm run dev
# Install dependencies
yarn

# or start the server and open the app in a new browser tab
npm run dev -- --open
# Run App in development mode
yarn dev
```

## Building
### Access auth server on localhost:

To create a production version of your app:
Go to http://localhost:1421/

```bash
npm run build
```
### Default User for Login:

You can preview the production build with `npm run preview`.
Sparrow creates a default user to help you get started quickly and easily.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
# sparrow-app-auth
This is an identity server for handling authentication in Sparrow.
NOTE: This only works if you have initialized the Sparrow backend server.

**Login Credentials:**

- **Email:** dev@sparrow.com
- **Password:** 12345678@
1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@
"bootstrap": "^5.3.2",
"btoa": "^1.2.1",
"font-awesome": "^4.7.0",
"mixpanel-browser": "^2.58.0",
"path": "^0.12.7",
"svelte-navigator": "^3.2.2",
"svelte-toasts": "^1.1.2",
Expand Down
12 changes: 10 additions & 2 deletions src/App.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -13,13 +13,17 @@
import EntryPoint from './pages/Auth/entry-point/EntryPoint.svelte';
import BgContainer from '$lib/components/bgContainer/BgContainer.svelte';
import bg from '$lib/assets/sparrowLogoBackground.svg';
import SparrowBackgroundV2 from '$lib/assets/SparrowBackgroundV2.svg';
import ExternalNavigation from './routing/ExternalNavigation.svelte';
import constants from '$lib/utils/constants';
import VerifyEmail from './pages/Auth/verify-email/VerifyEmail.svelte';
import { onMount } from 'svelte';
import VerifyMagicCode from './pages/Auth/verify-magic-code/VerifyMagicCode.svelte';
import CoolDownPage from './pages/Auth/cool-down-page/CoolDownPage.svelte';
import PasswordLogin from './pages/Auth/password-login/PasswordLogin.svelte';
import PasswordUpdateRedirect from './pages/Auth/password-update-redirect/PasswordUpdateRedirect.svelte';
export let url = '/';
</script>

<Router {url}>
Expand All @@ -37,11 +41,15 @@
<ExternalNavigation to={`mailto:${constants.SPARROW_SUPPORT_EMAIL}`}/>
</Route>
<!-- <Route path="/success" component={AuthSuccess} /> -->
<Route path="/verify-magic-code/:id" component={VerifyMagicCode} />
<Route path="/cool-down-active" component={CoolDownPage} />
<Route path="/password-login" component={PasswordLogin} />
<Route path="/password-update-redirect/:id" component={PasswordUpdateRedirect} />
<Route path="/*"><Navigate to="/init" /></Route>
</Router>
<Toast/>

<div style="height: 100vh; top:0; left:0;
right:0; z-index:-100 !important" class="w-100 position-fixed">
<img src={bg} alt="" style="height:100%; width:100%; opacity: 0.7">
<img src={SparrowBackgroundV2} alt="" style="height:100%; width:100%;">
</div>
151 changes: 151 additions & 0 deletions src/lib/assets/AiSparkle.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<script>
export let height = "24px";
export let width = "24px";
</script>

<svg
{width}
{height}
viewBox="0 0 29 29"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#filter0_d_15966_755424)">
<path
d="M7.15385 14.0907C10.8675 14.3146 13.8404 17.2863 14.0637 21H14.0908C14.3146 17.2863 17.2869 14.3146 21 14.0907V14.0636C17.2863 13.8392 14.3146 10.8675 14.0908 7.15381H14.0637C13.8398 10.8675 10.8675 13.8392 7.15385 14.0636V14.0907Z"
fill="url(#paint0_linear_15966_755424)"
/>
<path
d="M14.0772 7.76951C13.6098 11.0306 11.0304 13.6094 7.76926 14.0771C11.0304 14.5443 13.6101 17.123 14.0773 20.384C14.5448 17.1231 17.124 14.5444 20.3846 14.0771C17.1235 13.6095 14.5446 11.0306 14.0772 7.76951Z"
stroke="url(#paint1_linear_15966_755424)"
stroke-width="0.151515"
/>
</g>
<g filter="url(#filter1_d_15966_755424)">
<path
d="M6.00007 8.60135C7.3927 8.68529 8.50753 9.79969 8.59125 11.1923H8.60142C8.68536 9.79969 9.79998 8.68529 11.1924 8.60135V8.59118C9.79976 8.50702 8.68536 7.39262 8.60142 6H8.59125C8.50731 7.39262 7.3927 8.50702 6.00007 8.59118V8.60135Z"
fill="url(#paint2_linear_15966_755424)"
/>
<path
d="M8.59634 6.24403C8.41666 7.45739 7.45738 8.41647 6.24398 8.59624C7.45736 8.77584 8.41679 9.73486 8.59636 10.9482C8.77607 9.73487 9.7353 8.77586 10.9485 8.59625C9.7351 8.41647 8.776 7.45739 8.59634 6.24403Z"
stroke="url(#paint3_linear_15966_755424)"
stroke-width="0.0606061"
/>
</g>
<defs>
<filter
id="filter0_d_15966_755424"
x="0.103014"
y="0.358936"
width="27.9483"
height="27.9488"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="0.25641" />
<feGaussianBlur stdDeviation="3.52564" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0666667 0 0 0 0 0.576471 0 0 0 0 0.941176 0 0 0 0.55 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_15966_755424"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_15966_755424"
result="shape"
/>
</filter>
<filter
id="filter1_d_15966_755424"
x="3.17949"
y="3.4359"
width="10.8334"
height="10.8334"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="0.25641" />
<feGaussianBlur stdDeviation="1.41026" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.0666667 0 0 0 0 0.576471 0 0 0 0 0.941176 0 0 0 0.55 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_15966_755424"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_15966_755424"
result="shape"
/>
</filter>
<linearGradient
id="paint0_linear_15966_755424"
x1="14.0769"
y1="7.15381"
x2="14.0769"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#6147FF" />
<stop offset="0.695" stop-color="#0095FF" />
</linearGradient>
<linearGradient
id="paint1_linear_15966_755424"
x1="14.0769"
y1="7.15381"
x2="14.0769"
y2="21"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#999999" stop-opacity="0" />
<stop offset="1" stop-color="white" />
</linearGradient>
<linearGradient
id="paint2_linear_15966_755424"
x1="8.59623"
y1="6"
x2="8.59623"
y2="11.1923"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#6147FF" />
<stop offset="1" stop-color="#1193F0" />
</linearGradient>
<linearGradient
id="paint3_linear_15966_755424"
x1="6.53037"
y1="6"
x2="9.56067"
y2="10.697"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#666666" stop-opacity="0" />
<stop offset="1" stop-color="white" />
</linearGradient>
</defs>
</svg>
Loading

0 comments on commit 8da4ea3

Please sign in to comment.