aleleba/create-react-ssr
1
0
Fork 0
mirror of https://github.com/aleleba/create-react-ssr.git synced 2025-04-19 06:08:07 -06:00
Code Issues Actions Packages Projects 1 Releases Wiki Activity

Compare commits

base: aleleba:d0f4f38381b7a64f83eb0a9cf5865ea11c2b9599
Branches Tags
aleleba:master
...
compare: aleleba:f04553d033fd217d4032070d8768f57440ccbf70
Branches Tags
aleleba:master

7 Commits
d0f4f38381 ... f04553d033

Author SHA1 Message Date
Alejandro Lembke Barrientos
f04553d033
Merge pull request #109 from aleleba/PR-538901
Some checks failed
Main Workflow / unit-front-end-testing (16.x) (push) Failing after 2m3s
Details
Main Workflow / cypress-components-testing (push) Failing after 2m2s
Details
Main Workflow / end-to-end-testing (push) Failing after 1m8s
Details
Main Workflow / test-build-package (push) Has been skipped
Details
Main Workflow / publish-npm (push) Has been skipped
Details 
PR-538901: updating token of npm.
 2025-04-11 01:07:08 -06:00
Alejandro Lembke Barrientos
da60aeea25
PR-538901: updating token of npm. 2025-04-11 07:02:41 +00:00
Alejandro Lembke Barrientos
e9f955406f
Merge pull request #108 from aleleba/PR-128452 
PR-128452: fixing publishing to npm.
 2025-04-11 00:51:19 -06:00
Alejandro Lembke Barrientos
32fd90f55b
PR-128452: fixing publishing to npm. 2025-04-11 06:46:53 +00:00
Alejandro Lembke Barrientos
04c03f7404
Merge pull request #107 from aleleba/PR-589725 
PR-589725: Updating packages, fixing redux actions and fixing linting.
 2025-04-11 00:28:31 -06:00
Alejandro Lembke Barrientos
bf1a6a2996
PR-589725: fixing express 5 wildcard migration. 2025-04-11 06:25:53 +00:00
Alejandro Lembke Barrientos
be0bb6238f
PR-589725: Updating packages, fixing redux actions and fixing linting. 2025-04-11 06:06:54 +00:00
25 changed files with 1499 additions and 992 deletions
Show Stats Expand all files Collapse all files

40
bin/cli.js
View File

