angular-sanctuary/angular-hub

Curated list of Angular events and communities

angular-hub's Issues

[Bug]: show logo in header on mobile devices

Relevant scope

angular application

Description

On mobile dev, only the menu icon is shown, would be great to also show the logo

[Feature Request]: add GitHub Action for continuous integration

Relevant Scope

angular application

Description

create a GitHub action to test the commited changes on each PR:

• format with prettier (with nx commands)
• linting with eslint (with nx commands)
• npm run build

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Feature Request]: Move SEO meta definition to Analog RouterMeta

Relevant Scope

angular application

Description

The application currently uses the Title and Meta to update the application metadata for SEO purposes.

Describe the solution you'd like

Use Analog RouterMeta API instead: https://analogjs.org/docs/features/routing/metadata#route-meta-tags

It affects components in the pages folder.

Describe alternatives you've considered

No response

[Bug]: Invalid URL

Relevant scope

angular application

Description

I just cloned the repo, ran npm ci and then npm run start and when the app loads I get the following error in console:

ERROR TypeError: Invalid URL
    at new URL (node:internal/url:814:29)
    at load (/Users/eduardoroth/webapps/angular-hub/node_modules/@analogjs/router/fesm2022/analogjs-router.mjs:91:29)
    at eval (/Users/eduardoroth/webapps/angular-hub/node_modules/@angular/router/fesm2022/router.mjs:4141:78)
    at Module.runInInjectionContext (/Users/eduardoroth/webapps/angular-hub/node_modules/@angular/core/fesm2022/core.mjs:3405:16)
    at getResolver (/Users/eduardoroth/webapps/angular-hub/node_modules/@angular/router/fesm2022/router.mjs:4141:33)
    at eval (/Users/eduardoroth/webapps/angular-hub/node_modules/@angular/router/fesm2022/router.mjs:4132:90)
    at doInnerSub (/Users/eduardoroth/webapps/angular-hub/node_modules/rxjs/dist/cjs/internal/operators/mergeInternals.js:22:31)
    at outerNext (/Users/eduardoroth/webapps/angular-hub/node_modules/rxjs/dist/cjs/internal/operators/mergeInternals.js:17:70)
    at OperatorSubscriber._this._next (/Users/eduardoroth/webapps/angular-hub/node_modules/rxjs/dist/cjs/internal/operators/OperatorSubscriber.js:33:21)
    at Subscriber.next (/Users/eduardoroth/webapps/angular-hub/node_modules/rxjs/dist/cjs/internal/Subscriber.js:51:18) {
  code: 'ERR_INVALID_URL',
  input: ''
}

Do you want to contribute with a pull request?

Yes

[Bug]: "Upcoming events this week" under "Discover" page does not show events happening today

Relevant scope

angular application

Description

"Upcoming events this week" under "Discover" page does not show today's events. There are two events happening today, which can be seen under the "Upcoming" section on the actual "Agenda" (/events) page.

It should include events happening today.

Do you want to contribute with a pull request?

Yes

[Feature Request]: Capitalize categories on communities cards

Relevant Scope

angular application

Description

The 'meetup' and 'conference' words in the list of communities, but also the dates on the CFP page at cards in the same sport should be capitalized for the sake of consistency.

I know that this is not such a problematic fix to be done so maybe you can do it in one of your active working branches, if you busy and have no time, I can do it.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes

[bug]: Search icon in black

Relevant scope

angular application

Description

The search icon is in black color which doesn’t look good in my opinion

[Feature Request]: Order past events from the newest one to the oldest one

Relevant Scope

angular application

Description

Past events are currently sorted from the oldest one to the newest one, making it harder to find past recent events.

Describe the solution you'd like

Move the current sorting in the events observable and applies the expected sorting for each case (upcoming/past).

Describe alternatives you've considered

No response

[Feature Request]: Angular 18 update

Relevant Scope

angular application

Description

Update to Angular 18 once Analog will be updated this week: https://x.com/brandontroberts/status/1794120891292340274

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes

[Feature Request]: add conferences-agenda mention

Relevant Scope

Other: describe below

Description

Add a mention to conferences-agenda in CONTRIBUTING file for the Events part to invite contributors to submit conferences events there too for a broader audience: https://github.com/scraly/developers-conferences-agenda

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Bug]: cfp API returns an html string

Relevant scope

angular application

Description

