ajnart / homarr Goto Github PK

Environment

Any

Version

Any

Describe the problem

Resizing the browser, or viewing on a device with a smaller screen will cause:

• Icons to overlap
• Horizontal scrollbars to appear

Related issue: #3

Additional info

Please tick the boxes

• You've read the docs
• You've checked for duplicate issues
• You've tried to debug yourself

• Ask the qbit user and pass in the add service form
• Add a component to display up/down speeds
• Add an option for the refresh time in MS. Possibly with a slider.

Environment

Docker

Version

0.2.0

Describe the problem

HOMARR_VERSION=0.2.0
NODE_VERSION=16.15.0
YARN_VERSION=1.22.18

When populating a list of services using Firefox v100.0 the icons for Home Assistant and Netcam Studio are bottom aligned as shown here:

The same issue is visible in Chrome v101.0.4951.64.

Additional info

No response

Please tick the boxes

• You've read the docs
• You've checked for duplicate issues
• You've tried to debug yourself

    // TODO: This fetch is not working because of cors, using a fallback url works. Needs fixing

https://github.com/ajnart/myhomepage/blob/f0fcb7f08374824d53283cfd9831b817dfea8352/components/calendar/CalendarComponent.tsx#L32

Plex integration using Mantine's spotlight needs :

• Asking for API key in add services component
• Use the API key to list all the medias available on the Plex instance
• Map those medias to the spotlight and make them openable
• Add a keybind to open the search bar directly

Describe the feature you would like to see

Unless i am going blind i cannot see an "icon" for this app?

Priority

Medium (Would be very useful)

When adding an entry for Calibre, the ebook management server, no icon was located:

Used an icon from the icon-library instead.

Describe the feature you would like to see

Add native support for a base_url to support running under a subdirectory (as opposed to a subdomain) for reverse proxies. The fewer DNS names exposed publicly the smaller the attack surface.

Subdirectory
https://mydomain.net/dashboard

Subdomain
https://dashboard.mydomain.net

Priority

Medium (Would be very useful)

        {/* TODO: Make the color of the indicator dependant on the type of medias avilable */}

https://github.com/ajnart/myhomepage/blob/2149e2e10a4414c19092cfeca78a06e9466de0c7/components/calendar/CalendarComponent.tsx#L91

Describe the feature you would like to see

Add support for Readarr API.

Priority

Medium (Would be very useful)

I think i may have broke something while building. That's why i haven't a pull request yet. It runs but i am not able to see Sonarr or Radarr data, after adding api keys Also dark mode resets after refresh

havent tried sonarr and radarr apis but yes dark mode isnt sticking.

Originally posted by @axsddlr in #36 (comment)

Dark mode not staying for some people.
Might be a cookie problem ?
Solution: Save dark mode in user settings or fix the cookies issue directly

In the settings menu, the search engine currently used is not properly set when the property is not set.

Currently, the client makes the requests to the services.
It was supposed to be this way because Homarr was supposed to be hosted statically on vercel for people to use without deployment.

Now that it's self hosted and has a backend, we can utilize a proxy for multiple advantages

• Connection from the outside world (share your dashboard URL)
• Faster response times
• Other benefits (please reply to this issue)

Environment

Docker

Version

0.2.0

Describe the problem

My resolution is 2245 x 1504. When viewing the Homarr page, the columns do not rescale appropriately:

There are vertical and horizontal scroll bars.

Additional info

Resizing the window does not cause the services rows and columns to resize:

Please tick the boxes

• You've read the docs
• You've checked for duplicate issues
• You've tried to debug yourself

              // TODO: Remove this hack to get the text to be centered.

https://github.com/ajnart/myhomepage/blob/1667ea2754e7171db79ed1af27afe4e5cf1e2f2c/components/AppShelf/AppShelf.tsx#L83

Describe the feature you would like to see

Add support so that apps can be added to the dashboard vis docker labels similarly to plugsy and flame.