@ -2,7 +2,7 @@
const { execSync } = require('child_process'); const { execSync } = require('child_process');
var fs = require('fs'); var fs = require('fs');
const isWin = process.platform === "win32"; const isWin = process.platform === 'win32';
const runCommand = command => { const runCommand = command => {
try{ try{
@ -12,7 +12,7 @@ const runCommand = command => {
return false; return false;
} }
return true; return true;
} };
const runCommandWithOutput = command => { const runCommandWithOutput = command => {
try{ try{
@ -21,7 +21,7 @@ const runCommandWithOutput = command => {
console.error(`Failed to execute ${command}`, e); console.error(`Failed to execute ${command}`, e);
return false; return false;
} }
} };
const replaceTextOnFile = ({ const replaceTextOnFile = ({
file, file,
@ -29,7 +29,7 @@ const replaceTextOnFile = ({
textReplace, textReplace,
arrOfObjectsBeReplaced arrOfObjectsBeReplaced
}) => { }) => {
let data let data;
try{ try{
data = fs.readFileSync(file, 'utf8'); data = fs.readFileSync(file, 'utf8');
} catch (e) { } catch (e) {
@ -37,7 +37,7 @@ const replaceTextOnFile = ({
return false; return false;
} }
let result let result;
if(arrOfObjectsBeReplaced){ if(arrOfObjectsBeReplaced){
arrOfObjectsBeReplaced.forEach( obj => { arrOfObjectsBeReplaced.forEach( obj => {
if(result){ if(result){
@ -45,19 +45,19 @@ const replaceTextOnFile = ({
}else{ }else{
result = data.replace(obj.textToBeReplaced, obj.textReplace).replace(/^\s*[\r\n]/gm, ' '); result = data.replace(obj.textToBeReplaced, obj.textReplace).replace(/^\s*[\r\n]/gm, ' ');
} }
}) });
}else{ }else{
result = data.replace(textToBeReplaced, textReplace).replace(/^\s*[\r\n]/gm, ' '); result = data.replace(textToBeReplaced, textReplace).replace(/^\s*[\r\n]/gm, ' ');
} }
try{ try{
console.log('text changed') console.log('text changed');
fs.writeFileSync(file, result, 'utf8'); fs.writeFileSync(file, result, 'utf8');
} catch (e) { } catch (e) {
console.error(`Failed to read file ${file}`, e); console.error(`Failed to read file ${file}`, e);
return false; return false;
} }
} };
const repoName = process.argv[2]; const repoName = process.argv[2];
const gitCheckoutCommand = `git clone --depth 1 https://github.com/aleleba/create-react-ssr ${repoName}`; const gitCheckoutCommand = `git clone --depth 1 https://github.com/aleleba/create-react-ssr ${repoName}`;
@ -65,13 +65,13 @@ console.log(`Cloning the repository with name ${repoName}`);
const checkedOut = runCommand(gitCheckoutCommand); const checkedOut = runCommand(gitCheckoutCommand);
if(!checkedOut) process.exit(-1); if(!checkedOut) process.exit(-1);
const actualVersion = runCommandWithOutput(`cd ${repoName} && node -p "require('./package.json').version"`).toString().trim() const actualVersion = runCommandWithOutput(`cd ${repoName} && node -p "require('./package.json').version"`).toString().trim();
const installDepsCommand = `cd ${repoName} && npm i`; const installDepsCommand = `cd ${repoName} && npm i`;
const cleanGitHistoryCommand = `cd ${repoName} && rm -rf .git && git init && git add --all -- ":!.github" ":!bin" && git commit -m "Initial commit"` const cleanGitHistoryCommand = `cd ${repoName} && rm -rf .git && git init && git add --all -- ":!.github" ":!bin" && git commit -m "Initial commit"`;
const cleanGitHistoryCommandWindows = `cd ${repoName} && rmdir .git /s /q && git init && git add --all -- ":!.github" ":!bin" && git commit -m "Initial commit"` const cleanGitHistoryCommandWindows = `cd ${repoName} && rmdir .git /s /q && git init && git add --all -- ":!.github" ":!bin" && git commit -m "Initial commit"`;
const deleteFoldersCommand = `cd ${repoName} && rm -rf .github && rm -rf bin` const deleteFoldersCommand = `cd ${repoName} && rm -rf .github && rm -rf bin`;
const deleteFoldersCommandWindows = `cd ${repoName} && rmdir .github /s /q && rmdir bin /s /q` const deleteFoldersCommandWindows = `cd ${repoName} && rmdir .github /s /q && rmdir bin /s /q`;
console.log(`Installing dependencies for ${repoName}`); console.log(`Installing dependencies for ${repoName}`);
const installedDeps = runCommand(installDepsCommand); const installedDeps = runCommand(installDepsCommand);
@ -82,28 +82,28 @@ replaceTextOnFile({
file: `./${repoName}/package.json`, file: `./${repoName}/package.json`,
arrOfObjectsBeReplaced: [ arrOfObjectsBeReplaced: [
{ {
textToBeReplaced: `"bin": "./bin/cli.js",`, textToBeReplaced: '"bin": "./bin/cli.js",',
textReplace: `` textReplace: ''
}, },
{ {
textToBeReplaced: `"version": "${actualVersion}",`, textToBeReplaced: `"version": "${actualVersion}",`,
textReplace: `"version": "0.0.1",` textReplace: '"version": "0.0.1",'
}, },
{ {
textToBeReplaced: `"name": "@aleleba/create-react-ssr",`, textToBeReplaced: '"name": "@aleleba/create-react-ssr",',
textReplace: `"name": "${repoName}",` textReplace: `"name": "${repoName}",`
} }
] ]
}) });
console.log(`Cleaning History of Git for ${repoName}`); console.log(`Cleaning History of Git for ${repoName}`);
const cleanGitHistory = isWin ? runCommand(cleanGitHistoryCommandWindows) : runCommand(cleanGitHistoryCommand); const cleanGitHistory = isWin ? runCommand(cleanGitHistoryCommandWindows) : runCommand(cleanGitHistoryCommand);
if(!cleanGitHistory) process.exit(-1); if(!cleanGitHistory) process.exit(-1);
console.log("Congratulations! You are ready. Follow the following commands to start"); console.log('Congratulations! You are ready. Follow the following commands to start');
console.log(`cd ${repoName}`); console.log(`cd ${repoName}`);
console.log('Create a .env file with ENV=development(defauld: production), PORT=3000 (default: 80), PUBLIC_URL=your_public_url(optional)(default: "auto"), PREFIX_URL=your_prefix_url(optional)(default: ""), ONLY_EXACT_PATH=true(optional)(default: false)'); console.log('Create a .env file with ENV=development(defauld: production), PORT=3000 (default: 80), PUBLIC_URL=your_public_url(optional)(default: "auto"), PREFIX_URL=your_prefix_url(optional)(default: ""), ONLY_EXACT_PATH=true(optional)(default: false)');
console.log(`Then you can run: npm start:dev`); console.log('Then you can run: npm start:dev');
const deleteFolders = isWin ? runCommand(deleteFoldersCommandWindows) : runCommand(deleteFoldersCommand); const deleteFolders = isWin ? runCommand(deleteFoldersCommandWindows) : runCommand(deleteFoldersCommand);
if(!deleteFolders) process.exit(-1); if(!deleteFolders) process.exit(-1);

4
config/index.ts
View File

@ -4,7 +4,7 @@ export const deFaultValues = {
PUBLIC_URL: 'auto', PUBLIC_URL: 'auto',
PREFIX_URL: '', PREFIX_URL: '',
ONLY_EXACT_PATH: false, ONLY_EXACT_PATH: false,
} };
export const config = { export const config = {
ENV: process.env.ENV ? process.env.ENV : deFaultValues.ENV, ENV: process.env.ENV ? process.env.ENV : deFaultValues.ENV,
@ -14,4 +14,4 @@ export const config = {
ONLY_EXACT_PATH: process.env.ONLY_EXACT_PATH ? process.env.ONLY_EXACT_PATH === 'true' : deFaultValues.ONLY_EXACT_PATH, ONLY_EXACT_PATH: process.env.ONLY_EXACT_PATH ? process.env.ONLY_EXACT_PATH === 'true' : deFaultValues.ONLY_EXACT_PATH,
}; };
export default config export default config;

2
cypress/support/component.ts
View File

@ -22,7 +22,7 @@ import './commands';
// Alternatively you can use CommonJS syntax: // Alternatively you can use CommonJS syntax:
// require('./commands') // require('./commands')
import { mount } from '@cypress/react' import { mount } from '@cypress/react';
// Augment the Cypress namespace to include type definitions for // Augment the Cypress namespace to include type definitions for
// your custom command. // your custom command.

32
eslint.config.ts
View File

@ -4,19 +4,22 @@ import reactPlugin from 'eslint-plugin-react';
import globals from 'globals'; import globals from 'globals';
export default tseslint.config( export default tseslint.config(
{
ignores: [
'**/build/**',
'**/webpack.config.ts',
'**/webpack.config.dev.ts',
'**/webpack.config.dev.server.ts',
'**/webpack.cy.config.ts',
'**/service-worker.ts',
'**/serviceWorkerRegistration.ts',
'node_modules/**'
]
},
eslint.configs.recommended, eslint.configs.recommended,
...tseslint.configs.recommended, ...tseslint.configs.recommended,
{ {
files: ['**/*.{js,jsx,ts,tsx}'], files: ['**/*.{js,jsx,ts,tsx}'],
ignores: [
'build/',
'webpack.config.ts',
'webpack.config.dev.ts',
'webpack.config.dev.server.ts',
'webpack.cy.config.ts',
'service-worker.ts',
'serviceWorkerRegistration.ts'
],
languageOptions: { languageOptions: {
ecmaVersion: 'latest', ecmaVersion: 'latest',
sourceType: 'module', sourceType: 'module',
@ -42,14 +45,21 @@ export default tseslint.config(
} }
}, },
rules: { rules: {
// Include here the recommended rules for react
...reactPlugin.configs.recommended.rules,
'indent': ['error', 'tab'], 'indent': ['error', 'tab'],
'linebreak-style': ['error', 'unix'], 'linebreak-style': ['error', 'unix'],
'quotes': ['error', 'single'], 'quotes': ['error', 'single'],
'semi': ['error', 'always'], 'semi': ['error', 'always'],
'eol-last': ['error', 'always'], 'eol-last': ['error', 'always'],
'@typescript-eslint/no-var-requires': 'off', '@typescript-eslint/no-var-requires': 'off',
// Include here the recommended rules for react '@typescript-eslint/no-require-imports': 'off',
...reactPlugin.configs.recommended.rules 'no-undef': 'off',
'@typescript-eslint/no-namespace': 'off',
'@typescript-eslint/no-unused-vars': 'off',
'@typescript-eslint/no-explicit-any': 'off',
'@typescript-eslint/no-unused-expressions': 'off',
} }
} }
); );

1980
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

49
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@aleleba/create-react-ssr", "name": "@aleleba/create-react-ssr",
"version": "3.9.28", "version": "3.9.31",
"description": "Starter Kit of server side render of react", "description": "Starter Kit of server side render of react",
"bin": "./bin/cli.js", "bin": "./bin/cli.js",
"main": "src/server/index", "main": "src/server/index",
@ -37,19 +37,19 @@
"homepage": "https://github.com/aleleba/create-react-ssr#readme", "homepage": "https://github.com/aleleba/create-react-ssr#readme",
"dependencies": { "dependencies": {
"@babel/register": "^7.25.9", "@babel/register": "^7.25.9",
"dotenv": "^16.4.7", "dotenv": "^16.5.0",
"express": "^4.21.2", "express": "^5.1.0",
"helmet": "^8.1.0", "helmet": "^8.1.0",
"history": "^5.3.0", "history": "^5.3.0",
"ignore-styles": "^5.0.1", "ignore-styles": "^5.0.1",
"react": "^19.0.0", "react": "^19.1.0",
"react-dom": "^19.0.0", "react-dom": "^19.1.0",
"react-redux": "^9.2.0", "react-redux": "^9.2.0",
"react-router-dom": "^7.4.0", "react-router-dom": "^7.5.0",
"react-router-hash-link": "^2.4.3", "react-router-hash-link": "^2.4.3",
"redux": "^5.0.1", "redux": "^5.0.1",
"webpack": "^5.98.0", "webpack": "^5.99.5",
"webpack-dev-server": "^5.2.0", "webpack-dev-server": "^5.2.1",
"webpack-manifest-plugin": "^5.0.1", "webpack-manifest-plugin": "^5.0.1",
"workbox-background-sync": "^7.3.0", "workbox-background-sync": "^7.3.0",
"workbox-broadcast-update": "^7.3.0", "workbox-broadcast-update": "^7.3.0",
@ -70,21 +70,21 @@
"@babel/preset-react": "^7.26.3", "@babel/preset-react": "^7.26.3",
"@babel/preset-typescript": "^7.27.0", "@babel/preset-typescript": "^7.27.0",
"@cypress/react": "^9.0.1", "@cypress/react": "^9.0.1",
"@eslint/js": "^9.23.0", "@eslint/js": "^9.24.0",
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.15", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.16",
"@redux-devtools/extension": "^3.3.0", "@redux-devtools/extension": "^3.3.0",
"@testing-library/jest-dom": "^6.6.3", "@testing-library/jest-dom": "^6.6.3",
"@testing-library/react": "^16.2.0", "@testing-library/react": "^16.3.0",
"@testing-library/user-event": "^14.6.1", "@testing-library/user-event": "^14.6.1",
"@types/jest": "^29.5.14", "@types/jest": "^29.5.14",
"@types/node": "^22.13.13", "@types/node": "^22.14.0",
"@types/react": "^19.0.12", "@types/react": "^19.1.0",
"@types/react-dom": "^19.0.4", "@types/react-dom": "^19.1.2",
"@types/webpack": "^5.28.5", "@types/webpack": "^5.28.5",
"@types/webpack-hot-middleware": "^2.25.9", "@types/webpack-hot-middleware": "^2.25.9",
"@types/webpack-node-externals": "^3.0.4", "@types/webpack-node-externals": "^3.0.4",
"@typescript-eslint/eslint-plugin": "^8.28.0", "@typescript-eslint/eslint-plugin": "^8.29.1",
"@typescript-eslint/parser": "^8.28.0", "@typescript-eslint/parser": "^8.29.1",
"babel-jest": "^29.7.0", "babel-jest": "^29.7.0",
"babel-loader": "^10.0.0", "babel-loader": "^10.0.0",
"clean-webpack-plugin": "^4.0.0", "clean-webpack-plugin": "^4.0.0",
@ -92,9 +92,9 @@
"copy-webpack-plugin": "^13.0.0", "copy-webpack-plugin": "^13.0.0",
"css-loader": "^7.1.2", "css-loader": "^7.1.2",
"css-minimizer-webpack-plugin": "^7.0.2", "css-minimizer-webpack-plugin": "^7.0.2",
"cypress": "^14.2.0", "cypress": "^14.3.0",
"eslint": "^9.23.0", "eslint": "^9.24.0",
"eslint-plugin-react": "^7.37.4", "eslint-plugin-react": "^7.37.5",
"eslint-webpack-plugin": "^5.0.0", "eslint-webpack-plugin": "^5.0.0",
"file-loader": "^6.2.0", "file-loader": "^6.2.0",
"globals": "^16.0.0", "globals": "^16.0.0",
@ -103,16 +103,17 @@
"jest": "^29.7.0", "jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0", "jest-environment-jsdom": "^29.7.0",
"jest-fetch-mock": "^3.0.3", "jest-fetch-mock": "^3.0.3",
"jiti": "^2.4.2",
"mini-css-extract-plugin": "^2.9.2", "mini-css-extract-plugin": "^2.9.2",
"react-refresh": "^0.16.0", "react-refresh": "^0.17.0",
"resolve-ts-aliases": "^1.0.1", "resolve-ts-aliases": "^1.0.1",
"sass": "^1.86.0", "sass": "^1.86.3",
"sass-loader": "^16.0.5", "sass-loader": "^16.0.5",
"style-loader": "^4.0.0", "style-loader": "^4.0.0",
"terser-webpack-plugin": "^5.3.14", "terser-webpack-plugin": "^5.3.14",
"ts-jest": "^29.3.0", "ts-jest": "^29.3.1",
"typescript": "^5.8.2", "typescript": "^5.8.3",
"typescript-eslint": "^8.28.0", "typescript-eslint": "^8.29.1",
"url-loader": "^4.1.1", "url-loader": "^4.1.1",
"webpack-cli": "^6.0.1", "webpack-cli": "^6.0.1",
"webpack-dev-middleware": "^7.4.2", "webpack-dev-middleware": "^7.4.2",

2
src/@types/express/index.d.ts vendored
View File

@ -1,4 +1,4 @@
import * as express from "express" import * as express from 'express';
declare global { declare global {
namespace Express { namespace Express {

2
src/@types/index.d.ts vendored
View File

@ -1,4 +1,4 @@
declare module "*.svg" { declare module '*.svg' {
const content: any; const content: any;
export default content; export default content;
} }

8
src/__mocks__/ProviderMock.tsx
View File

@ -6,10 +6,10 @@ import initialStateReducer from '../frontend/reducers/initialState';
import setStore from '../frontend/setStore'; import setStore from '../frontend/setStore';
export const ProviderMock = ({ children, initialState }: { children: any, initialState?: any}) => { export const ProviderMock = ({ children, initialState }: { children: any, initialState?: any}) => {
let initialStateMock = initialStateReducer let initialStateMock = initialStateReducer;
if(initialState !== undefined){ if(initialState !== undefined){
initialStateMock = initialState initialStateMock = initialState;
} }
const history = createMemoryHistory(); const history = createMemoryHistory();
@ -21,7 +21,7 @@ export const ProviderMock = ({ children, initialState }: { children: any, initia
{children} {children}
</Router> </Router>
</Provider> </Provider>
) );
} };
export default ProviderMock; export default ProviderMock;

10
src/frontend/actions/index.ts
View File

@ -1,9 +1 @@
import test, { TTest } from './testAction'; export * from '@actions/testAction';
export type TAction = TTest
const actions = {
test
}
export default actions

6
src/frontend/actions/testAction.ts
View File

@ -16,10 +16,10 @@ export type TTest = IChangeHello
const changeHello = (payload: string) => ({ const changeHello = (payload: string) => ({
type: ActionTypesTest.ChangeHello, type: ActionTypesTest.ChangeHello,
payload payload
}) });
const actions = { const actions = {
changeHello changeHello
} };
export default actions export default actions;

2
src/frontend/components/OtherComponent.tsx
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import logo from '../logo.svg'; import logo from '../logo.svg';
import './InitialComponent.scss'; import './InitialComponent.scss';
import { Link } from "react-router-dom"; import { Link } from 'react-router-dom';
const OtherComponent = () => ( const OtherComponent = () => (
<div className="App"> <div className="App">

2
src/frontend/components/PrincipalRoutes.tsx
View File

@ -4,7 +4,7 @@ import { useRoutes } from 'react-router-dom';
import routes from '../../routes'; import routes from '../../routes';
const PrincipalRoutes = () => { const PrincipalRoutes = () => {
let element = useRoutes(routes); const element = useRoutes(routes);
return element; return element;
}; };

6
src/frontend/components/__tests__/App.test.tsx
View File

@ -18,6 +18,6 @@ describe('<App/> Component', () => {
<ProviderMock> <ProviderMock>
<App /> <App />
</ProviderMock> </ProviderMock>
) );
}) });
}) });

6
src/frontend/reducers/index.ts
View File

@ -1,10 +1,6 @@
import { combineReducers } from 'redux'; import { combineReducers } from 'redux';
import testReducer from './testReducer'; import testReducer from './testReducer';
import { IChangeHelloPayload } from '../actions/testAction'; export * from './initialState';
export interface IInitialState {
testReducer?: IChangeHelloPayload | undefined
}
const rootReducer = combineReducers({ const rootReducer = combineReducers({
// Here comes the reducers // Here comes the reducers

5
src/frontend/reducers/initialState.ts
View File

@ -1,3 +1,6 @@
import { IInitialState } from './'; import { IChangeHelloPayload } from '@actions';
export interface IInitialState {
testReducer?: IChangeHelloPayload | undefined
}
const initialState: IInitialState = {}; const initialState: IInitialState = {};
export default initialState; export default initialState;

4
src/frontend/reducers/testReducer.ts
View File

@ -1,10 +1,10 @@
import { TAction } from '../actions'; import { TTest } from '@actions';
const initialState = { const initialState = {
hello: 'world' hello: 'world'
}; };
const testReducer = (state = initialState, action: TAction) => { const testReducer = (state = initialState, action: TTest) => {
switch (action.type){ switch (action.type){
case 'CHANGE_HELLO': { case 'CHANGE_HELLO': {
const newHello = action.payload.hello; const newHello = action.payload.hello;

7
src/frontend/setStore.ts
View File

@ -3,8 +3,7 @@ import { legacy_createStore as createStore} from 'redux'; //, applyMiddleware
// import { Provider } from 'react-redux'; // import { Provider } from 'react-redux';
import { composeWithDevTools as composeWithDevToolsWeb } from '@redux-devtools/extension'; import { composeWithDevTools as composeWithDevToolsWeb } from '@redux-devtools/extension';
import { config } from '../../config'; import { config } from '../../config';
import reducer, { IInitialState } from './reducers'; import reducer, { IInitialState } from '@reducers';
const { ENV } = config; const { ENV } = config;
@ -15,11 +14,11 @@ const composeEnhancers = composeWithDevToolsWeb({
const setStore = ({ initialState }: { initialState: IInitialState | undefined }) => { const setStore = ({ initialState }: { initialState: IInitialState | undefined }) => {
const store = ENV === 'development' ? createStore( const store = ENV === 'development' ? createStore(
reducer, reducer,
initialState, initialState as any,
composeEnhancers(), composeEnhancers(),
) : createStore( ) : createStore(
reducer, reducer,
initialState, initialState as any,
); );
return store; return store;
}; };

2
src/server/server.tsx
View File

@ -129,7 +129,7 @@ const renderApp = (req, res, next) => {
}; };
app app
.get('*', renderApp); .get('/{*splat}', renderApp);
app.listen(PORT, () => { app.listen(PORT, () => {
console.log(`Server running on port ${PORT}`); console.log(`Server running on port ${PORT}`);

9
webpack.config.dev.server.ts
View File

@ -49,7 +49,16 @@ const config: Configuration = {
'options': { 'options': {
modules: { modules: {
auto: /\.module\.\w+$/i, auto: /\.module\.\w+$/i,
},
url: {
filter: (url) => {
// No procesar URLs absolutas que comienzan con /
if (url.startsWith('/')) {
return false;
} }
return true;
}
},
}, },
}, },
'sass-loader', 'sass-loader',

15
webpack.config.dev.ts
View File

@ -35,6 +35,12 @@ if(fs.existsSync(`${ROOT_DIR}/../public/img`)){
}); });
} }
if(fs.existsSync(`${ROOT_DIR}/../public/fonts`)){
copyPatterns.push({
from: `${ROOT_DIR}/../public/fonts`, to: 'assets/fonts',
});
}
const config: Configuration = { const config: Configuration = {
entry: [`webpack-hot-middleware/client?path=${envConfig.PREFIX_URL}/reload_wss&timeout=2000&reload=true&autoConnect=true`, `${ROOT_DIR}/../src/frontend/index.tsx`], entry: [`webpack-hot-middleware/client?path=${envConfig.PREFIX_URL}/reload_wss&timeout=2000&reload=true&autoConnect=true`, `${ROOT_DIR}/../src/frontend/index.tsx`],
output: { output: {
@ -68,7 +74,16 @@ const config: Configuration = {
'options': { 'options': {
modules: { modules: {
auto: /\.module\.\w+$/i, auto: /\.module\.\w+$/i,
},
url: {
filter: (url) => {
// No procesar URLs absolutas que comienzan con /
if (url.startsWith('/')) {
return false;
} }
return true;
}
},
}, },
}, },
'sass-loader', 'sass-loader',

15
webpack.config.ts
View File

@ -41,6 +41,12 @@ if(fs.existsSync(`${ROOT_DIR}/public/img`)){
}); });
} }
if(fs.existsSync(`${ROOT_DIR}/public/fonts`)){
copyPatterns.push({
from: `${ROOT_DIR}/public/fonts`, to: 'assets/fonts',
});
}
const frontendConfig = { const frontendConfig = {
entry: { entry: {
frontend: `${ROOT_DIR}/src/frontend/index.tsx`, frontend: `${ROOT_DIR}/src/frontend/index.tsx`,
@ -73,7 +79,16 @@ const frontendConfig = {
'options': { 'options': {
modules: { modules: {
auto: /\.module\.\w+$/i, auto: /\.module\.\w+$/i,
},
url: {
filter: (url) => {
// No procesar URLs absolutas que comienzan con /
if (url.startsWith('/')) {
return false;
} }
return true;
}
},
}, },
}, },
'sass-loader', 'sass-loader',

15
webpack.cy.config.ts
View File

@ -23,6 +23,12 @@ if(fs.existsSync(copyFromUrl)){
}); });
} }
if(fs.existsSync(`${path.resolve(__dirname)}/public/fonts`)){
copyPatterns.push({
from: `${path.resolve(__dirname)}/public/fonts`, to: 'assets/fonts',
});
}
export default { export default {
entry: './src/frontend/components/index.tsx', entry: './src/frontend/components/index.tsx',
resolve: { resolve: {
@ -71,7 +77,16 @@ export default {
'options': { 'options': {
modules: { modules: {
auto: /\.module\.\w+$/i, auto: /\.module\.\w+$/i,
},
url: {
filter: (url) => {
// No procesar URLs absolutas que comienzan con /
if (url.startsWith('/')) {
return false;
} }
return true;
}
},
}, },
}, },
'sass-loader', 'sass-loader',