When using the cfp API I dont get any results but i get an html string.

Do you want to contribute with a pull request?

Yes

[Feature Request]:add an event form

Relevant Scope

angular application

Description

Add an event form on the event page to make it more straightful for people to contribute.
The form should provide data to be reviewed before adding it to the list.

The first version should care about adding events to existing communities only.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

No

[Bug]: Community API link fails

Relevant scope

angular application

Description

Navigation fails when clicking the Community API link. Typing api/v1/swagger occasionally works and allows you to visit the swagger docs. Clicking the link causes navigation to a new window, but not to the swagger documentation.
This is why I originally thought the problem was in the openapi.yml file. Need to add a /swagger route to the yml file?

Do you want to contribute with a pull request?

Yes

[Feature Request]: Create schematic for adding conferences, meetups, and talks.

Relevant Scope

angular application

Description

To ease the process of adding new confs, talks, and meetups, I propose creating a schematic to handle this process.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes

[Feature Request]: Add placeholder on search boxes on each page

Relevant Scope

angular application

Description

Add a placeholder at each search box on all pages.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes

[Bug]: Analog authoring format breaking PrimeNG components

Relevant scope

angular application

Description

Analog authoring format added with #287 works fine by serving the application locally.

However, all PrimeNG components disappears with the production build.
You can reproduce it by running the following commands on the analog-format branch:

npx nx build angular-hub
node dist/angular-hub/analog/server/index.mjs

It affects all PrimeNG components.

Do you want to contribute with a pull request?

No

[Bug]: [CFP] Navigation Item not highlighted

Relevant scope

angular application

Description

Relevant Scope

Angular Application
Navigation

Description

For example, When we clicked on the CFP Link, the link is highligthed.
Then when we change the filter by clicking on conferences for example, the CFP Link is not highlighted anymore.
Not sure if it's normal or not.

Describe alternatives you've considered

Maybe consider using the routerLinkActiveOptions property to match only the path and not with the QueryParams

navigation.component.html
<a class="!text-white" mat-list-item routerLink="/cfp" routerLinkActive="active" [queryParams]="{ state: 'all' }" routerLinkActiveOptions]="myMatchOptions" >CFP</a >

navigation.component.ts
readonly myMatchOptions: IsActiveMatchOptions = { queryParams: 'ignored', matrixParams: 'exact', paths: 'exact', fragment: 'exact', };

[Bug]: Important infos only showing for mobile devices

Relevant scope

angular application

Description

hello folks , im not sure if it is working as expected ... but, for desktop devices the end user should see the contribute and community API links as well ... its only visible at mobile devices ...

navigation component

Do you want to contribute with a pull request?

Yes

[Feature Request]: Update Angular components to Analog SFC format

Relevant Scope

angular application

Description

Analog provides an unique component authoring format: Analog SFC.

Describe the solution you'd like

Update each Angular component to this authoring format.
You can check the related documentation here: https://analogjs.org/docs/experimental/sfc

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

No

[Feature Request]: Switch to new Control Flow syntax & update Prettier to support it

Relevant Scope

angular application

Description

We're already on Angular v17 so that we can switch to the new control flow syntax.

Prettier added support for the syntax in v3.1.0, so that would need to updated as well.

Describe the solution you'd like

Run ng generate @angular/core:control-flow

Check the existing TODO comments for showing the empty state, and add a simple default status message until we get inspiration for some design.

Describe alternatives you've considered

No real impact without this.

Do you want to contribute with a pull request?

Yes

[Feature Request]: Enable CORS for API

Relevant Scope

angular application

Description

Currently there's Swagger UI docs for the API works, but the API has CORS restrictions, so the API is not usable for other Angular (or javascript apps).

Describe the solution you'd like

Enable CORS so the API can be used from other applications.

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes

[Feature Request]: Have a button on the home to go somewhere

Relevant Scope

angular application

Description

On mobile particularly, when coming on the home page, that is no link beside the "contribute" in the footer.

Maybe we should have a button to the agenda.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Feature Request]: Preserve search input in URL

Relevant Scope

angular application

Description

When searching for communities, agendas, or CFPs, make sure that the search term is preserved on the URL so it can be shared between users for easier navigation, and use.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Feature Request]: Enable View Transitions to the app

Relevant Scope

angular application

Description

Enable view transition to the app so we have smooth navigation back and forth

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Feature Request]: PWA support

Relevant Scope

