Skip to content

Commit bd84160

Browse files
authored
chore: replacing internationalized OG with updated React Aria icon (#9350)
1 parent cd3c588 commit bd84160

File tree

1 file changed

+11
-111
lines changed

1 file changed

+11
-111
lines changed

packages/dev/s2-docs/scripts/generateOGImages.mjs

Lines changed: 11 additions & 111 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,6 @@ function getSubtitle(slug) {
3737
const folder = slugParts[0];
3838
switch (folder) {
3939
case 'react-aria':
40-
if (slugParts[1] === 'internationalized') {
41-
return 'Internationalized';
42-
}
4340
return 'React Aria';
4441
case 's2':
4542
default:
@@ -61,124 +58,27 @@ const [adobeCleanRegular, adobeCleanBold] = await Promise.all([
6158
]);
6259

6360
function getLibraryLogo(subtitle) {
64-
if (subtitle === 'React Aria') {
65-
return {
66-
type: 'svg',
67-
props: {
68-
width: 156,
69-
height: 150,
70-
viewBox: '15.79 17.64 131.21 126.14',
71-
xmlns: 'http://www.w3.org/2000/svg',
72-
children: [
73-
{
74-
type: 'defs',
75-
props: {
76-
children: {
77-
type: 'clipPath',
78-
props: {
79-
id: 'a',
80-
children: {
81-
type: 'path',
82-
props: {
83-
d: 'M80 136c30.93 0 56-25.07 56-56s-25.07-56-56-56-56 25.07-56 56 25.07 56 56 56Zm8.48-86.3c0 4.69-3.8 8.48-8.48 8.48s-8.48-3.8-8.48-8.48 3.8-8.48 8.48-8.48 8.48 3.8 8.48 8.48ZM51.09 61.78c.52-1.8 2.39-2.85 4.2-2.33a89.865 89.865 0 0 0 48.82.17l.64-.18c1.81-.5 3.68.55 4.18 2.36a3.39 3.39 0 0 1-2.36 4.18l-.64.18a97.139 97.139 0 0 1-15.51 2.98c-1.03.11-1.82.97-1.82 2.01v14.89c0 .18.03.37.08.55 1.37 4.83 2.94 10.39 4.32 15.27.98 3.46 1.86 6.58 2.49 8.85.32 1.14.58 2.06.76 2.71l.04.15c.13.48.27.97.31 1.16a3.38 3.38 0 0 1-2.66 3.99 3.38 3.38 0 0 1-3.99-2.66c.02.09 0 .04-.08-.27-.04-.13-.09-.31-.15-.54-.18-.65-.44-1.57-.76-2.7-.64-2.27-1.52-5.39-2.49-8.85l-3.74-13.21a1.992 1.992 0 0 0-1.92-1.45h-1.6c-.89 0-1.68.59-1.92 1.45-1.22 4.3-2.55 9.01-3.74 13.21-.98 3.46-1.85 6.58-2.49 8.85-.32 1.13-.58 2.06-.76 2.7-.06.23-.11.41-.15.54-.09.31-.1.36-.08.27a3.39 3.39 0 1 1-6.65-1.33c.04-.18.18-.68.31-1.16l.04-.15c.18-.65.44-1.58.76-2.71.64-2.27 1.52-5.39 2.49-8.85 1.38-4.88 2.95-10.44 4.32-15.27.05-.18.08-.36.08-.55V71.16c0-1.04-.79-1.9-1.82-2.01a96.504 96.504 0 0 1-16.17-3.17 3.395 3.395 0 0 1-2.33-4.2Z',
84-
fill: 'none'
85-
}
86-
}
87-
}
88-
}
89-
}
90-
},
91-
{
92-
type: 'circle',
93-
props: {
94-
cx: 80,
95-
cy: 80,
96-
r: 50.83,
97-
fill: '#fff'
98-
}
99-
},
100-
{
101-
type: 'g',
102-
props: {
103-
clipPath: 'url(#a)',
104-
children: {
105-
type: 'path',
106-
props: {
107-
d: 'M15.79 17.64H147v126.14H15.79z',
108-
fill: '#269ff4'
109-
}
110-
}
111-
}
112-
}
113-
]
114-
}
115-
};
116-
} else if (subtitle === 'Internationalized') {
61+
if (subtitle === 'React Aria' || subtitle === 'Internationalized') {
11762
return {
11863
type: 'svg',
11964
props: {
12065
width: 156,
121-
height: 148,
122-
viewBox: '15 17 135 128',
66+
height: 154,
67+
viewBox: '0 0 801 789',
12368
xmlns: 'http://www.w3.org/2000/svg',
12469
children: [
12570
{
126-
type: 'defs',
127-
props: {
128-
children: [
129-
{
130-
type: 'clipPath',
131-
props: {
132-
id: 'b',
133-
children: {
134-
type: 'path',
135-
props: {
136-
d: 'M23.98 79.99c0-17.01 7.58-32.25 19.54-42.52.92 2.02 2.32 4.67 4 7.13 1.05 1.54 2.28 3.1 3.65 4.41 1.33 1.27 3.04 2.55 5.08 3.13 3.29.94 7.1.8 9.98.7l.88-.03c1.63-.05 2.94-.07 4.03.05 1.11.11 1.57.33 1.71.42.31.2.39.37.41.43.03.08.07.22.03.46-.09.52-.53 1.28-1.4 1.76-2.07 1.15-4.14 2.6-5.69 4.59-1.63 2.09-2.54 4.6-2.54 7.55 0 .86-.07 1.4-.15 1.72v.03c-.28.06-.81.1-1.7.03-.27-.02-.55-.05-.86-.07-2.32-.21-5.69-.5-8.87-.17-3.54.37-8.1 1.64-10.56 5.96-1.08 1.89-2.33 5.04-2.03 8.8.31 3.92 2.27 7.99 6.71 11.55 5.12 4.1 10.75 4.98 18.12 5.8 4.2.47 6.58 1.37 7.94 2.33 1.19.84 1.85 1.9 2.18 3.55.58 2.88-.4 7.19-2.43 12.45-.97 2.52-2.11 5.05-3.24 7.52-.25.54-.5 1.08-.74 1.61-.81 1.76-1.61 3.47-2.27 5.03C41.73 127.9 24 106.03 24 80.02Zm26.36-46.91c-.07-.17-.15-.33-.24-.49a55.64 55.64 0 0 1 12.37-5.84c.05.3.14.6.26.89 2.06 4.9 8.3 10.94 16.68 10.94 4.33 0 7.8-1.86 10.35-3.97 2.53-2.1 4.34-4.6 5.47-6.33.41-.63.62-1.34.65-2.04.69.2 1.37.42 2.05.65-.06.18-.1.37-.13.57-.67 4.46-1.44 10.7-.74 16.34.69 5.54 3.01 11.91 9.76 14.25 5.36 1.86 10.66.94 14.8-.9 2.74-1.22 5.23-2.96 7.07-4.9 2.11 3.7 3.81 7.65 5.04 11.81l-1.75-.36c-3.01-.59-7.06-1.26-11.28-1.54-4.16-.28-8.77-.19-12.78.91-4.02 1.1-8.1 3.44-9.84 8.13-4.86 13.11 1.7 21.06 3.39 22.75 2.55 2.55 5.17 3.75 7.1 4.62.23.11.46.21.67.31 1.86.87 3.19 1.63 4.54 3.58.47.67.94 1.89 1.3 3.74.34 1.8.52 3.89.58 6.11.07 2.2.02 4.41-.04 6.43l-.06 1.63c-.04 1.08-.07 2.1-.09 2.95a55.775 55.775 0 0 1-35.48 12.67c-2.09 0-4.15-.11-6.18-.34.44-.97.91-1.99 1.41-3.08.26-.55.52-1.12.79-1.71 1.15-2.49 2.37-5.21 3.44-7.97 2.05-5.28 3.89-11.54 2.82-16.9-.67-3.35-2.3-6.32-5.41-8.51-2.94-2.07-6.85-3.21-11.67-3.74-7.46-.83-10.89-1.6-14.01-4.09-2.9-2.32-3.62-4.43-3.74-5.93-.13-1.67.44-3.21 1-4.2.51-.9 1.72-1.68 4.44-1.97 2.35-.25 4.9-.03 7.3.18.31.03.62.05.93.08 2.86.24 5.98-.1 8.18-2.42 2.06-2.18 2.33-5.13 2.33-7.33 0-1.17.32-1.95.86-2.64.61-.79 1.63-1.6 3.26-2.51 2.83-1.57 4.87-4.32 5.4-7.4.56-3.26-.64-6.73-3.89-8.9-1.72-1.14-3.68-1.55-5.33-1.72-1.68-.17-3.48-.13-5.1-.08-.22 0-.44.01-.65.02-3.22.11-5.75.19-7.75-.38-.27-.08-.86-.38-1.74-1.22-.84-.8-1.72-1.89-2.58-3.15-1.73-2.53-3.12-5.37-3.79-7Zm73.36 81.97a55.79 55.79 0 0 0 12.32-35.06c0-2.49-.16-4.94-.48-7.34-.05 0-.09-.02-.12-.02-.14-.03-.29-.06-.42-.09-.2-.04-.45-.1-.74-.16l-.35-.08c-.87-.2-2.06-.46-3.47-.73-2.84-.56-6.52-1.16-10.27-1.41-3.81-.25-7.38-.11-10.13.64-2.73.75-3.97 1.89-4.45 3.2-3.38 9.13 1.14 13.91 1.55 14.32 1.49 1.49 2.84 2.11 4.77 3 .23.11.47.22.73.34 2.42 1.13 5.22 2.64 7.73 6.27 1.39 2 2.14 4.47 2.58 6.79.46 2.38.65 4.94.72 7.37.03 1 .04 1.99.03 2.96Zm.28-69.78a56.276 56.276 0 0 0-18.47-15.18c-.57 4.1-.99 8.75-.5 12.73.56 4.56 2.1 6.86 4.44 7.68 2.96 1.03 6.11.6 8.92-.65 2.91-1.3 4.85-3.21 5.46-4.32.05-.09.1-.18.16-.26ZM80 23.96c2.75 0 5.46.2 8.11.58-.9 1.31-2.06 2.75-3.46 3.91-1.61 1.33-3.33 2.13-5.24 2.13-4.39 0-7.99-3.27-9.19-5.78 3.17-.56 6.44-.85 9.78-.85Z',
137-
fill: 'none'
138-
}
139-
}
140-
}
141-
},
142-
{
143-
type: 'clipPath',
144-
props: {
145-
id: 'c',
146-
children: {
147-
type: 'path',
148-
props: {
149-
d: 'M23.98 80c0-17.01 7.58-32.25 19.54-42.52.92 2.02 2.32 4.67 4 7.13 1.05 1.54 2.28 3.1 3.65 4.41 1.33 1.27 3.04 2.55 5.08 3.13 3.29.94 7.1.8 9.98.7l.88-.03c1.63-.05 2.94-.07 4.03.05 1.11.11 1.57.33 1.71.42.31.2.39.37.41.43.03.08.07.22.03.46-.09.52-.53 1.28-1.4 1.76-2.07 1.15-4.14 2.6-5.69 4.59-1.63 2.09-2.54 4.6-2.54 7.55 0 .86-.07 1.4-.15 1.72v.03c-.28.06-.81.1-1.7.03-.27-.02-.55-.05-.86-.07-2.32-.21-5.69-.5-8.87-.17-3.54.37-8.1 1.64-10.56 5.96-1.08 1.89-2.33 5.04-2.03 8.8.31 3.92 2.27 7.99 6.71 11.55 5.12 4.1 10.75 4.98 18.12 5.8 4.2.47 6.58 1.37 7.94 2.33 1.19.84 1.85 1.9 2.18 3.55.58 2.88-.4 7.19-2.43 12.45-.97 2.52-2.11 5.05-3.24 7.52-.25.54-.5 1.08-.74 1.61-.81 1.76-1.61 3.47-2.27 5.03C41.73 127.91 24 106.04 24 80.03Zm99.72 35.06A55.79 55.79 0 0 0 136.02 80c0-2.49-.16-4.94-.48-7.34-.05 0-.09-.02-.12-.02-.14-.03-.29-.06-.42-.09-.2-.04-.45-.1-.74-.16l-.35-.08c-.87-.2-2.06-.46-3.47-.73-2.84-.56-6.52-1.16-10.27-1.41-3.81-.25-7.38-.11-10.13.64-2.73.75-3.97 1.89-4.45 3.2-3.38 9.13 1.14 13.91 1.55 14.32 1.49 1.49 2.84 2.11 4.77 3 .23.11.47.22.73.34 2.42 1.13 5.22 2.64 7.73 6.27 1.39 2 2.14 4.47 2.58 6.79.46 2.38.65 4.94.72 7.37.03 1 .04 1.99.03 2.96Zm.28-69.77a56.276 56.276 0 0 0-18.47-15.18c-.57 4.1-.99 8.75-.5 12.73.56 4.56 2.1 6.86 4.44 7.68 2.96 1.03 6.11.6 8.92-.65 2.91-1.3 4.85-3.21 5.46-4.32.05-.09.1-.18.16-.26ZM80 23.98c2.75 0 5.46.2 8.11.58-.9 1.31-2.06 2.75-3.46 3.91-1.61 1.33-3.33 2.13-5.24 2.13-4.39 0-7.99-3.27-9.19-5.78 3.17-.56 6.44-.85 9.78-.85Z',
150-
fill: 'none'
151-
}
152-
}
153-
}
154-
}
155-
]
156-
}
157-
},
158-
{
159-
type: 'g',
71+
type: 'path',
16072
props: {
161-
clipPath: 'url(#b)',
162-
children: {
163-
type: 'path',
164-
props: {
165-
d: 'M15 17h135v128H15z',
166-
fill: '#6995fe'
167-
}
168-
}
73+
d: 'M196.982 514.709C208.175 499.409 230.82 498.847 242.758 513.572L304.192 591.02H303.164L335.947 632.935C348.452 648.36 350.322 671.192 338.426 687.091L269.192 776.667C263.18 784.445 253.904 789 244.073 789H15.9042C2.67099 789 -4.75388 773.758 3.40515 763.34L138.368 591.02H138.3L196.982 514.709Z',
74+
fill: '#6733FF'
16975
}
17076
},
17177
{
172-
type: 'g',
78+
type: 'path',
17379
props: {
174-
clipPath: 'url(#c)',
175-
children: {
176-
type: 'path',
177-
props: {
178-
d: 'M15 17.01h135v128H15z',
179-
fill: '#099d59'
180-
}
181-
}
80+
d: 'M521.047 0C667.958 0 787.056 119.096 787.056 266.007C787.056 384.756 709.241 485.326 601.824 519.523L796.6 763.217C804.908 773.611 797.508 789 784.201 789H584.008C574.743 789 565.94 784.952 559.909 777.918L497.742 705.421L293.505 447.391C257.513 401.92 289.897 334.983 347.889 334.98L521.047 334.973C559.134 334.973 590.011 304.095 590.012 266.007C590.011 227.92 559.134 197.042 521.047 197.042H230.317C205.333 197.042 189.001 185.889 174.373 167.626L77.727 46.9705C62.5727 28.0503 76.0433 0.00115052 100.284 0H521.047Z',
81+
fill: '#6733FF'
18282
}
18383
}
18484
]
@@ -214,12 +114,12 @@ for await (let file of fs.glob('pages/*/**/*.mdx')) {
214114
.relative(pagesDir, file)
215115
.replace(/\\/g, '/')
216116
.replace(/\.mdx?$/, '');
217-
117+
218118
// Skip the error page
219119
if (slug === 'error') {
220120
continue;
221121
}
222-
122+
223123
let subtitle = getSubtitle(slug);
224124
let isIndexPage = slug === 'index' || slug.endsWith('/index');
225125

0 commit comments

Comments
 (0)