feat: replace twitter with x

Author: LoganDupont

.github/ISSUE_TEMPLATE/add-community.yml

@@ -38,9 +38,9 @@ body:
     attributes:
       label: Bluesky
   - type: input
-    id: twitter
+    id: x
     attributes:
-      label: Twitter
+      label: X
   - type: input
     id: linkedin
     attributes:

CONTRIBUTING.md

@@ -53,7 +53,7 @@ export interface Community {
   mediaChannel: MediaChannel | null;
   logo: string | null;
   bluesky: string | null;
-  twitter: string | null;
+  x: string | null;
   linkedin: string | null;
   callForPapers: string | null;
   events: Event[];

angular-hub/src/app/components/cards/community-card.component.ts

@@ -129,15 +129,15 @@ import { Community } from '../../../models/community.model';
               />
             </a>
           }
-          @if (community().twitterUrl) {
+          @if (community().xUrl) {
             <a
               class="rounded-xl bg-[#344255] hover:bg-[#4C5765] p-2"
-              [attr.href]="community().twitterUrl"
+              [attr.href]="community().xUrl"
               target="_blank"
-              title="Twitter URL"
+              title="X URL"
             >
               <img
-                ngSrc="/assets/icons/twitter-icon.svg"
+                ngSrc="/assets/icons/x-twitter-icon.svg"
                 alt=""
                 height="30"
                 width="30"
@@ -237,15 +237,15 @@ import { Community } from '../../../models/community.model';
             />
           </a>
         }
-        @if (community().twitterUrl) {
+        @if (community().xUrl) {
           <a
             class="rounded-xl bg-[#344255] p-2"
-            [attr.href]="community().twitterUrl"
+            [attr.href]="community().xUrl"
             target="_blank"
             title="events URL"
           >
             <img
-              ngSrc="/assets/icons/twitter-icon.svg"
+              ngSrc="/assets/icons/x-twitter-icon.svg"
               alt=""
               height="20"
               width="20"

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

@@ -1,20 +1,20 @@
+import { injectLoad, RouteMeta } from '@analogjs/router';
+import { NgTemplateOutlet } from '@angular/common';
 import { Component, computed, signal, viewChild } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
-import { injectLoad, RouteMeta } from '@analogjs/router';
-import { load } from './index.server';
-import { CalendarModule } from 'primeng/calendar';
 import { FormsModule } from '@angular/forms';
+import { Title } from '@angular/platform-browser';
 import { isSameDay, isThisISOWeek, isToday, isWithinInterval } from 'date-fns';
 import { ButtonModule } from 'primeng/button';
+import { CalendarModule } from 'primeng/calendar';
 import { DropdownModule } from 'primeng/dropdown';
 import { InputSwitchModule } from 'primeng/inputswitch';
-import { Title } from '@angular/platform-browser';
-import { JsonLdService } from '../services/json-ld.service';
-import { Sidebar, SidebarModule } from 'primeng/sidebar';
-import { NgTemplateOutlet } from '@angular/common';
 import { MessagesModule } from 'primeng/messages';
+import { Sidebar, SidebarModule } from 'primeng/sidebar';
 import { EventSectionComponent } from '../components/event-section.component';
 import { MessageComponent } from '../components/message.component';
+import { JsonLdService } from '../services/json-ld.service';
+import { load } from './index.server';
 
 export const routeMeta: RouteMeta = {
   meta: [
@@ -31,7 +31,7 @@ export const routeMeta: RouteMeta = {
       content: '/api/v1/og-image',
     },
     {
-      name: 'twitter:image',
+      name: 'x:image',
       content: '/api/v1/og-image',
     },
   ],
@@ -341,7 +341,7 @@ export default class EventsComponent {
         name: 'Gerome Grignon',
         url: 'https://www.gerome.dev/',
         sameAs: [
-          'https://twitter.com/GeromeDEV',
+          'https://x.com/GeromeDEV',
           'https://www.linkedin.com/in/gerome-grignon/',
           'https://github.com/geromegrignon',
         ],

angular-hub/src/app/pages/watch-party/index.page.ts

@@ -1,9 +1,9 @@
-import { afterNextRender, Component, signal } from '@angular/core';
 import { RouteMeta } from '@analogjs/router';
-import { BannerComponent } from '../../components/banner.component';
-import { TableModule } from 'primeng/table';
+import { afterNextRender, Component, signal } from '@angular/core';
 import { DialogModule } from 'primeng/dialog';
 import { InputTextModule } from 'primeng/inputtext';
+import { TableModule } from 'primeng/table';
+import { BannerComponent } from '../../components/banner.component';
 
 type WatchParty = {
   location: string;
@@ -27,7 +27,7 @@ export const routeMeta: RouteMeta = {
       content: '/assets/images/og-image.webp',
     },
     {
-      name: 'twitter:image',
+      name: 'x:image',
       content: '/assets/images/og-image.webp',
     },
   ],

angular-hub/src/models/community.model.ts

@@ -10,7 +10,7 @@ export interface Community {
   websiteUrl: string | null;
   organizersUrl: string | null;
   blueskyUrl: string | null;
-  twitterUrl: string | null;
+  xUrl: string | null;
   linkedinUrl: string | null;
   youtubeUrl: string | null;
   twitchUrl: string | null;

angular-hub/src/public/assets/data/community.json

@@ -25,7 +25,7 @@
   },
   {
     "name": "Angular Space",
-    "url": "https://twitter.com/i/communities/1726237719762714636",
+    "url": "https://x.com/i/communities/1726237719762714636",
     "logo": "assets/logos/angular-space.webp",
     "language": "English"
   },

angular-hub/src/public/assets/data/podcast.json

@@ -44,7 +44,7 @@ paths:
                       type: string
                     blueskyUrl:
                       type: string
-                    twitterUrl:
+                    xUrl:
                       type: string
                     linkedinUrl:
                       type: string
@@ -156,7 +156,7 @@ paths:
                       type: string
                     blueskyUrl:
                       type: string
-                    twitterUrl:
+                    xUrl:
                       type: string
                     linkedinUrl:
                       type: string

angular-hub/src/public/assets/icons/twitter-icon.svg

@@ -10,7 +10,7 @@ export const CommunitySchema = object({
   websiteUrl: nullable(string()),
   organizersUrl: nullable(string()),
   blueskyUrl: nullable(string()),
-  twitterUrl: nullable(string()),
+  xUrl: nullable(string()),
   linkedinUrl: nullable(string()),
   youtubeUrl: nullable(string()),
   twitchUrl: nullable(string()),

angular-hub/src/public/assets/icons/x-twitter-icon.svg

@@ -50,7 +50,7 @@ export async function createCommunityGenerator(
       location: options.location ?? '',
       logo: options.logo ?? '',
       bluesky: options.bluesky ?? '',
-      twitter: options.twitter ?? '',
+      x: options.x ?? '',
       linkedin: options.linkedin ?? '',
       callForPapers: options.callForPapers ?? '',
       events: [],

angular-hub/src/public/assets/swagger/openapi.yml

@@ -5,7 +5,7 @@ export interface CreateCommunityGeneratorSchema {
   url?: string;
   logo?: string;
   bluesky?: string;
-  twitter?: string;
+  x?: string;
   linkedin?: string;
   callForPapers?: string;
 }

angular-hub/src/server/schemas/community.schema.ts

@@ -60,10 +60,10 @@
       "description": "Provide the bluesky account link",
       "x-prompt": "Provide the bluesky profile:"
     },
-    "twitter": {
+    "x": {
       "type": "string",
-      "description": "Provide the twitter account link",
-      "x-prompt": "Provide the twitter profile:"
+      "description": "Provide the x account link",
+      "x-prompt": "Provide the x profile:"
     },
     "linkedin": {
       "type": "string",

libs/plugin/src/generators/create-community/generator.ts

@@ -7,7 +7,7 @@ export interface Community {
   url?: string;
   logo?: string;
   bluesky?: string;
-  twitter?: string;
+  x?: string;
   linkedin?: string;
   callForPapers?: string;
   events: Event[];