skyra-project / memes.skyra.pw Goto Github PK

Is there an existing issue or pull request for this?

• I have searched the existing issues and pull requests

Feature description

An integrated web dashboard protected by OAuth2.0 where we can process pending template requests.

Desired solution

We can use the OAuth2.0 system from Nayre's Acryss website.

For storing the entries, we can use a small Nuxt backend using CF K/V. We may need to add ratelimits, and/or lock requests by auth.

The entry review is required to curate the quality of the entries. We should also have a way to edit the requests to fine-tune the parameters if needed.

We can also automate the entry adding by hooking a tiny GH handler in the backend so a PR is created. A way to handle raceconditions may be needed.

Alternatives considered

Doing it as we do right now, making a PR to a JSON file with huge development requirements.

Additional context

Comments at #34.

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	@types/prettier

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update all non-major dependencies (@types/node, discord-api-types, wrangler)

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• chore(deps): update dependency nuxt-security to v1

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Is there an existing issue or pull request for this?

• I have searched the existing issues and pull requests

Feature description

The scrollbars are customized using the WebKit extension, however, they aren't for Mozilla, which uses slightly different syntax.

Desired solution

Add CSS for scrollbars on Mozilla so they look similar to the WebKit counterpart.

Alternatives considered

N/a.

Additional context

No response

Is there an existing issue or pull request for this?

• I have searched the existing issues and pull requests

Feature description

Currently, only one font family and size are supported, however, memes come in all shapes and templates.

Desired solution

Add the following modifiers:

• All caps
• Bold
• Italic
• Outline width
• Max font size
• Text align
• Vertical align
• Opacity

Alternatives considered

N/a.

Additional context

Comments at #34.

Is there an existing issue or pull request for this?

• I have searched the existing issues and pull requests

Feature description

Right now to place the boxes and circles, we are using sliders, which are outside of the canvas, and aren't as accurate or as fast as GUI elements the user can drag to move, resize, and rotate.

Desired solution

Add GUI elements the user can drag around, resize, and rotate.

Alternatives considered

One working project demonstrating this is available https://konvajs.org/docs/vue/Transformer.html

Additional context

Comments at #34.

Is there an existing issue for this?

• I have searched the existing issues

Description of the bug

The UX of the sliders is far from perfect, being a circle in a box rather than being a circle in a line.

Steps To Reproduce

Open the website, insert an image, create a new box or new avatar position, sliders will be shown inside a box.

Expected behavior

Sliders are a circle on a line.

Screenshots

No response

Additional context

Comments at #34.

Is there an existing issue for this?

• I have searched the existing issues

Description of the bug

If the user gives any image URL that cannot be loaded, the website shows a warning box saying that an image URL has to be given rather than being more descriptive.

Steps To Reproduce

Insert an invalid link or image link.

Expected behavior

It should display a descriptive error.

Screenshots

No response

Additional context

Comments at #34.

Is there an existing issue or pull request for this?

• I have searched the existing issues and pull requests

Feature description

Some websites send an alert when there are pending changes without saving, this prevents data loss when the browser tab is closed accidentally.

Desired solution

Add a prompt to confirm whether or not the user wants to leave with unsaved changes.

Alternatives considered

Storing it in localStorage, although it can also be undesirable unless we add a "Clear Template" button.

Additional context

No response

Is there an existing issue or pull request for this?

• I have searched the existing issues and pull requests

Feature description

A way to visualize and see all existing meme templates.

Desired solution

We can pull this information from https://github.com/skyra-project/artiel/blob/main/src/generated/data/memes.json.

We can also use this list to find duplicates when typing the meme's name.

Alternatives considered

N/a.

Additional context

Comments at #34.

Is there an existing issue for this?

• I have searched the existing issues

Description of the bug

The name of the section for the text boxes aren't very intuitive.

Steps To Reproduce

Open the website.

Expected behavior

It should display a more descriptive name such as "Text Boxes".

Screenshots

No response

Additional context

Comments at #34.

Is there an existing issue or pull request for this?

• I have searched the existing issues and pull requests

Feature description

A CDN where we would re-upload all the assets (as opposed to relying on external services). This would be to increase reliability (e.g. external services being down or changing the image paths).

Desired solution

A CDN that would be either using Cloudflare's CDN, or a CDN service from the server.

Alternatives considered

N/a.

Additional context

Comments at #34.