akryum / awesomejs.dev Goto Github PK

Is your feature request related to a problem? Please describe.
The user is not exactly sure how the new package will look like.

Describe the solution you'd like
Display a preview of the proposed package side-by-side with the form.

Is your feature request related to a problem? Please describe.
I'm always frustrated when can't add to category Jquery, React native, PostHTML, TypeScript, Rollup.js, RxJS

Describe the solution you'd like
Add сategories Jquery, React native, PostHTML, TypeScript, Rollup.js, RxJS

Additional context
PR for icons PostHTML, jQuery, TypeScript, Rollup.js, RxJS

Describe the bug
When the metadata is considered expired (currently after 6 hours), the resolver fetches new data from both NPM and GitHub APIs, slowing down the whole query. This work should be offloaded to a parallel "job" and old data shall be returned immediately unless there isn't any metadata (freshly added package).

To Reproduce
Steps to reproduce the behavior:

1. Wait 6 hours
2. Refresh a project type view page

Expected behavior
Lightning fast loading ⚡

Screenshots

Here we can see a 1.7s long example on Apollo Engine:

Is your feature request related to a problem? Please describe.
Moderator can't provide feedback to the community.

Describe the solution you'd like
Moderator should be able to publish comments on a package or a proposal.

• GitHub
• GitLab

• Packages

• PackageProposals

• NPM

• GitHub

• ???

Bookmarks appear before other project types

Special "official" tag to mark packages/repos as officially supported by the framework team.

Example: vue-router in the Vue project type.

Is your feature request related to a problem? Please describe.
Some submissions are invalid, such as typings.

Describe the solution you'd like
Mark proposals as "Rejected". Rejected proposals can't be upvoted nor approved. They are ignored for proposal count.

Is your feature request related to a problem? Please describe.
There is no visibility on changes made to a package or a proposal.

Describe the solution you'd like
Display a change history. For example: GitHub Pullrequest history.

We should use a multi-select for tags input and show existing tags

Allow package info edition by admin

• Proposals
• Package

Describe the bug
Because the OAuth settings are set to specific whitelisted callback URLs, signing in on deploy previews is impossible currently.

Solution would be to pass the origin to the strategy meta option and redirect from production to the preview url after auth is successful.

To Reproduce
Steps to reproduce the behavior:

1. Go to deploy preview (not production)
2. Try to sign in with GitHub

Expected behavior
Be able to sign in with OAuth

Is your feature request related to a problem? Please describe.
See more advanced information about a package such as download counts

Describe the solution you'd like
A new 'Insight' tab with reporting charts

• Form
• Upload and process logo
• Upvoting
• Approval process

• GitHub releases
• CHANGELOD.md / History.md

• GitLab Signin
• User accounts tab

Describe the bug
The user is redirected to the home page no matter which page they were on just before signing in.

To Reproduce
Steps to reproduce the behavior:

1. Go to a page other than home
2. Signin in

Expected behavior
The user should be redirected to the exact same page they were before signing in

So we think that in the future, such a list might be better handled on e.g. https://awesomejs.dev - we could put you there as moderators checking contributions as well.

@Akryum Hi, can I be added to the moderators for checking contributions?

Awesome! I don't have contributing documentation available yet though.

At the expense of the criteria, you can stick to the current list from CONTRIBUTING

This could help migrating data from awesome-vue

In relation to this, I realized that it is necessary to develop api for the possibility of adding contributions.

I could make adding contributions directly from PR

Allow GitHub/GitLab repo input instead of NPM package.

• Switch between NPM/GitHub/GitLab
• GitHub check
• GitLab check
• Refactor mutation

Thanks for this awesome project!

I'd like to suggest a new project type, "Svelte" (https://svelte.dev). The Svelte project and its ecosystem are gaining interest in the community for sure, so I think it's a valueable addition.
Thanks for considering this!

Display a list of selectable tags in the Search Overlay

Allow any user to propose a change to the package info.

• Propose change form
• Approve change workflow (admin)

Describe the bug
When selecting a package, it jumps to the top of the page.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://awesomejs.dev
2. Select Vue.js
3. Scroll down
4. Select a package

Expected behavior
Position should be maintained.

Desktop (please complete the following information):

• OS: Windows 10 (x64)
• Browser Firefox
• Version 69.0.3

Describe the bug
If the package name in the github has a dot, the value after the dot and the dot is truncated

To Reproduce
Steps to reproduce the behavior:

1. Go to https://awesomejs.dev/
2. Click on '+ Package'
3. Enter a package name, for example dropper.mood
4. See error

Expected behavior
The correct package name in the box GitHub DataSource: and lack of error

