arch/dev-connect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

moved to vite

Browse Source
This commit is contained in:
QkoSad
2024-09-07 14:42:09 +03:00
parent 04ae8b7be8
commit d9455d002b
24 changed files with 1709 additions and 23700 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/build/asset-manifest.json
-13
View File
@@ -1,13 +0,0 @@
{
"files": {
"main.css": "/static/css/main.cb2b37d1.css",
"main.js": "/static/js/main.d19fb767.js",
"index.html": "/index.html",
"main.cb2b37d1.css.map": "/static/css/main.cb2b37d1.css.map",
"main.d19fb767.js.map": "/static/js/main.d19fb767.js.map"
},
"entrypoints": [
"static/css/main.cb2b37d1.css",
"static/js/main.d19fb767.js"
]
}
client/build/index.html
-1
View File
@@ -1 +0,0 @@
<!doctype html><html lang="en"><head><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"/><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><script defer="defer" src="/static/js/main.d19fb767.js"></script><link href="/static/css/main.cb2b37d1.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
client/build/static/css/main.cb2b37d1.css
-2
View File
@@ -1,2 +0,0 @@
.datePicker :hover{border-color:"#212121"}.datePicker :focus{border-color:"#1976d2";border-width:"2px"}.datePicker{background:"red";color:"red"}.colormebaby{background-color:"red";color:"red"}
/*# sourceMappingURL=main.cb2b37d1.css.map*/
client/build/static/css/main.cb2b37d1.css.map
-1
View File
@@ -1 +0,0 @@
{"version":3,"file":"static/css/main.cb2b37d1.css","mappings":"AAAA,mBACE,sBACF,CACA,mBACE,sBAAuB,CACvB,kBACF,CACA,YAEE,gBAAgB,CADhB,WAEF,CAEA,aACE,sBAAsB,CACtB,WACF","sources":["App2.css"],"sourcesContent":[".datePicker :hover {\n border-color: \"#212121\";\n}\n.datePicker :focus {\n border-color: \"#1976d2\";\n border-width: \"2px\";\n}\n.datePicker{\n color:\"red\";\n background:\"red\";\n}\n\n.colormebaby{\n background-color:\"red\";\n color:\"red\"\n}\n"],"names":[],"sourceRoot":""}
client/build/static/js/main.d19fb767.js
-3
View File
File diff suppressed because one or more lines are too long
client/build/static/js/main.d19fb767.js.LICENSE.txt
-121
View File
@@ -1,121 +0,0 @@
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
/**
* @license React
* react-dom.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* use-sync-external-store-shim.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* use-sync-external-store-shim/with-selector.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @mui/styled-engine v5.13.2
*
* @license MIT
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @remix-run/router v1.7.2
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
/**
* React Router DOM v6.14.2
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
/**
* React Router v6.14.2
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
client/build/static/js/main.d19fb767.js.map
-1
View File
File diff suppressed because one or more lines are too long
client/dev.Dockerfile
+2 -2
View File
@@ -5,6 +5,6 @@ WORKDIR /usr/src/app
COPY . . COPY . .
RUN npm ci RUN npm i
CMD npm start CMD ["npm","run","dev","--","--host"]
client/index.html
+15
View File
@@ -0,0 +1,15 @@
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/index.tsx"></script>
</body>
</html>
client/package-lock.json
Generated
+1563 -23516
View File
File diff suppressed because it is too large Load Diff
client/package.json
+7 -9
View File
@@ -12,7 +12,6 @@
"@testing-library/react": "^13.4.0", "@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0", "@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2", "@types/jest": "^27.5.2",
"@types/node": "^16.18.39",
"@types/react": "^18.2.16", "@types/react": "^18.2.16",
"@types/react-dom": "^18.2.7", "@types/react-dom": "^18.2.7",
"axios": "^1.4.0", "axios": "^1.4.0",
@@ -20,17 +19,15 @@
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-redux": "^8.1.1", "react-redux": "^8.1.1",
"react-router-dom": "^6.14.2", "react-router-dom": "^6.14.2",
"react-scripts": "5.0.1",
"redux": "^4.2.1", "redux": "^4.2.1",
"typescript": "^4.9.5", "typescript": "^4.9.5",
"uuid": "^9.0.0", "uuid": "^9.0.0",
"web-vitals": "^2.1.4" "web-vitals": "^2.1.4"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "dev": "vite",
"build": "react-scripts build", "build": "vite build",
"test": "react-scripts test", "serve": "vite preview"
"eject": "react-scripts eject"
}, },
"eslintConfig": { "eslintConfig": {
"extends": [ "extends": [
@@ -51,7 +48,8 @@
] ]
}, },
"devDependencies": { "devDependencies": {
"@types/uuid": "^9.0.2" "@types/uuid": "^9.0.2",
}, "@vitejs/plugin-react": "^4.3.1",
"proxy": "http://server:5000" "vite": "^5.4.3"
}
} }
client/package_back.json
+56
View File
@@ -0,0 +1,56 @@
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.14.3",
"@mui/material": "^5.14.4",
"@reduxjs/toolkit": "^1.9.5",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.18.39",
"@types/react": "^18.2.16",
"@types/react-dom": "^18.2.7",
"axios": "^1.4.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.1.1",
"react-router-dom": "^6.14.2",
"redux": "^4.2.1",
"typescript": "^4.9.5",
"uuid": "^9.0.0",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@types/uuid": "^9.0.2"
},
"proxy": "http://server:5000"
}
client/public/index.html
-14
View File
@@ -1,14 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<div id="root"></div>
</body>
</html>
client/src/actions/post.ts
+1
View File
@@ -121,6 +121,7 @@ export const addPost =
(formData: { text: string }): AppThunk => (formData: { text: string }): AppThunk =>
async (dispatch) => { async (dispatch) => {
try { try {
console.log(1);
const res = await api.post("/posts", formData); const res = await api.post("/posts", formData);
dispatch(addPostAction(res.data)); dispatch(addPostAction(res.data));
client/src/components/dashboard/Education.tsx
+2 -1
View File
@@ -7,6 +7,7 @@ import { Box, Typography } from "@mui/material";
const Education = ({ education }: { education: EducationType[] }) => { const Education = ({ education }: { education: EducationType[] }) => {
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
if (!education) return <></>;
const educations = education.map((edu) => ( const educations = education.map((edu) => (
<tr key={edu._id}> <tr key={edu._id}>
<td>{edu.school}</td> <td>{edu.school}</td>
@@ -35,7 +36,7 @@ const Education = ({ education }: { education: EducationType[] }) => {
); );
return ( return (
<> <>
<Typography variant='h5'>Education Credentials</Typography> <Typography variant="h5">Education Credentials</Typography>
<table className="table"> <table className="table">
<thead> <thead>
<tr> <tr>
client/src/components/dashboard/Experience.tsx
+4 -1
View File
@@ -7,6 +7,7 @@ import { useAppDispatch } from "../../utils/hooks";
const Experience = ({ experience }: { experience: ExperienceType[] }) => { const Experience = ({ experience }: { experience: ExperienceType[] }) => {
const dispatch = useAppDispatch(); const dispatch = useAppDispatch();
if (!experience) return <></>;
const experiences = experience.map((exp) => ( const experiences = experience.map((exp) => (
<tr key={exp._id}> <tr key={exp._id}>
<td>{exp.company}</td> <td>{exp.company}</td>
@@ -27,7 +28,9 @@ const Experience = ({ experience }: { experience: ExperienceType[] }) => {
if (experiences.length === 0) if (experiences.length === 0)
return ( return (
<Typography variant="h5">You have no experiences, consider adding some.</Typography> <Typography variant="h5">
You have no experiences, consider adding some.
</Typography>
); );
return ( return (
client/src/components/layout/Navbar.tsx
+2 -2
View File
@@ -127,7 +127,7 @@ const Navbar = () => {
}} }}
> >
{isAuthenticated ? ( {isAuthenticated ? (
<> <div>
{" "} {" "}
{authLinks.map((el) => ( {authLinks.map((el) => (
<MenuItem <MenuItem
@@ -149,7 +149,7 @@ const Navbar = () => {
</a> </a>
</MenuItem> </MenuItem>
, ,
</> </div>
) : ( ) : (
guestLinks.map((el) => ( guestLinks.map((el) => (
<MenuItem <MenuItem
client/src/components/posts/PostForm.tsx
+4 -3
View File
@@ -14,8 +14,9 @@ const PostForm = () => {
display="flex" display="flex"
gap="1rem" gap="1rem"
noValidate noValidate
sx={{ mt: 3,mb:3 }} sx={{ mt: 3, mb: 3 }}
onSubmit={async (e) => { onSubmit={async (e) => {
console.log(1);
e.preventDefault(); e.preventDefault();
await dispatch(addPost({ text })); await dispatch(addPost({ text }));
setText(""); setText("");
@@ -26,9 +27,9 @@ const PostForm = () => {
label="Create a post" label="Create a post"
fullWidth fullWidth
value={text} value={text}
onChange={(e)=> setText(e.target.value)} onChange={(e) => setText(e.target.value)}
multiline multiline
rows={3} rows={3}
required required
/> />
<Button variant="contained">Submit</Button> <Button variant="contained">Submit</Button>
client/src/components/posts/Posts.tsx
+9 -4
View File
@@ -14,15 +14,20 @@ const Posts = () => {
fetchData(); fetchData();
}, [dispatch]); }, [dispatch]);
const posts = useAppSelector((state) => state.post.posts); const posts = useAppSelector((state) => state.post.posts);
if (!posts) return <></>;
return ( return (
<Container maxWidth="sm"> <Container maxWidth="sm">
<Typography variant="h3">Posts</Typography> <Typography variant="h3">Posts</Typography>
<Typography variant='h4'>Welcome to the community</Typography> <Typography variant="h4">Welcome to the community</Typography>
<PostForm /> <PostForm />
{posts.map((post) => ( <Box>
<PostItem key={post._id} post={post} /> {posts.length > 0 && Array.isArray(posts) ? (
))} posts.map((post) => <PostItem key={post._id} post={post} />)
) : (
<Typography>No posts found...</Typography>
)}
</Box>
</Container> </Container>
); );
}; };
client/src/components/profiles/Profiles.tsx
+1 -1
View File
@@ -28,7 +28,7 @@ const Profiles = () => {
Browse and connect with developers Browse and connect with developers
</Typography> </Typography>
<Box> <Box>
{profiles.length > 0 ? ( {profiles.length > 0 && Array.isArray(profiles) ? (
profiles.map((profile) => ( profiles.map((profile) => (
<ProfileItem key={profile._id} profile={profile} /> <ProfileItem key={profile._id} profile={profile} />
)) ))
client/src/utils/api.ts
+1 -1
View File
@@ -2,7 +2,7 @@ import axios from "axios";
import store from "../store"; import store from "../store";
const api = axios.create({ const api = axios.create({
baseURL: "/api", baseURL: "http://localhost:5000/api",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
}, },
client/vite.config.js
+11
View File
@@ -0,0 +1,11 @@
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
export default defineConfig(() => {
return {
build: {
outDir: "build",
},
plugins: [react()],
};
});
docker-compose.dev.yml
+3 -2
View File
@@ -1,4 +1,3 @@
services: services:
app: app:
image: devcon-frontend-dev image: devcon-frontend-dev
@@ -6,7 +5,9 @@ services:
context: ./client context: ./client
dockerfile: ./dev.Dockerfile dockerfile: ./dev.Dockerfile
ports: ports:
- 3000:3000 - 5173:5173
environment:
VITE_BACKEND_URL: http://server:5000
volumes: volumes:
- ./client:/usr/src/app - ./client:/usr/src/app
docker-compose.yml
+28 -2
View File
@@ -1,4 +1,26 @@
services: services:
app:
image: devcon-frontend-dev
build:
context: ./client
dockerfile: ./dev.Dockerfile
ports:
- 3000:3000
volumes:
- ./client:/usr/src/app
server:
image: devcon-backend-dev
build:
context: ./server
dockerfile: ./dev.Dockerfile
ports:
- 5000:5000
volumes:
- ./server:/usr/src/app
environment:
MONGO_URL: "mongodb://the_username:the_password@mongo:27017/the_database"
mongo: mongo:
image: mongo image: mongo
ports: ports:
@@ -7,6 +29,10 @@ services:
MONGO_INITDB_ROOT_USERNAME: root MONGO_INITDB_ROOT_USERNAME: root
MONGO_INITDB_ROOT_PASSWORD: example MONGO_INITDB_ROOT_PASSWORD: example
MONGO_INITDB_DATABASE: the_database MONGO_INITDB_DATABASE: the_database
volumes:
volumes:
- ./mongo/mongo-init.js:/docker-entrypoint-initdb.d/mongo-init.js - ./mongo/mongo-init.js:/docker-entrypoint-initdb.d/mongo-init.js
- mongo_data:/data/db
volumes:
mongo_data: