Skip to content

refactor: migrate from webpack to vitejs bundler #240

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Nov 5, 2024
Merged

refactor: migrate from webpack to vitejs bundler #240

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
17c47c0
chore: remove ESLint configuration file
cswni Nov 5, 2024
b045a5a
refactor: change to use vitejs aliaases
cswni Nov 5, 2024
3e544e3
refactor: update file structure and paths in index.html
cswni Nov 5, 2024
9cbc40a
feat: migrate project build system to Vite
cswni Nov 5, 2024
4838964
refactor(tsconfig): split into separate app and node configs
cswni Nov 5, 2024
3fa1074
feat(eslint): add ESLint configuration file
cswni Nov 5, 2024
985c8ce
feat: add global window initialization
cswni Nov 5, 2024
56a6099
feat: migrate project build system to Vite
cswni Nov 5, 2024
f8aebfb
chore: remove unused vite-plugin-simple-html dependency
cswni Nov 5, 2024
85a7df6
feat: add Makefile with CI support for tests and linting
cswni Nov 5, 2024
a8c5eb7
refactor: optimize imports and improve code formatting
cswni Nov 5, 2024
8e37a16
fix(Makefile): correct lint command syntax
cswni Nov 5, 2024
02c8d84
refactor: remove unused variables and eslint disable rules
cswni Nov 5, 2024
aa1c162
refactor: add Readonly type to CarouselItemProps
cswni Nov 5, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
99 changes: 0 additions & 99 deletions .eslintrc
View file
Open in desktop

This file was deleted.

27 changes: 27 additions & 0 deletions Makefile
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
# Include env file
ifneq (,$(wildcard ./.env))
include .env
export
endif

.DEFAULT_GOAL := all
MAKEFLAGS += --no-print-directory

# When --ci option is provided, Jest will assume it is running in a CI environment.
# This changes the behavior when a new snapshot is encountered. Instead of the regular behavior of storing a new snapshot automatically,
# it will fail the test and require Jest to be run with --updateSnapshot.
.PHONY: test ## run tests
test:
npx jest --ci --verbose --coverage=false --passWithNoTests

.PHONY: testcov ## run test coverage
testcov:
npx jest --ci --coverage --passWithNoTests | tee ./coverage.txt

.PHONY: install ## install dependencies
install:
npm ci

.PHONY: lint ## lint standard js
lint:
npx eslint "src/**/*.{js,jsx,ts,tsx}"
28 changes: 28 additions & 0 deletions estlint.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'

export default tseslint.config(
{ ignores: ['dist'] },
{
extends: [js.configs.recommended, ...tseslint.configs.recommended],
files: ['**/*.{ts,tsx}'],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
},
plugins: {
'react-hooks': reactHooks,
'react-refresh': reactRefresh,
},
rules: {
...reactHooks.configs.recommended.rules,
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
},
)
22 changes: 10 additions & 12 deletions public/index.html → index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,31 +5,29 @@
<meta charset="utf-8" />
<meta name="theme-color" content="#000000" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="manifest" href="./manifest.json" />

<!-- Favicon -->
<link rel="icon" href="%PUBLIC_URL%/favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/favicon/apple-touch-icon.png">
<link rel="icon" href="./favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png">

<!-- Using Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800&display=swap"
rel="stylesheet" />
rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@900&display=swap" rel="stylesheet" />

<title>Watchit app</title>
<title>Watchit App</title>

<meta name="description"
content="" />
content="" />
<meta name="keywords" content="react,material,kit,application,dashboard,admin,template" />
</head>

<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<div id="root"></div>
<script type="module" src="./src/index.tsx"></script>
</body>

</html>
Loading