Skip to content
This repository was archived by the owner on Nov 6, 2025. It is now read-only.

Commit 4cfc440

Browse files
Can-SahinCan-Sahin
authored
chore: 🔧 releasing 1.2.4
2 parents f824ea8 + 69a5bb7 commit 4cfc440

File tree

9 files changed

+1896
-1776
lines changed

9 files changed

+1896
-1776
lines changed

‎internals/startingTemplate/src/styles/__tests__/media.test.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { css } from 'styled-components/macro';
33

44
describe('media', () => {
55
it('should return media query in css', () => {
6-
const mediaQuery = media.small`color: red;`.join('');
6+
const mediaQuery = media.small`color:red;`.join('');
77
const cssVersion = css`
88
@media (min-width: ${sizes.small}px) {
99
color: red;

‎package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -96,8 +96,8 @@
9696
"react": "17.0.2",
9797
"react-app-polyfill": "3.0.0",
9898
"react-dom": "17.0.2",
99-
"react-helmet-async": "1.2.2",
100-
"react-i18next": "11.15.3",
99+
"react-helmet-async": "1.3.0",
100+
"react-i18next": "11.16.5",
101101
"react-is": "17.0.2",
102102
"react-redux": "7.2.6",
103103
"react-router-dom": "5.2.0",
@@ -115,8 +115,8 @@
115115
"@types/fontfaceobserver": "2.1.0",
116116
"@types/jest": "27.4.0",
117117
"@types/node": "14.14.31",
118-
"@types/react": "17.0.38",
119-
"@types/react-dom": "17.0.11",
118+
"@types/react": "18.0.2",
119+
"@types/react-dom": "18.0.0",
120120
"@types/react-redux": "7.1.22",
121121
"@types/react-router-dom": "5.3.2",
122122
"@types/react-test-renderer": "17.0.1",

‎src/app/components/NavBar/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

33
exports[`<NavBar /> should match snapshot 1`] = `
4-
<styled.header>
5-
<styled.div>
4+
<NavBar__Wrapper>
5+
<PageWrapper>
66
<Logo />
77
<Nav />
8-
</styled.div>
9-
</styled.header>
8+
</PageWrapper>
9+
</NavBar__Wrapper>
1010
`;

‎src/app/pages/HomePage/__tests__/__snapshots__/Features.test.tsx.snap‎

Lines changed: 84 additions & 84 deletions
Original file line numberDiff line numberDiff line change
@@ -196,12 +196,12 @@ exports[`<Features /> should render with de translations 1`] = `
196196

197197
exports[`<Features /> should render with en translations 1`] = `
198198
<React.Fragment>
199-
<styled.h1
199+
<Title
200200
as="h2"
201201
>
202202
Features
203-
</styled.h1>
204-
<styled.p>
203+
</Title>
204+
<Lead>
205205
Crafted for
206206
<strong>
207207
highly scalable
@@ -226,164 +226,164 @@ exports[`<Features /> should render with en translations 1`] = `
226226
best practices
227227
</strong>
228228
.
229-
</styled.p>
230-
<styled.ul>
231-
<styled.li>
229+
</Lead>
230+
<Features__List>
231+
<Features__Feature>
232232
<ForwardRef(SvgState)
233233
className="feature-icon"
234234
/>
235-
<styled.div>
236-
<styled.h3>
235+
<Features__Content>
236+
<SubTitle>
237237
Predictable State
238-
</styled.h3>
239-
<styled.p>
238+
</SubTitle>
239+
<P>
240240
Build easy to test and debug, flexible and extensible applications using
241241
242-
<styled.a
242+
<A
243243
href="https://redux.js.org/basics/usage-with-react"
244244
rel="noopener noreferrer"
245245
target="_blank"
246246
>
247247
Redux
248-
</styled.a>
248+
</A>
249249
. Unidirectional data flow allows for change logging and time travel debugging.
250250
251-
<styled.a
251+
<A
252252
href="https://github.com/zalmoxisus/redux-devtools-extension"
253253
rel="noopener noreferrer"
254254
target="_blank"
255255
>
256256
Install Chrome Redux Dev Tools
257-
</styled.a>
257+
</A>
258258
259259
to see how your application's state changes and travel in time to debug. Type any github username below and see it in action with Redux Dev Tools.
260-
</styled.p>
260+
</P>
261261
<GithubRepoForm />
262-
</styled.div>
263-
</styled.li>
264-
<styled.li>
262+
</Features__Content>
263+
</Features__Feature>
264+
<Features__Feature>
265265
<ForwardRef(SvgCss)
266266
className="feature-icon"
267267
/>
268-
<styled.div>
269-
<styled.h3>
268+
<Features__Content>
269+
<SubTitle>
270270
Next Generation CSS
271-
</styled.h3>
272-
<styled.p>
271+
</SubTitle>
272+
<P>
273273
Write composable CSS that’s co-located with your components for complete modularity. Ship only the styles that are on the page for the best performance. Generate application-wide styles and themes for your components. Change the theme below to see how easy and intuitive theming can ever be!
274-
</styled.p>
274+
</P>
275275
<ThemeSwitch />
276-
</styled.div>
277-
</styled.li>
278-
<styled.li>
276+
</Features__Content>
277+
</Features__Feature>
278+
<Features__Feature>
279279
<ForwardRef(SvgIntl)
280280
className="feature-icon"
281281
/>
282-
<styled.div>
283-
<styled.h3>
282+
<Features__Content>
283+
<SubTitle>
284284
i18n Internationalization & Pluralization
285285
286-
</styled.h3>
287-
<styled.p>
286+
</SubTitle>
287+
<P>
288288
Scalable apps need to support multiple languages, easily add and support multiple languages. Change the language below to see how instantly it updates the page without refreshing.
289289
<br />
290290
<small>
291291
(Only some of the features below are translated to demonstrate an example)
292292
</small>
293-
</styled.p>
293+
</P>
294294
<LanguageSwitch />
295-
</styled.div>
296-
</styled.li>
297-
<styled.li>
295+
</Features__Content>
296+
</Features__Feature>
297+
<Features__Feature>
298298
<ForwardRef(SvgRoute)
299299
className="feature-icon"
300300
/>
301-
<styled.div>
302-
<styled.h3>
301+
<Features__Content>
302+
<SubTitle>
303303
Industry-standard Routing
304-
</styled.h3>
305-
<styled.p>
304+
</SubTitle>
305+
<P>
306306
It's natural to want to add pages (e.g. \`/about\`) to your application, and routing makes this possible.
307307
<br />
308308
<small>
309309
Go to our
310310
311-
<Styled(Link)
311+
<Link
312312
to="/notfound"
313313
>
314314
/NotFound
315-
</Styled(Link)>
315+
</Link>
316316
317317
page to see how routing works
318318
</small>
319-
</styled.p>
320-
</styled.div>
321-
</styled.li>
322-
<styled.li>
319+
</P>
320+
</Features__Content>
321+
</Features__Feature>
322+
<Features__Feature>
323323
<ForwardRef(SvgInstantFeedback)
324324
className="feature-icon"
325325
/>
326-
<styled.div>
327-
<styled.h3>
326+
<Features__Content>
327+
<SubTitle>
328328
Instant Feedback
329-
</styled.h3>
330-
<styled.p>
329+
</SubTitle>
330+
<P>
331331
Enjoy the best DX and code your app at the speed of thought! Your saved changes to the CSS and JS are reflected instantaneously without refreshing the page.
332-
</styled.p>
333-
</styled.div>
334-
</styled.li>
335-
<styled.li>
332+
</P>
333+
</Features__Content>
334+
</Features__Feature>
335+
<Features__Feature>
336336
<ForwardRef(SvgScaffolding)
337337
className="feature-icon"
338338
/>
339-
<styled.div>
340-
<styled.h3>
339+
<Features__Content>
340+
<SubTitle>
341341
Quick Scaffolding
342-
</styled.h3>
343-
<styled.p>
342+
</SubTitle>
343+
<P>
344344
Automate the creation of components, features, routes, selectors and sagas - and their tests - right from the CLI! Avoid fighting the glue of your code and focus on your app!
345-
</styled.p>
346-
</styled.div>
347-
</styled.li>
348-
<styled.li>
345+
</P>
346+
</Features__Content>
347+
</Features__Feature>
348+
<Features__Feature>
349349
<ForwardRef(SvgSeo)
350350
className="feature-icon"
351351
/>
352-
<styled.div>
353-
<styled.h3>
352+
<Features__Content>
353+
<SubTitle>
354354
SEO
355-
</styled.h3>
356-
<styled.p>
355+
</SubTitle>
356+
<P>
357357
Supports SEO (document head tags management) for search engines that support indexing of JavaScript content.
358-
</styled.p>
359-
</styled.div>
360-
</styled.li>
361-
<styled.li>
358+
</P>
359+
</Features__Content>
360+
</Features__Feature>
361+
<Features__Feature>
362362
<ForwardRef(SvgTs)
363363
className="feature-icon"
364364
/>
365-
<styled.div>
366-
<styled.h3>
365+
<Features__Content>
366+
<SubTitle>
367367
TypeScript
368-
</styled.h3>
369-
<styled.p>
368+
</SubTitle>
369+
<P>
370370
Typescript is the key to scalability. Build self-documented code, easy-to-debug code and create maintainable large applications and codebases with a highly productive development experience.
371-
</styled.p>
372-
</styled.div>
373-
</styled.li>
374-
<styled.li>
371+
</P>
372+
</Features__Content>
373+
</Features__Feature>
374+
<Features__Feature>
375375
<ForwardRef(SvgCodeAnalysis)
376376
className="feature-icon"
377377
/>
378-
<styled.div>
379-
<styled.h3>
378+
<Features__Content>
379+
<SubTitle>
380380
Static Code Analysis
381-
</styled.h3>
382-
<styled.p>
381+
</SubTitle>
382+
<P>
383383
Focus on writing new features without worrying about formatting or code quality. With the right editor setup, your code will automatically be formatted and linted as you work.
384-
</styled.p>
385-
</styled.div>
386-
</styled.li>
387-
</styled.ul>
384+
</P>
385+
</Features__Content>
386+
</Features__Feature>
387+
</Features__List>
388388
</React.Fragment>
389389
`;

‎src/app/pages/HomePage/__tests__/__snapshots__/Masthead.test.tsx.snap‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

33
exports[`<Masthead /> should render and match the snapshot 1`] = `
4-
<styled.main>
4+
<Masthead__Wrapper>
55
<Logos />
6-
<styled.h1>
6+
<Title>
77
React Boilerplate meets CRA
8-
</styled.h1>
9-
<styled.p>
8+
</Title>
9+
<Lead>
1010
Now you can use the
1111
12-
<styled.a
12+
<A
1313
href="https://www.reactboilerplate.com/"
1414
rel="noopener noreferrer"
1515
target="_blank"
1616
>
1717
React Boilerplate
18-
</styled.a>
18+
</A>
1919
2020
as a
2121
22-
<styled.a
22+
<A
2323
href="https://github.com/facebook/create-react-app"
2424
rel="noopener noreferrer"
2525
target="_blank"
2626
>
2727
Create React App
28-
</styled.a>
28+
</A>
2929
3030
template.
31-
</styled.p>
32-
</styled.main>
31+
</Lead>
32+
</Masthead__Wrapper>
3333
`;

‎src/app/pages/HomePage/__tests__/__snapshots__/index.test.tsx.snap‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@ exports[`<HomePage /> should render and match the snapshot 1`] = `
1616
/>
1717
</Helmet>
1818
<NavBar />
19-
<styled.div>
19+
<PageWrapper>
2020
<Masthead />
2121
<Features />
22-
</styled.div>
22+
</PageWrapper>
2323
</React.Fragment>
2424
`;

‎src/styles/__tests__/media.test.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { css } from 'styled-components/macro';
33

44
describe('media', () => {
55
it('should return media query in css', () => {
6-
const mediaQuery = media.small`color: red;`.join('');
6+
const mediaQuery = media.small`color:red;`.join('');
77
const cssVersion = css`
88
@media (min-width: ${sizes.small}px) {
99
color: red;

‎template.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,8 +46,8 @@
4646
"react": "17.0.2",
4747
"react-app-polyfill": "3.0.0",
4848
"react-dom": "17.0.2",
49-
"react-helmet-async": "1.2.2",
50-
"react-i18next": "11.15.3",
49+
"react-helmet-async": "1.3.0",
50+
"react-i18next": "11.16.5",
5151
"react-is": "17.0.2",
5252
"react-redux": "7.2.6",
5353
"react-router-dom": "5.2.0",
@@ -62,8 +62,8 @@
6262
"@types/fontfaceobserver": "2.1.0",
6363
"@types/jest": "27.4.0",
6464
"@types/node": "14.14.31",
65-
"@types/react": "17.0.38",
66-
"@types/react-dom": "17.0.11",
65+
"@types/react": "18.0.2",
66+
"@types/react-dom": "18.0.0",
6767
"@types/react-redux": "7.1.22",
6868
"@types/react-router-dom": "5.3.2",
6969
"@types/react-test-renderer": "17.0.1",

0 commit comments

Comments
 (0)