Priority

High (App breaking feature)

        // TODO: Add the ability to edit the service.

https://github.com/ajnart/myhomepage/blob/1667ea2754e7171db79ed1af27afe4e5cf1e2f2c/components/AppShelf/AppShelfMenu.tsx#L13

Describe the feature you would like to see

I would like to see this on the UnRaid community apps so I could easily use it on my server build.

Priority

Medium (Would be very useful)

Currently, the public deployment url is set to https://myhomepage-one.vercel.app/ which is HTTPs by Vercel's default. However, when interacting with local services, we often need to use IPs such as localhost or even 127.0.0.1 which are local and use HTTP requests.
After looking for an answer, I was not able to find a correct way to circumvent this. The way I see it :

• Self sign your connection to localhost
• Self host your own MHP
• Use MHP from an HTTP url
  Any help about this topic would be appreciated

Hello,
all is in the title :)
I'd like to mount a directory on host to keep settings between docker restart, where should I put it ?

Make the background changeable with a slider to adjust opacity/blur radius.
This would require that :

• Items in the app shelf are transparent
• Setting to link a background image URL in the settings menu

  // TODO: Add the ability to display multiple medias on the same day by looping over the filtered medias for each service type

https://github.com/ajnart/myhomepage/blob/f0fcb7f08374824d53283cfd9831b817dfea8352/components/calendar/CalendarComponent.tsx#L80

Environment

Docker

Version

latest

Describe the problem

As issue title states, when adding a source with a long name title the icon will misalign

Additional info

Suggestion

either add a character limit that will not mess with the text and img bounds or the coding need to account for long names

Please tick the boxes

• You've read the docs
• You've checked for duplicate issues
• You've tried to debug yourself

Environment

Docker

Version

dev

Describe the problem

Getting permissions denied errors when reading/writing configs.

Listening on port 7575
Error: EACCES: permission denied, open 'data/configs/default.json'
    at Object.openSync (node:fs:585:3)
    at Object.writeFileSync (node:fs:2170:35)
    at Put (/app/.next/server/pages/api/configs/[slug].js:46:27)
    at _slug_ (/app/.next/server/pages/api/configs/[slug].js:76:16)
    at Object.apiResolver (/app/node_modules/next/dist/server/api-utils/node.js:184:15)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async NextNodeServer.runApi (/app/node_modules/next/dist/server/next-server.js:397:9)
    at async Object.fn (/app/node_modules/next/dist/server/base-server.js:473:37)
    at async Router.execute (/app/node_modules/next/dist/server/router.js:233:32)
    at async NextNodeServer.run (/app/node_modules/next/dist/server/base-server.js:583:29) {
  errno: -13,
  syscall: 'open',
  code: 'EACCES',
  path: 'data/configs/default.json'
}

Additional info

No response

Please tick the boxes

• You've read the docs
• You've checked for duplicate issues
• You've tried to debug yourself

Description

If possible, re-arrange the tags.

Priority

Medium (Would be very useful)

Hello again, on the phone the application cards are not displayed correctly, it is necessary to put a card per line.

Description

My use-case is that some services may be deliberately offline as part of a WoL host. But I can also see this being used as a general "is it down?" status indicator.

Bonus points: it would be nice for some services to be marked as "WoL service" such that if it is indicated to be offline, Homarr can bring it online by sending the WoL magic packet.

Priority

Low (Nice-to-have)

Describe the feature you would like to see

Add category support for custom grouping of applications.

Priority

High (App breaking feature)

Choose the type of database to be used.
Can files be used ?
Why use a databse instead of another one ?
Do I need a backend to store data in the DB ?

Describe the feature you would like to see

please add Overseerr support https://github.com/sct/overseerr to show movie requests

Priority

Medium (Would be very useful)

Description

ability to upload pictures for a background in homarr screen

Priority

Low (Nice-to-have)

Describe the feature you would like to see

