Skip to content

Commit 61bbe65

Browse files
carocao-msftcarocao-msft
committed
Update
1 parent bec87bb commit 61bbe65

File tree

15 files changed

+14778
-65724
lines changed

15 files changed

+14778
-65724
lines changed

‎ui-library-quickstart-ui-components/index.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta
9+
name="description"
10+
content="Web site created using vite"
11+
/>
12+
<link rel="apple-touch-icon" href="/logo192.png" />
13+
<!--
14+
manifest.json provides metadata used when your web app is installed on a
15+
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16+
-->
17+
<link rel="manifest" href="/manifest.json" />
18+
<title>React App</title>
19+
</head>
20+
<body>
21+
<noscript>You need to enable JavaScript to run this app.</noscript>
22+
<div id="root"></div>
23+
<script type="module" src="/src/index.tsx"></script>
24+
<!--
25+
This HTML file is a template.
26+
If you open it directly in the browser, you will see an empty page.
27+
28+
You can add webfonts, meta tags, or analytics to this file.
29+
The build step will place the bundled scripts into the <body> tag.
30+
31+
To begin the development, run `npm start` or `yarn start`.
32+
To create a production bundle, use `npm run build` or `yarn build`.
33+
-->
34+
</body>
35+
</html>

‎ui-library-quickstart-ui-components/package-lock.json‎

Lines changed: 3624 additions & 17203 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎ui-library-quickstart-ui-components/package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,20 +11,20 @@
1111
"@testing-library/react": "^11.2.7",
1212
"@testing-library/user-event": "^12.8.3",
1313
"@types/jest": "^26.0.24",
14-
"@types/node": "^12.20.33",
14+
"@types/node": "^22.15.18",
1515
"@types/react": "^18.2.0",
1616
"@types/react-dom": "^18.2.0",
17+
"@vitejs/plugin-react": "^4.5.0",
1718
"react": "18.2.0",
1819
"react-dom": "18.2.0",
19-
"react-scripts": "5.0.1",
2020
"typescript": "^4.4.4",
21+
"vite": "^6.3.5",
22+
"vite-plugin-svgr": "^4.3.0",
2123
"web-vitals": "^1.1.2"
2224
},
2325
"scripts": {
24-
"start": "react-scripts start",
25-
"build": "react-scripts build",
26-
"test": "react-scripts test",
27-
"eject": "react-scripts eject"
26+
"start": "vite",
27+
"build": "tsc && vite build"
2828
},
2929
"eslintConfig": {
3030
"extends": [

‎ui-library-quickstart-ui-components/tsconfig.json‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,15 @@
11
{
22
"compilerOptions": {
3-
"target": "es5",
3+
"target": "ESNext",
44
"lib": [
55
"dom",
66
"dom.iterable",
77
"esnext"
88
],
9+
"types": [
10+
"vite/client",
11+
"vite-plugin-svgr/client"
12+
],
913
"allowJs": true,
1014
"skipLibCheck": true,
1115
"esModuleInterop": true,
@@ -23,4 +27,4 @@
2327
"include": [
2428
"src"
2529
]
26-
}
30+
}

‎ui-library-quickstart-ui-components/vite.config.js‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import { defineConfig } from "vite";
2+
import reactRefresh from "@vitejs/plugin-react";
3+
import svgrPlugin from "vite-plugin-svgr";
4+
5+
// https://vitejs.dev/config/
6+
export default defineConfig({
7+
// This changes the out put dir from dist to build
8+
// comment this out if that isn't relevant for your project
9+
build: {
10+
outDir: "build",
11+
},
12+
server: {
13+
port: 3000, // Always serve at port 3000
14+
},
15+
plugins: [
16+
reactRefresh(),
17+
svgrPlugin({
18+
svgrOptions: {
19+
icon: true,
20+
// ...svgr options (https://react-svgr.com/docs/options/)
21+
},
22+
}),
23+
],
24+
});

‎ui-library-starting-with-calling-stateful/index.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta
9+
name="description"
10+
content="Web site created using vite"
11+
/>
12+
<link rel="apple-touch-icon" href="/logo192.png" />
13+
<!--
14+
manifest.json provides metadata used when your web app is installed on a
15+
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16+
-->
17+
<link rel="manifest" href="/manifest.json" />
18+
<title>React App</title>
19+
</head>
20+
<body>
21+
<noscript>You need to enable JavaScript to run this app.</noscript>
22+
<div id="root"></div>
23+
<script type="module" src="/src/index.tsx"></script>
24+
<!--
25+
This HTML file is a template.
26+
If you open it directly in the browser, you will see an empty page.
27+
28+
You can add webfonts, meta tags, or analytics to this file.
29+
The build step will place the bundled scripts into the <body> tag.
30+
31+
To begin the development, run `npm start` or `yarn start`.
32+
To create a production bundle, use `npm run build` or `yarn build`.
33+
-->
34+
</body>
35+
</html>

0 commit comments

Comments
 (0)