Is your feature request related to a problem? Please describe.
Users can't create a collection of packages. This would be very useful to create curated lists of packages. For example: Vue SSR (to be embedded on https://github.com/dobromir-hristov/vuecommunity).

Describe the solution you'd like
Users can create collections.

Collection properties:

• Name
• Markdown description (optional)
• List of packages

Describe alternatives you've considered

Additional context

Special tags for versions of the framework/project type. Useful when a new major version comes out and the related ecosystem is migrating.

• Improve SEO
• Improve performance?
• Fix OpenGraph metadata

Hi !

I found an issue with my Firefox ESR 60.
The search box is not available (even with focus). Search component seems to not be render properly.

DOM of the header

<div class="flex px-4 my-4 lg:px-16 lg:my-8 relative">
  <a href="/" class="flex-none router-link-active"
    ><img src="/img/project-types/vue.png" alt="Logo" class="w-8 h-8 rounded"
  /></a>
  <div class="flex-1"></div>
  <a
    href="/pkg/add?projectTypeId=244960085436006912"
    class="inline-block cursor-pointer text-center relative rounded select-none outline-none px-4 py-1 text-gray-600 hover:text-gray-500 mr-4"
    type="button"
    tabindex="0"
    role="button"
    ><div class="flex items-center justify-center rounded">
      <i class="material-icons text-lg mr-2">add</i> Add package
      <!---->
    </div>
    <!----></a
  >
  <div>
    <div class="w-8 h-8 flex items-center justify-center">
      <a href="/me/" class=""
        ><img
          src="https://avatars3.githubusercontent.com/u/2922851?v=4"
          alt="User"
          class="max-w-full max-h-full rounded-full bg-gray-700"
      /></a>
    </div>
  </div>
  <div class="absolute top-0 left-0 w-full h-0 flex justify-center">
    <button
      type="button"
      tabindex="0"
      role="button"
      class="inline-block cursor-pointer text-center relative rounded select-none outline-none px-4 py-1 text-gray-600 hover:text-gray-500"
    >
      <div class="flex items-center justify-center rounded">
        <i class="material-icons text-lg mr-2">search</i> Search...
        <!---->
      </div>
      <!---->
    </button>
  </div>
</div>

Is your feature request related to a problem? Please describe.
I'm always frustrated when I can not delete accepted package

• as the user who added
• as an option for the moderator

Describe the solution you'd like
Add button remove package

Get notified when a new package is proposed or approved

• Subscribe button
• Email notification
• Push notification

Describe the bug
When activating the search overlay, disable scrolling on the body.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://awesomejs.dev
2. Click search
3. Scroll outside of the results list.

Expected behavior
Scrolling should be locked to the search to prevent focus being lost.

Desktop (please complete the following information):

• OS: Windows 10 (x64)
• Browser Firefox
• Version 69.0.3

Would be great if it could be added to organize deps a little better: https://tailwindcss.com

Allow filtering project types by categories

Is your feature request related to a problem? Please describe.
I think my workflow could be faster if I had a button that would let me install the listed package when I'm on the UI. And perhaps even provide indication if the package is already installed (locally or globally)

Describe the solution you'd like
A clear and concise description of what you want to happen.
In order to "npm install" packages, access is needed to the client's filesystem. So, most likely a companion service (NodeJS) would need to be running listening for the "addPackage" requests. So, an "Add Package" button would only appear if that service is running.

Clicking the "Add Package" button would prompt if the user wants to install globally or locally and would either run npm i [package-name] or npm i -g [package-name]. "Add Package" would also just need to know/remember the user's project directory for installing locally.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

I mostly use the command line, and this is pretty fast for me. However, I think having the control on the UI would help me work faster. Plus, if I have a history of packages I've installed in the past (say, some from project A, others for project B), it may be useful if I could refer back to that list. While I know I could just use my package.json files, it can turn out to be 10-20 package.json files I look through.

Additional context
Add any other context or screenshots about the feature request here.

Suggested screenshot

Automatically approve proposed packages if they have more than a specific number of upvotes.

Awesome work on the project. I've seen various package discovery tools out there, but Awesome JS shines in terms of design and functionality.

Is there a way to generate the Fauna Schema when installing it locally?
From what I've seen there isn't any so far. I've started working on generating one by looking at the GraphQL operations, but is time consuming.

What do you think about adding a nodepack migration for Fauna?

I appreciate the time reading this. Thanks!

Is your feature request related to a problem? Please describe.
We are having some great Vite resources recently and they are dissociated around in Github and communities, it would be great to have a category for Vite that allows people to post and browse the resources.

Describe the solution you'd like
https://awesomejs.dev/for/vite