Add support for different dashboard "views" for lack of something better to call them.

As an example, when you setup an app, you are able to specify which view to show the app on (family, admin, all).

There are then different links to each view such as http://homarr.local/family and http://homarr.local/admin. Probably a different way to accomplish the ask, but trying to avoid doing it with authentication and authorization. That should be handled by the reverse proxy and/or application itself IMHO.

Priority

Medium (Would be very useful)

https://github.com/ajnart/myhomepage/blob/d05d9b6e81dfaec49248f3aa528ce9d07cc06354/components/modules/calendar/CalendarModule.tsx#L103-L104

Currently, uses the invisible character "‏ " or U+200F to add some length to the date string. Before this hack, the media preview would be display on top of the cursor on single digits days (day < 10)

I don't really know how to fix this. Maybe add a component around the text to space out the Popover ?

Api key could be verified with the built-in form verification method. Sending a request to the URL with the apiKey and reading the status to validate the input.

• Send a request to verify that the apikey is correct
• Animate the TextInput to verify the apikey

Just this. Everything needs a dark mode toggle. :)

Description

Hey !
It could be nice to be able to choose your language in the configuration.
I'm sure many people would like to participate in the translation.

Priority

Medium (Would be very useful)

Describe the feature you would like to see

Add a weather widget to homepage.

Priority

Low (Nice-to-have)

As a developer who's pretty new in terms of front-end development, I little to no experience testing my code (using Jest or other testing frameworks)

I need someone to teach me / show me how I could emulate an API request in order to test out future Modules (for #70 #13 #10) or other integrations. This would speed up development, so I can just focus on the UI with a mock request and then validate that the right request fills out the data like it's supposed to.
Any PR on tests would be greatly appreciated. ❤️

Idea : Add a Portainer integration in the form of a table to list all your containers and a way to restart them do different actions
Requrires:

• Login to the Portainer API with User / Pass, register the Bearer token correctly.
• Use the bearer token in a component/module
• Provide different actions to execute on the containers (Restart button, Update button ?, Update badges ?)

Add a GitHub action to automatically deploy a new Docker image to the Docker hub when a new Version tag is pushed to the master branch.
Another one could also be used to deploy at each commit on the dev branch (dev tag)

The hook useConfig() needs changes to support the new database
Needs #40

Fetch the repo to get the latest release version and compare it with the actual release. Display a text in the settings menu if an update is available

Also : Wrap the settings icon to add an indicator if there is an update

    //TODO: Fix this temporary fix and make the width and height dynamic / responsive

https://github.com/ajnart/myhomepage/blob/6769ca701ccc6336ba5ad16c203d9fe13ff12523/components/AppShelf/AppShelf.tsx#L23

Instead of all modules doing their own fetch requests the way they please, add a template to request data, for example a GetData() method on all the components.

By refactor to make every single module distinct from the main UI. Provide an on/off switch in setting for each module.

• Refactor Calendar to add it in /components/modules/calendar
• Import the modules in the index.tsx file dependent on the user's settings
• Add a way to register a new module, possibly on the fly ? (Switching on the switch would add the component to the tree of active modules?)
• Add some sort of coherence between different modules. For example, a naming convention (CalendarCompoent -> CalendarModule)

Describe the feature you would like to see

Add support for SABnzbd showing current numbers for queue, history, and warnings.

Priority

Medium (Would be very useful)

I created my setup to give it a go and thought I noticed a bug, so I opened the URL in another browser and noticed that I was on, what looked to be, a new instance with none of my settings saved.

I don't know if you want to create a single user setup that stores settings in a database of some variety, but I think people will want their settings to save across browsers.

I came to this when I toggled night mode and then refreshed the page and it didn't save my night mode setting.

Well hello there Discord Server!

https://discord.gg/aCsmEV5RgA

Please add ARM support.

Using https://duckduckgo.com/ac/?q= we could provide suggestions for the search bar