create-application-template 2.5.2-beta.2 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.js +4 -0
- package/README.md +20 -8
- package/bin/create-application-template.js +1 -1
- package/package.json +11 -5
package/.eslintrc.js
CHANGED
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
# Create Application Template
|
|
6
6
|
This project aims to provide a configured application template for you to build upon.
|
|
7
7
|
|
|
8
|
-
All configuration is fully
|
|
8
|
+
All configuration is fully visible and under your control to augment as you see fit.
|
|
9
9
|
|
|
10
10
|
The template is a typescript enabled React application with a test suite and code linting.
|
|
11
11
|
|
|
@@ -26,12 +26,12 @@ then create your project
|
|
|
26
26
|
npx create-application-template --name={my-project}
|
|
27
27
|
```
|
|
28
28
|
|
|
29
|
-
##
|
|
30
|
-
|
|
29
|
+
## newest feature 🚀
|
|
30
|
+
React 19 with [React Compiler](https://react.dev/learn/react-compiler/introduction) opt-in
|
|
31
31
|
|
|
32
32
|
this version takes advantage of the React Compiler's automatic optimization
|
|
33
33
|
|
|
34
|
-
it also includes the React Compiler's ESLint
|
|
34
|
+
it also includes the React Compiler's ESLint integration
|
|
35
35
|
|
|
36
36
|
## usage
|
|
37
37
|
webpack is used for code bundling and the development server
|
|
@@ -52,7 +52,7 @@ focused on type checking; babel is used for transpiling
|
|
|
52
52
|
## pre-commit
|
|
53
53
|
scripts in `.husky/pre-commit` are run on commits for quality control
|
|
54
54
|
|
|
55
|
-
add or remove scripts you'd like run before code is
|
|
55
|
+
add or remove scripts you'd like run before code is committed
|
|
56
56
|
|
|
57
57
|
## test suite
|
|
58
58
|
to create a test follow this file naming format: `*.{spec,test}.{ts,tsx}`
|
|
@@ -63,12 +63,12 @@ npm run test
|
|
|
63
63
|
```
|
|
64
64
|
|
|
65
65
|
## code linting
|
|
66
|
-
linting rules are in `.eslintrc.js`; install the ESLint
|
|
66
|
+
linting rules are in `.eslintrc.js`; install the ESLint plugin if using vscode
|
|
67
67
|
```
|
|
68
68
|
npm run lint
|
|
69
69
|
```
|
|
70
70
|
|
|
71
|
-
css linting rules are in `.stylelintrc.js`; install the Stylelint
|
|
71
|
+
css linting rules are in `.stylelintrc.js`; install the Stylelint plugin if using vscode
|
|
72
72
|
```
|
|
73
73
|
npm run stylelint
|
|
74
74
|
```
|
|
@@ -83,7 +83,7 @@ if you proceed with styled-components:
|
|
|
83
83
|
- that's it!
|
|
84
84
|
|
|
85
85
|
if you prefer CSS:
|
|
86
|
-
- alter `.
|
|
86
|
+
- alter `.stylelintrc.js` and `.husky/pre-commit` per the files' notes
|
|
87
87
|
- remove `.ts` files from `/src/styles/` or "recreate" them in `.css`
|
|
88
88
|
|
|
89
89
|
## environmental settings
|
|
@@ -112,3 +112,15 @@ INLINE_SIZE_LIMIT={default is 10000}
|
|
|
112
112
|
# optional
|
|
113
113
|
INLINE_SIZE_LIMIT={default is 10000}
|
|
114
114
|
```
|
|
115
|
+
|
|
116
|
+
## dependency overrides
|
|
117
|
+
|
|
118
|
+
- this version includes minimal npm `overrides` to patch known transitive vulnerabilities in webpack tooling
|
|
119
|
+
- they are intentionally limited to patch-level upgrades within the same major
|
|
120
|
+
- you can remove them in the future by:
|
|
121
|
+
1. running `npm update`
|
|
122
|
+
2. removing the `overrides` section
|
|
123
|
+
3. reinstalling dependencies
|
|
124
|
+
4. running `npm audit`
|
|
125
|
+
|
|
126
|
+
|
|
@@ -7,7 +7,7 @@ const { hideBin } = require('yargs/helpers')
|
|
|
7
7
|
const packageJson = require('../package.json')
|
|
8
8
|
|
|
9
9
|
const run = async () => {
|
|
10
|
-
const repo = 'https://github.com/daveKontro/create-application-template/tarball/
|
|
10
|
+
const repo = 'https://github.com/daveKontro/create-application-template/tarball/main'
|
|
11
11
|
|
|
12
12
|
const execCommand = (command) => {
|
|
13
13
|
try {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "create-application-template",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "provides a configured application template for you to build upon",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"bin": {
|
|
@@ -44,6 +44,12 @@
|
|
|
44
44
|
"node": ">=20",
|
|
45
45
|
"npm": ">=10"
|
|
46
46
|
},
|
|
47
|
+
"overrides": {
|
|
48
|
+
"serialize-javascript": "7.0.3"
|
|
49
|
+
},
|
|
50
|
+
"templateMeta": {
|
|
51
|
+
"overridesNote": "overrides patch known transitive vulnerabilities in webpack tooling; safe within same major; remove once upstream ranges are updated."
|
|
52
|
+
},
|
|
47
53
|
"dependencies": {
|
|
48
54
|
"browserslist": "4.24.4",
|
|
49
55
|
"concurrently": "9.1.2",
|
|
@@ -81,9 +87,9 @@
|
|
|
81
87
|
"babel-plugin-transform-require-context": "0.1.1",
|
|
82
88
|
"case-sensitive-paths-webpack-plugin": "2.4.0",
|
|
83
89
|
"confusing-browser-globals": "1.0.11",
|
|
84
|
-
"copy-webpack-plugin": "13.0.
|
|
90
|
+
"copy-webpack-plugin": "13.0.1",
|
|
85
91
|
"css-loader": "7.1.2",
|
|
86
|
-
"css-minimizer-webpack-plugin": "7.0.
|
|
92
|
+
"css-minimizer-webpack-plugin": "7.0.4",
|
|
87
93
|
"dotenv-webpack": "8.1.0",
|
|
88
94
|
"eslint": "8.57.1",
|
|
89
95
|
"eslint-plugin-compat": "6.0.2",
|
|
@@ -107,10 +113,10 @@
|
|
|
107
113
|
"stylelint-config-recess-order": "6.0.0",
|
|
108
114
|
"stylelint-config-standard": "36.0.0",
|
|
109
115
|
"stylelint-no-unsupported-browser-features": "8.0.4",
|
|
110
|
-
"terser-webpack-plugin": "5.3.
|
|
116
|
+
"terser-webpack-plugin": "5.3.16",
|
|
111
117
|
"ts-node": "10.9.2",
|
|
112
118
|
"typescript": "5.8.2",
|
|
113
|
-
"webpack": "5.
|
|
119
|
+
"webpack": "5.105.3",
|
|
114
120
|
"webpack-cli": "6.0.1",
|
|
115
121
|
"webpack-dev-server": "5.2.2",
|
|
116
122
|
"webpack-manifest-plugin": "5.0.0",
|