Feature: Include version number in the console.

[bdougie]

Type of feature

🍕 Feature

Current behavior

This app relies on semantic versioning and it would be ideal to let the user know what version they are using.

Suggested solution

In the flagship app we highlight the version in the console.

1. Include fetch version lib similar to open sauced.
2. Add ascii art to the index page.

Additional context

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct

[0-vortex]

This sounds like a job for me :D .take

[github-actions[bot]]

Thanks for taking this on! If you have not already, join the conversation in our Discord

[0-vortex]

Currently, we are building the static build output in: https://github.com/open-sauced/hot/blob/0e9b53137bb252e1c6c2ffca9ed9502cd552c399/.github/workflows/release.yml#L62-L105 and Netlify build is picking up deployment before the release action finishes.

After some thorough investigation, both should be fixed for this issue to be successfully closed. The PR for this might come in 2 parts! 🍕

[0-vortex]

This might be permanently broken in the docker build, have to investigate if using the same plugin is possible

[0-vortex]

We can get the version out of package.json with Vite, like we do in the PrimaryNav - un-assigning and adding this like a GFI, what do you think @bdougie ?

[bdougie]

@CMCSWEENE this is the code I would put at the top of the App.tsx here.

import { version } from "../../package.json";

    console.log(`%c
 ██████╗ ██████╗ ███████╗███╗   ██╗    ███████╗ █████╗ ██╗   ██╗ ██████╗███████╗██████╗
██╔═══██╗██╔══██╗██╔════╝████╗  ██║    ██╔════╝██╔══██╗██║   ██║██╔════╝██╔════╝██╔══██╗
██║   ██║██████╔╝█████╗  ██╔██╗ ██║    ███████╗███████║██║   ██║██║     █████╗  ██║  ██║
██║   ██║██╔═══╝ ██╔══╝  ██║╚██╗██║    ╚════██║██╔══██║██║   ██║██║     ██╔══╝  ██║  ██║
╚██████╔╝██║     ███████╗██║ ╚████║    ███████║██║  ██║╚██████╔╝╚██████╗███████╗██████╔╝
 ╚═════╝ ╚═╝     ╚══════╝╚═╝  ╚═══╝    ╚══════╝╚═╝  ╚═╝ ╚═════╝  ╚═════╝╚══════╝╚═════╝%c v${version()}`,
    "color:#f6d82b",
    "color:green;font-weight:bold");

[erinmikailstaples]

.take

[github-actions[bot]]

Thanks for taking this on! If you have not already, join the conversation in our Discord

[erinmikailstaples]

Workflow

Set up:

• Forked repo, cloned it here.

Task 1: Include fetch version lib similar to open sauced.

• Added new file under lib > appVersion.js and copied over the version page

Task 2: Add ascii art to the index page.

• Added ascii art to the index page here:

• Add ascii art here as well

1. Opened src > app.tsx + added the ascii art starting on line 13 (view below)

Syncing to the repo here now.

[github-actions[bot]]

:tada: This issue has been resolved in version 2.25.0-beta.2 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@beta dist-tag)

Your semantic-release bot :package::rocket:

[github-actions[bot]]

:tada: This issue has been resolved in version 2.25.0 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@latest dist-tag)

Your semantic-release bot :package::rocket:

[github-actions[bot]]

:tada: This issue has been resolved in version 2.25.0-alpha.1 :tada:

The release is available on:

• GitHub release
• ghcr.io container (@alpha dist-tag)

Your semantic-release bot :package::rocket: