pawelmalak / flame Goto Github PK

Purely esthetic, but it would be nice to i.e has the yellow/black (aka cab) theme during daytime, and a darker one (ie blackboard) during nighttime.

Is it possible to apply the custom icon to bookmark as well?

In the settings panel, when saving latitude and longitude and leaving API key empty throws both a Success Settings Updated and an External API Request Failed error.

I'm using the docker build with the latest tag.

I love the current style, but a nice addition would be a textarea in config where I can paste my own CSS overrides.

This could be implemented with #33.

The main idea is to add new property to apps, categories and bookmarks which would hide them if user is not authenticated. That way we could still provide guest access to certain set of items while require authentication for the rest.

If I create 3 items with mixed cased letters as the first letter, it ends up with lower-cased items last.

Expected: qBittorrent, Radarr, Sonarr
Actual: Radarr, Sonarr, qBittorrent

This ends up being confusing because the dashboard styling makes all names appear uppercase.

I wanted to submit a pull request, since it'd typically just be a simple COLLATE NOCASE with SQLite, but I'm not familiar with Sequelize. 😞

Please add categories for Apps as well. It is perhaps even more useful there, than for Bookmarks.
Thanks.

root@Pi:~# git clone https://github.com/pawelmalak/flame.git
Cloning into 'flame'...
remote: Enumerating objects: 844, done.
remote: Counting objects: 100% (844/844), done.
remote: Compressing objects: 100% (460/460), done.
remote: Total 844 (delta 444), reused 744 (delta 344), pack-reused 0
Receiving objects: 100% (844/844), 941.55 KiB | 13.08 MiB/s, done.
Resolving deltas: 100% (444/444), done.
root@Pi:~# cd flame/
root@Pi:~/flame# docker build -t flame .
Sending build context to Docker daemon  2.145MB
Step 1/9 : FROM node:14-alpine
14-alpine: Pulling from library/node
535256e01bcb: Pull complete
69982ba3cc3a: Pull complete
23b960c2560a: Pull complete
2f24eee88333: Pull complete
Digest: sha256:f07ead757c93bc5e9e79978075217851d45a5d8e5c48eaf823e7f12d9bbc1d3c
Status: Downloaded newer image for node:14-alpine
 ---> 645fc0c6c966
Step 2/9 : WORKDIR /app
 ---> Running in 7d924c129632
Removing intermediate container 7d924c129632
 ---> e014a2c8034e
Step 3/9 : COPY package*.json .
When using COPY with more than one source file, the destination must be a directory and end with a /

This looks awesome though!

Since previous attempts were closed without any sensible resolution, I'm opening it again.

It is impossible to use URLs in that form (skipping 'https' or not...):

https://<ip>:<port>
https://<fqdn>:<port>

This is absolutely basic function when it comes to this kind of app. Please make an effort to properly implement it. Not every application offers https redirects and such.

Otherwise it is a great app and would like to use it on daily basis.
Thanks.

It'll be nice if you could drag'n'drop the order of bookmarks like on the bookmarks category or applications.

Any pointers for those that don't know anything about it please?
Any samples?
For instance how to change number of columns on the screen or widen the whole usable area.

Much appreciated!

It works in Safari, but not in Firefox and Chrome. I use Traefik as a proxy, and I think that could be the reason, but this issue what not present in the previous version.

Firefox:

DOMException: The operation is insecure. react-dom.production.min.js:216:199
    React 5
    unstable_runWithPriority scheduler.production.min.js:18
    React 4
    unstable_runWithPriority scheduler.production.min.js:18
    React 4
    unstable_runWithPriority scheduler.production.min.js:18
    React 3
    F scheduler.production.min.js:16
    onmessage scheduler.production.min.js:12
    (Async: EventHandlerNonNull)
    <anonymous> scheduler.production.min.js:12
    l (index):1
    <anonymous> index.js:4
    l (index):1
    <anonymous> React
    l (index):1
    <anonymous> React
    l (index):1
    144 main.6f693952.chunk.js:1
    l (index):1
    r (index):1
    t (index):1
    <anonymous> main.6f693952.chunk.js:1


Uncaught DOMException: The operation is insecure. main.6f693952.chunk.js:1
    We WeatherWidget.tsx:53
    Bi React
    unstable_runWithPriority scheduler.production.min.js:18
    React 3
    F scheduler.production.min.js:16
    onmessage scheduler.production.min.js:12
    (Async: EventHandlerNonNull)
    <anonymous> scheduler.production.min.js:12
    l (index):1
    <anonymous> index.js:4
    l (index):1
    <anonymous> React
    l (index):1
    <anonymous> React
    l (index):1
    144 main.6f693952.chunk.js:1
    l (index):1
    r (index):1
    t (index):1
    <anonymous> main.6f693952.chunk.js:1