angular application

Description

Add PWA support so users can use the application offline and install it.

Describe the solution you'd like

Use @angular/pwapackage

• run npm install @angular/pwa firstly as it's a nx workspace
• run npx nx g @angular/pwa:ng-add --project=angular-hub to run the schematic

Update created icons

You can use this image here as a starter
There are multiples web app to generate different icons based one it, like PWA Builder

Add update mechanism

Add some logic to reload the application on updates, for example:

router.events
      .pipe(
        filter((event) => event instanceof NavigationEnd),
        switchMap(() => this.swUpdate.versionUpdates),
        filter((evt): evt is VersionReadyEvent => evt.type === 'VERSION_READY')
      )
      .subscribe(() => {
        document.location.reload();
      });
      ```

### Describe alternatives you've considered

_No response_

[Bug]: sidenav appearing on application load on mobile

Relevant scope

angular application

Description

On mobile screens, the expected visual behavior is to hide the sidenav by default.
But by landing/refreshing the application, the sidenav quickly appears for a second.

About the analysis, I could not reproduce it so far by creating a brand new project with Angular 17 and the material navigation schematic used.

[Feature Request]: Filter events by location

Relevant Scope

angular application

Description

It could be nice to filter events based on their location. Similarily, other filters could be helpful (free? remote-based?).

Describe the solution you'd like

A filter section could be added on the top of the events to customize the ones displayed.

Describe alternatives you've considered

No response

[Feature Request]: add AngularSP Brazil community

Relevant Scope

Other: describe below

Description

Brazil has an Angular Community, the idea is to include it in the list

Describe the solution you'd like

Add AngularSP community

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes

[Feature Request]: use withEventReplay

Relevant Scope

angular application

Description

Once the project updated to v18 (#273), add withEventReplay

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

No

[Feature Request]: Add rxlet in navigation component

Relevant Scope

angular application

Description

The navigation component is currently relying on a lot of subscriptions for isHandset$ observable, impacting the code readibility.

Describe the solution you'd like

Add @rx-angular/template package and use it on the mat-sidenav-container tag to subscribe only once and expose a local variable to be used in place of exiting isHandset$.

Describe alternatives you've considered

No response

[Feature Request]: Add a watch party pages for Angular releases

Relevant Scope

angular application

Description

Communities started to host 'watch parties' to see the Angular live event as a community.
It should be awesome to list these events for the community to find about local events.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes

[Feature Request]: Add Podcasts section

Relevant Scope

angular application

Description

Some communities are using a podcast format to invite speakers to share their knowledge

Describe the solution you'd like

Add a new Podcast section:

• placed after 'Communities' in the navigation order
• it should look the same as the 'Communities' page, focused only on organizations, not episodes.

Prerequisite: #21

Describe alternatives you've considered

No response

[Feature Request]: Add commitlint

Relevant Scope

angular application

Description

Add commitlint to validate the consistency of commit messages

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Bug]: color issue on search box in light mode

Relevant scope

angular application

Description

Description
In light mode, the search box has issue color. See below:

Describe the solution you'd like
No response

Describe alternatives you've considered
No response

Do you want to contribute with a pull request?

Yes

[Bug]: Today's events are included in both Upcoming and Past

Relevant scope

angular application

Description

Events for today (Nov 23) are showing up in upcoming as well as past events. Off by one error, but we also need to consider the rough time.

See:

• Upcoming events: https://angular-hub.com/events?state=upcoming
• Past events: https://angular-hub.com/events?state=past

Upcoming	Past

Suggested fix

Behavior should be to skip showing today's event in Past section even if the event might have ended today. This would take care of events where we do not know the "time" of the event and only the "date".

Fix is needed here:

angular-hub/angular-hub/src/app/pages/events/index.page.ts

Lines 85 to 90 in 41f063e

	pastEvents = this.evenements.filter(
	(event) => new Date(event.attributes.date).getTime() < Date.now()
	);
	upcomingEvents = this.evenements.filter(
	(event) => new Date(event.attributes.date) >= this.today()
	);

[Bug]: Dates showing up incorrectly (might be timezone issue)

Relevant scope

event content

Description

All events are showing one day earlier than they actually are. Content files have the correct date in frontmatter, but no timestamp, and I'm on GMT-4, which is why I suspect timezones.

[Feature Request]: Event tags

Relevant Scope

event content

Description

Hi, first of all - great idea for this project! I appreciate the work!

Currently, all events are mixed together, so it would be nice to have them tagged by type, for example:

• Online
• In-person
• Online & In-person

Also, a Free tag might be worth having.
There is already a feature request regarding that #5

I can help prepare a PoC for that :)

Describe the solution you'd like

I didn't dive deep enough into the code but I noticed events metadata is pulled from .md files. We could add tags row if that's possible:

---
title: 'Angular Meetup #12'
...
tags: ['Online', 'In-Person']
---

Describe alternatives you've considered

No response

[Bug]: (Feedback) Discover page should just be the home page

Relevant scope

angular application

Description

• The home/landing page is a PWA splash page. Instead, we could show the contents of the Discover page.
• The "Upcoming events this week" section shows the current/past week since today is the last day of the week. This could be renamed to omit the "upcoming" part, to something like: "Events with week" or "This week in Angular"
• We should add a "View all" link/button that redirects to the "Agenda" page.

Do you want to contribute with a pull request?

No

[Feature Request]: Customize PrimeNG color theme

Relevant Scope

angular application

Description

Customize the PrimeNG color theme (https://primeng.org/theming#customtheme) so ti matches the colors defined in Tailwind configuration file (https://github.com/angular-sanctuary/angular-hub/blob/main/angular-hub/tailwind.config.cjs)

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

No

[Feature Request]: Show count of upcoming events/talks on home/landing page

Relevant Scope

angular application

Description

Show counts for specific metrics in callout cards (with links) on the home/landing page:

• Upcoming: (These are important. Great to have.)
  • Events.
  • CFPs.
  • Talks. (When we have the list)
• General: (These are vanity metrics. Nice to have.)
  • Total communities.
  • Total podcasts.

Describe the solution you'd like

It could something look like this:

1. Direct numbers. (Design source)
   

OR

2. Cards / Bento style. (Design source)
   

Describe alternatives you've considered

Open each page and check what's upcoming.

[Feature Request]: Sidenav menu

Relevant Scope

angular application

Description

More sections might be added but the current navigation will be too large for mobile screens.

Describe the solution you'd like

Move the navigation to a sidenav one, by using a burger menu icon (https://fonts.google.com/icons?selected=Material+Symbols+Outlined:menu:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=menu) to trigger it.

The button menu burger should be placed on the left side of the current page title (Events, CFP...).

Feel free to comment here if you need details or some confirmation about the solution.

Describe alternatives you've considered

No response

[Feature Request]: Add i18n support

Relevant Scope

angular application

Description

Please add i18n support to have geo localization transaltion for the new angular hub

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Feature Request]: Visible sidebar on >= md screens

Relevant Scope

angular application

Description

There are plans to add at least 2 new features and authentication.
The new links will complicate keeping the top navigation bar in its current state.

Describe the solution you'd like

Move the navigation to a sidebar one.
The perfect plan would be to update the current mobile sidebar one to a fully custom template.
It would allow it to be used inside the primeng sidebar or as a dedicated part of the page for larger screens.

Describe alternatives you've considered

An alternative would be to use css to display primeng sidebar directly but it closeable.

Do you want to contribute with a pull request?

Yes

[New podcast]: test

Podcast name

Podcast test

Podcast URL

https://github.com/angular-sanctuary/angular-hub

Podcast logo

https://angular-hub.com/assets/images/logo.webp

Language

Klingon

[Feature Request]: Add a 'favorite' feature

Relevant Scope

angular application

Description

Add a way for users to favorite any element (event, communities, podcasts...) to retrieve them easily.
It involves:

• a solution to favorite/unfavorite each element
• a solution to save the list for each user (with localstorage)
• a solution to list the favorited elements.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

[Feature Request]: add language tag to Events

Relevant Scope

angular application

Description

Some events are not in english.

Describe the solution you'd like

Two tasks:

• update the frontmatter of each content/events file to add a newlanguageentry.
• add a single tag before the current list of event tags (free / Online / On-Site), the same way it's done on Podcasts side

Describe alternatives you've considered

No response

[Feature Request]: Add the "no result"-kind of label when filtering communities/events

Relevant Scope

angular application

Description

When filtering events or communities, and no result is returned, show a label/message that makes it noticeable.

Describe the solution you'd like

No response

Describe alternatives you've considered

No response

Do you want to contribute with a pull request?

Yes