Chrome:

WeatherWidget.tsx:53 Mixed Content: The page at 'https://flame.hostname.tld/' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://flame.hostname.tld/socket'. This request has been blocked; this endpoint must be available over WSS.
(anonymous) @ WeatherWidget.tsx:53
react-dom.production.min.js:216 DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.
    at https://flame.hostname.tld/static/js/main.6f693952.chunk.js:1:14327
    at Bi (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:171725)
    at H.unstable_runWithPriority (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:189537)
    at jL (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:111896)
    at Pi (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:171186)
    at https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:171097
    at F (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:188596)
    at MessagePort.p.port1.onmessage (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:187318)
er @ react-dom.production.min.js:216
scheduler.production.min.js:12 Uncaught DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.
    at https://flame.hostname.tld/static/js/main.6f693952.chunk.js:1:14327
    at Bi (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:171725)
    at H.unstable_runWithPriority (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:189537)
    at jL (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:111896)
    at Pi (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:171186)
    at https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:171097
    at F (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:188596)
    at MessagePort.p.port1.onmessage (https://flame.hostname.tld/static/js/2.6b40f2c2.chunk.js:2:187318)

Safari, works, but gives this:

[Warning] [blocked] The page at https://flame.hostname.tld/ was not allowed to run insecure content from ws://flame.hostname.tld/socket. (main.6f693952.chunk.js, line 1)

First thank you for this component.

This is purely aesthetic.

Please consider an option to hide the url in applications, as depending on the screen, long urls will offset the column size/gaps.

Thank you

In 1.5 you introduced the global option to force apps&bookmarks to open in the same or a new tab.

What I meant in my previous ticket was to make this setting per item setting (both for bookmark and app).

Doable?

Using the long/lat data from latlong.net as instructed, Flame will not accept any value in the "location latitude" field. Errors is "Enter a valid value"

Might I suggest a highlight on hover?

In the example I just added:

.AppCard_AppCard__1V2_0:hover {
    background-color: RGBA(0,0,0,0.1);
}

.AppCard_AppCard__1V2_0 {
    padding: 10px;
    border-radius: 10px;
}

This client code has a hardcoded localhost:5005

client/src/components/Widgets/WeatherWidget/WeatherWidget.tsx

This fails if the app is accessed outside the server, and if the exposed port is changed (e.g: docker deployments):

WeatherWidget.tsx:53 WebSocket connection to 'ws://localhost:5005/' failed:

The ability to add different categories for "Applications" similar to how you can do with "Bookmarks".

The ability to add icons for "Bookmarks" would be nice too.

Feature add own image When adding an application/bookmark instead of only the material icons

(but this feature is not that important therefore low prio)

Hi,

I keep getting API request failed when saving the WeatherAPI settings.
However, when using the url from:

Not sure where to look further?

"https-only" application will work only if a automatic redirect is in place (somehow a good practice).

Is there any reason to not allow users to define proper protocol? (which could even be something other than http[s])

After deploying flame using this docker-compose file

version: '3'
services:
    flame:
        image: pawelmalak/flame:latest
        restart: unless-stopped
        volumes:
            - ./data:/app/data
        networks:
            - caddy_net

networks:
  caddy_net:
    external: true

I only get a purple screen when visiting the URL (I use Caddy2 as a reverse proxy). When I refresh the page I can see

Thursday 10, June 2021
Good Evening

Applications

Bookmarks

for a fraction of a second, before only the background color is shown again.

I tried Firefox and vivaldi and both show the same behaviour

My flame install is accessible from the internet, so I would like a possibility to prohibit all the random people on the internet from changing my settings. There are three ways I imagine it could be realized:

• setting a password. I.e. you either get asked for a password when you are about to change stuff or you have to go to a different page like flame.domain.tld/admin and put in your password there. That way you could even hide the button in the bottom left corner
• make changing settings only possible when accessing flame over the local network
• make changing settings only possible when an environment variable is set to a certain value

Add config option which will allow to pin new applications and categories to the homescreen by default without user interaction.

Firstly, I love the work you've done on this. Was super easy to set up.

Secondly, I have set this up through reverse proxy to access externally. One issue I am facing is that the settings do not carry over between devices (other than the weather). The custom name and theme have to be re-entered. Is this by design, or an issue.

Either way, I appreciate this solution. Makes it super simple for me to organise all my applications and links in a central location without having to create a website. Thanks mate.

"Good morning or evening" takes a bit too much screen for my taste.
Would it be possible to edit it or hide it completely?

Right now, every 15 minutes request to the external API is made to get weather data. Data is then saved to the local database to reduce number of calls to the api, reduce latency and provide access to latest weather data even if api is not responding.

There should be a cron job that would run every few hours to delete all previous entries except the latest one.

Would be sweet if you could drag'n'drop the order of your different applications/links. Afaik today it appears in the order of when you added them.

EDIT: Until you do a refresh, then it sorts it alphabetically

Any plans for building a docker image for ARM7 so that this can be setup on Raspberry Pi. I know I can build from source on that but having an official image would be nice.

Hi,

is it possible to add categories to the applications as well? As an example you can take a look at Homer (https://github.com/bastienwirtz/homer).

Thank you!

Cheers

The "You don't have any applications. You can add a new one from /application menu" should not appear when there are only unpinned applications configured.

The "Application" header is also not clearly a hyperlink to the application menu on first use, it may be worth adding a "Show all..." button and changing the notification to "There are no pinned applications. You can pin them from the /application menu"

(Quick mockup)

Hi,

Is it possible to get a docker compose file ?

Thanks

I am not able to edit existing application and replace the mdi icon.

Edit an application, click on "switch to custom icon", select a file, save. Message at bottom of the screen indicates success. However, the icon doesn't actually change.

Custom icons works fine on new entries.

Would it be possible with some sort of API, that you can add labels to your docker-compose files and automatically populate Flames dashboard?

Add a check box in settings - app - hide bookmark.
If there's no bookmarks it's strange to have that section there.

I noticed that if I for instance want to open 3 applications. The 2nd and 3rd click will always overwrite the first opened tab. Is is possible to always open a new tab? (tested in firefox and safari)

When adding a url with a http:// or a https:// it will delete the colon:

While looking at the bookmark via the editor it does show the colon:

Sorry if I missed it, but I don't see app version shown anywhere.
Could we get it displayed somewhere, maybe in Settings?
Thank you.

Would be great to allow creation of multiple pages and controls to get there.

1. In the simplest form it could be an 'app' or 'bookmark' which loads other page (preferably in the same browser tab).

2. Other solution for me would be to spin another flame instance and make a bookmark to it. However bookmark/app always opens new page in a new tab. Should be the same tab replacing previous contents.

Thank you.

Do we have any installation document on installing without docker?

I am using the flame as the start page for the browser. However, one thing I missed the most is a search box that forwards the request to the search engine of your choice. Is it's not too much of a trouble to add a search box that accepts custom search?

Here are few examples:

https://www.google.com/search?q=%s
https://duckduckgo.com/?q=%s
http://search.disroot.org/search?q=%s

Forked from #22
Please implement auto refresh, so page details get refreshed automatically.
For example the date widget shows the initial date until the page is refreshed by hand.

If you add a new application, and go all the way back to the main dashboard page, the application will always be at the end regardless of where it should be alphabetically.

A simple refresh fixes it.

Current version of flame pushed to DockerHub has the page title set to "React App".

Ideally this should be user-customisable; but setting to just "Flame" would also be an improvement.

I can type there, but it does not search, nor opens a new tab; does not react to ENTER etc.

I think it would be good to add an app/bookmark filter.
Kind of a search box. Typing in there would narrow down displayed items.

With a large amount of items it would ease finding the right one.

I like how it is done in dashy, working demo here (just type firs letter (s))
https://dashy-demo-1.as93.net/#/

Maybe something to consider later?

It would be useful to have a setting to resize the screen (similar to zooming out on your browser). Sometimes long URLs aren't long enough to merge onto a 2nd line so looks cluttered. This would fix it nicely.

Thanks for adding the global option, but what I really meant was to add that option to each individual item. For instance I could decide that app-x opens in a new tab, but app-y opens in the same one.
Similarly for each bookmark.

So there could be those global options as introduced in 1.5.2, but also some kind of override per each app/bookmark (maybe a checkbox while editing or add some optional prefix in the URL?).

Apologies if it was not clear from the get-go,

I first have to say that I really like flame. It's much easier to configure and looks nicer than Homer which I've been using before.

Unfortunately my flame (running in docker) doesn't start anymore and shows the following logs:

[2021-06-27 16:30:32.932 UTC+0] [INFO] Connected to database
[2021-06-27 16:30:32.933 UTC+0] [INFO] Starting model synchronization
[2021-06-27 16:30:32.938 UTC+0] [ERROR] Unable to connect to the database: SQLITE_ERROR: table apps_backup has 7 columns but 8 values were supplied