galmio
9 months ago
47 changed files with 978 additions and 116 deletions
-
3.env.example
-
3.gitignore
-
31Dockerfile
-
14docker-compose.dev.yml
-
6docker-compose.prod.yml
-
17docker-compose.yml
-
24package-lock.json
-
8package.json
-
5src/client/Dockerfile
-
19src/client/package-lock.json
-
9src/client/package.json
-
BINsrc/client/src/assets/icon/communication/ic_email.png
-
BINsrc/client/src/assets/icon/communication/phone.png
-
BINsrc/client/src/assets/icon/maps/my_location.png
-
BINsrc/client/src/assets/icon/social/facebook.png
-
BINsrc/client/src/assets/icon/social/linkedin.png
-
BINsrc/client/src/assets/img/post2.png
-
1src/client/src/index.html
-
6src/client/src/js/App.js
-
30src/client/src/js/components/layout/Card/CardItem/index.js
-
18src/client/src/js/components/layout/Card/index.js
-
49src/client/src/js/components/layout/Form/FormInput/index.js
-
36src/client/src/js/components/layout/Form/hooks.js
-
33src/client/src/js/components/layout/Form/index.js
-
4src/client/src/js/components/layout/Navbar/index.js
-
18src/client/src/js/components/layout/Showcase/BareShowcase/index.js
-
35src/client/src/js/components/pages/About.js
-
62src/client/src/js/components/pages/Contact.js
-
17src/client/src/js/components/pages/Doulton.js
-
4src/client/src/js/components/pages/Index.js
-
1src/client/src/styles/base/_variables.scss
-
10src/client/src/styles/components/_button.scss
-
28src/client/src/styles/components/_card.scss
-
39src/client/src/styles/components/_form.scss
-
19src/client/src/styles/components/_showcase.scss
-
52src/client/src/styles/layout/_container.scss
-
1src/client/src/styles/layout/_footer.scss
-
2src/client/src/styles/main.scss
-
21src/client/webpack.common.js
-
16src/client/webpack.dev.js
-
6src/client/webpack.prod.js
-
15src/server/.eslintrc.js
-
8src/server/.prettierrc.js
-
10src/server/Dockerfile
-
374src/server/package-lock.json
-
20src/server/package.json
-
20src/server/src/server.js
@ -0,0 +1,3 @@ |
|||
PORT= |
|||
HOSTNAME= |
|||
NETWORK= |
|||
@ -0,0 +1,3 @@ |
|||
node_modules/ |
|||
dist/ |
|||
.env |
|||
@ -1,24 +1,25 @@ |
|||
# Set up and build the client |
|||
FROM node:lts-slim as client |
|||
FROM node:lts-alpine as build |
|||
|
|||
WORKDIR /usr/src/app/client/ |
|||
COPY client/package*.json ./ |
|||
RUN npm install -qy |
|||
COPY client/ ./ |
|||
WORKDIR /usr/src/client/ |
|||
COPY src/client/package*.json ./ |
|||
RUN npm ci -qy |
|||
COPY src/client/ ./ |
|||
RUN npm run build |
|||
|
|||
# Copy build dir to maintain the current production version local |
|||
FROM node:lts-slim |
|||
WORKDIR /usr/src/app |
|||
COPY --from=client /usr/src/app/client/dist/ ./src/client/dist/ |
|||
# Copy build dir to production container |
|||
FROM node:lts-alpine |
|||
COPY --from=build /usr/src/client/dist/ ./usr/src/client/dist/ |
|||
|
|||
# Set up the server |
|||
WORKDIR /usr/src/app/server/ |
|||
COPY server/package*.json ./ |
|||
RUN npm install -qy |
|||
COPY server/ ./ |
|||
# Create the app directory |
|||
WORKDIR /usr/src/server/ |
|||
|
|||
ENV PORT 8000 |
|||
# Install app dependencies |
|||
COPY src/server/package*.json ./ |
|||
RUN npm install -qy --only production |
|||
|
|||
# Bundle app source |
|||
COPY src/server/ ./ |
|||
|
|||
EXPOSE 8000 |
|||
|
|||
|
|||
@ -0,0 +1,14 @@ |
|||
version: "3" |
|||
services: |
|||
client: |
|||
build: |
|||
context: ./src/client/ |
|||
command: npm start |
|||
image: siameses_client |
|||
container_name: siameses_client |
|||
ports: |
|||
- "8080:8080" |
|||
volumes: |
|||
- ./src/client:/usr/src/client |
|||
- /usr/src/client/node_modules |
|||
|
|||
@ -1,13 +1,10 @@ |
|||
version: "3" |
|||
services: |
|||
client: |
|||
build: |
|||
context: ./src/client/ |
|||
command: npm start |
|||
image: siameses_client |
|||
container_name: siameses_client |
|||
siameses: |
|||
build: . |
|||
container_name: "siameses" |
|||
hostname: "siameses" |
|||
restart: unless-stopped |
|||
env_file: .env |
|||
ports: |
|||
- "2500:80" |
|||
volumes: |
|||
- ./src/client:/usr/src/app |
|||
- /usr/src/app/node_modules |
|||
- "8000:8000" |
|||
@ -1,8 +1,7 @@ |
|||
FROM node:lts-alpine |
|||
RUN mkdir -p /usr/src/app |
|||
WORKDIR /usr/src/app |
|||
WORKDIR /usr/src/client |
|||
COPY package*.json ./ |
|||
RUN npm ci -qy |
|||
COPY . . |
|||
EXPOSE 80 |
|||
EXPOSE 8080 |
|||
CMD [ "npm", "start" ] |
|||
|
Before Width: 16 | Height: 16 | Size: 363 B |
|
Before Width: 16 | Height: 16 | Size: 361 B |
|
Before Width: 16 | Height: 16 | Size: 533 B |
|
Before Width: 24 | Height: 24 | Size: 716 B |
|
Before Width: 24 | Height: 24 | Size: 721 B |
|
Before Width: 1801 | Height: 1801 | Size: 740 KiB |
@ -0,0 +1,30 @@ |
|||
import React from 'react' |
|||
import { ButtonWrapper } from '../../Button' |
|||
|
|||
const CardItem = ({ avatar, name, position, socialLink }) => ( |
|||
<div className="card-item"> |
|||
<div className="avatar"> |
|||
<img src={avatar} alt="" /> |
|||
</div> |
|||
<div className="details"> |
|||
<span className="name">{name}</span> |
|||
<span className="position">{position}</span> |
|||
</div> |
|||
<ButtonWrapper |
|||
buttons={[ |
|||
{ |
|||
type: 'full', |
|||
content: 'LinkedIn', |
|||
path: 'https://linkedin.com' |
|||
}, |
|||
{ |
|||
type: 'bare', |
|||
content: 'LinkedIn', |
|||
path: 'https://linkedin.com' |
|||
} |
|||
]} |
|||
/> |
|||
</div> |
|||
) |
|||
|
|||
export default CardItem |
|||
@ -0,0 +1,18 @@ |
|||
import React from 'react' |
|||
import CardItem from './CardItem' |
|||
|
|||
const Card = ({ cards }) => ( |
|||
<div className="card-wrapper"> |
|||
{cards.map((card, i) => ( |
|||
<CardItem |
|||
avatar={card.avatar} |
|||
name={card.name} |
|||
position={card.position} |
|||
socialLink={card.socialLink} |
|||
key={i} |
|||
/> |
|||
))} |
|||
</div> |
|||
) |
|||
|
|||
export default Card |
|||
@ -0,0 +1,36 @@ |
|||
import { useState, useEffect, useRef } from 'react' |
|||
|
|||
export const useFormInput = (initialValue = '') => { |
|||
const [value, setValue] = useState(initialValue) |
|||
const [isActive, setIsActive] = useState(false) |
|||
const outerDiv = useRef(null) |
|||
|
|||
const handleChange = (e) => setValue(e.target.value) |
|||
const handleClick = () => setIsActive(true) |
|||
const handleOutsideClick = (e) => { |
|||
if (outerDiv.current.contains(e.target)) { |
|||
return |
|||
} |
|||
setIsActive(false) |
|||
} |
|||
const handleFocus = () => setIsActive(true) |
|||
const handleFocusOut = () => setIsActive(false) |
|||
|
|||
useEffect(() => { |
|||
document.addEventListener('click', handleOutsideClick) |
|||
|
|||
return () => { |
|||
document.removeEventListener('click', handleOutsideClick) |
|||
} |
|||
}, [isActive]) |
|||
|
|||
return { |
|||
value, |
|||
isActive, |
|||
onChange: handleChange, |
|||
onClick: handleClick, |
|||
onFocus: handleFocus, |
|||
onBlur: handleFocusOut, |
|||
outerDiv |
|||
} |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
import React from 'react' |
|||
import Button from '../../Button' |
|||
|
|||
const BareShowcase = ({ content, children, link }) => { |
|||
return ( |
|||
<div className="bare-showcase"> |
|||
<div className="heading"> |
|||
<span>{children}</span> |
|||
</div> |
|||
<div className="content"> |
|||
{content} |
|||
<Button type="bare" content={link.label} path={link.path} /> |
|||
</div> |
|||
</div> |
|||
) |
|||
} |
|||
|
|||
export default BareShowcase |
|||
@ -0,0 +1,35 @@ |
|||
import React from 'react' |
|||
import BareShowcase from '../layout/Showcase/BareShowcase' |
|||
import Card from '../layout/Card' |
|||
|
|||
const About = () => ( |
|||
<div className="about-wrapper"> |
|||
<BareShowcase |
|||
content="Ofrecemos soluciones de calidad y ecoamigables de purificación de agua para las familias y comercios del Perú." |
|||
link={{ |
|||
label: 'Conoce nuestra historia', |
|||
path: '' |
|||
}}> |
|||
¡Hola! |
|||
<br /> <b>Somos Siameses</b> |
|||
</BareShowcase> |
|||
<Card |
|||
cards={[ |
|||
{ |
|||
avatar: 'assets/img/carlos.png', |
|||
name: 'Carlos Siles Molinelli', |
|||
position: 'Director Ejecutivo', |
|||
socialLink: 'https://linkedin.com' |
|||
}, |
|||
{ |
|||
avatar: 'assets/img/miguel.png', |
|||
name: 'Miguel Moreno Revilla', |
|||
position: 'Director Ejecutivo', |
|||
socialLink: 'https://linkedin' |
|||
} |
|||
]} |
|||
/> |
|||
</div> |
|||
) |
|||
|
|||
export default About |
|||
@ -1,8 +1,68 @@ |
|||
import React from 'react' |
|||
import Form from '../layout/Form' |
|||
import PhoneIcon from '../../../assets/icon/communication/phone.svg' |
|||
import MailIcon from '../../../assets/icon/communication/ic_email.svg' |
|||
import MapIcon from '../../../assets/icon/maps/my_location.svg' |
|||
import FbLogo from '../../../assets/icon/social/facebook.svg' |
|||
import LiLogo from '../../../assets/icon/social/linkedin.svg' |
|||
|
|||
const Contact = () => ( |
|||
<Form /> |
|||
<div className="contact-wrapper"> |
|||
<div className="contact-container"> |
|||
<div className="contact-details"> |
|||
<div className="title"> |
|||
<h1>Estamos para resolver tus dudas y atenderte</h1> |
|||
</div> |
|||
<div className="content"> |
|||
<div className="content-link"> |
|||
<PhoneIcon /> |
|||
<a href="tel:016543210">01 654 3210</a> |
|||
</div> |
|||
<div className="content-link"> |
|||
<MailIcon /> |
|||
<a href="mailto:contacto@siameses.com.pe"> |
|||
contacto@siameses.com.pe |
|||
</a> |
|||
</div> |
|||
<div className="content-link"> |
|||
<MapIcon width="25" /> |
|||
<a |
|||
target="blank" |
|||
rel="noreferrer" |
|||
href="https://www.openstreetmap.org/?mlat=-12.1345101&mlon=-77.026404&zoom=17#map=17/-12.13451/-77.02640"> |
|||
Av. Armedariz 480 Miraflores, Lima, Peru |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className="branding"> |
|||
<div className="social-links"> |
|||
<span>Visitanos en</span> |
|||
<div className="social-icons"> |
|||
<a |
|||
target="_blank" |
|||
rel="noreferrer" |
|||
href="https://facebook.com/siameses.com.pe"> |
|||
<FbLogo /> |
|||
</a> |
|||
<a |
|||
target="_blank" |
|||
rel="noreferrer" |
|||
href="https://linkedin.com/company/siameses/"> |
|||
<LiLogo /> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<span> |
|||
Conoce más en{' '} |
|||
<a target="_blank" rel="noreferrer" href="https://doulton.com.pe"> |
|||
www.doulton.com.pe |
|||
</a> |
|||
</span> |
|||
</div> |
|||
</div> |
|||
<Form /> |
|||
</div> |
|||
) |
|||
|
|||
export default Contact |
|||
@ -0,0 +1,17 @@ |
|||
import React from 'react' |
|||
import BareShowcase from '../layout/Showcase/BareShowcase' |
|||
|
|||
const Doulton = () => ( |
|||
<div className="doulton-wrapper"> |
|||
<BareShowcase |
|||
content="Somos representantes de Doulton Filters ® del Reino Unido, para ofrecer la mejor calidad de agua purificada a las familias y comercios del Perú." |
|||
link={{ |
|||
label: 'Ir a Doulton.com.pe', |
|||
path: 'https://doulton.com.pe' |
|||
}}> |
|||
¡La marca Nº1 en <b>purificadores de agua</b> ya está aquí! |
|||
</BareShowcase> |
|||
</div> |
|||
) |
|||
|
|||
export default Doulton |
|||
@ -0,0 +1,28 @@ |
|||
.card-wrapper { |
|||
@include flexbox-center; |
|||
.card-item { |
|||
box-shadow: 0px 0px 12px rgba(31, 44, 115, 0.1); |
|||
border-radius: 8px; |
|||
.avatar { |
|||
img { |
|||
border-radius: 50%; |
|||
} |
|||
} |
|||
.details { |
|||
@include flexbox; |
|||
@include flex-direction(column); |
|||
font-family: $nunito-semibold; |
|||
color: $navy_blue; |
|||
.name { |
|||
font-size: 20px; |
|||
line-height: 32px; |
|||
} |
|||
.position { |
|||
font-size: 12px; |
|||
line-height: 16px; |
|||
text-transform: uppercase; |
|||
letter-spacing: 2px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,52 @@ |
|||
.contact-wrapper { |
|||
@include flexbox; |
|||
@include justify-content(center); |
|||
@include align-items(baseline); |
|||
padding: 2rem 4rem; |
|||
.contact-container { |
|||
@include flexbox; |
|||
@include flex-direction(column); |
|||
padding: 0 3rem; |
|||
.title h1 { |
|||
$font-family: $nunito-semibold; |
|||
color: $navy_blue; |
|||
} |
|||
.content { |
|||
padding: 2rem 0; |
|||
.content-link { |
|||
padding: 1rem 0; |
|||
@include flexbox; |
|||
@include flex-wrap(nowrap); |
|||
@include align-items(center); |
|||
a { |
|||
padding-left: 0.5rem; |
|||
text-decoration: none; |
|||
color: $dark_gray; |
|||
} |
|||
} |
|||
} |
|||
.branding { |
|||
.social-links { |
|||
@include flexbox; |
|||
@include flex-wrap(nowrap); |
|||
padding: 2rem 0; |
|||
.social-icons { |
|||
padding-left: 1rem; |
|||
a { |
|||
@include user-select-none; |
|||
svg { |
|||
padding: 0 0.5rem; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
span { |
|||
a { |
|||
@include user-select-none; |
|||
text-decoration: underline; |
|||
color: $gold; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,16 @@ |
|||
const merge = require('webpack-merge') |
|||
const common = require('./webpack.common') |
|||
|
|||
module.exports = merge(common, { |
|||
mode: 'development', |
|||
devtool: 'inline-source-map', |
|||
devServer: { |
|||
historyApiFallback: true, |
|||
// Only output errors, warnings, or new compilations. It hides the massive list of modules.
|
|||
stats: 'minimal', |
|||
hot: true, |
|||
inline: true, |
|||
host: '0.0.0.0', |
|||
port: 8080 |
|||
} |
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
const merge = require('webpack-merge') |
|||
const common = require('./webpack.common') |
|||
|
|||
module.exports = merge(common, { |
|||
mode: 'production' |
|||
}) |
|||
@ -0,0 +1,15 @@ |
|||
module.exports = { |
|||
env: { |
|||
browser: true, |
|||
commonjs: true, |
|||
es2020: true |
|||
}, |
|||
extends: [ |
|||
'standard' |
|||
], |
|||
parserOptions: { |
|||
ecmaVersion: 11 |
|||
}, |
|||
rules: { |
|||
} |
|||
} |
|||
@ -0,0 +1,8 @@ |
|||
module.exports = { |
|||
trailingComma: 'none', |
|||
tabWidth: 2, |
|||
semi: false, |
|||
singleQuote: true, |
|||
arrowParens: 'always', |
|||
bracketSpacing: true |
|||
} |
|||
@ -0,0 +1,10 @@ |
|||
FROM node:lts-alpine |
|||
|
|||
RUN mkdir -p /usr/src/server |
|||
WORKDIR /usr/src/server |
|||
COPY package*.json ./ |
|||
RUN npm ci -qy |
|||
COPY . . |
|||
|
|||
EXPOSE $PORT |
|||
CMD [ "npm start" ] |
|||
@ -0,0 +1,374 @@ |
|||
{ |
|||
"name": "siameses_server", |
|||
"version": "1.0.0", |
|||
"lockfileVersion": 1, |
|||
"requires": true, |
|||
"dependencies": { |
|||
"accepts": { |
|||
"version": "1.3.7", |
|||
"resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz", |
|||
"integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==", |
|||
"requires": { |
|||
"mime-types": "~2.1.24", |
|||
"negotiator": "0.6.2" |
|||
} |
|||
}, |
|||
"array-flatten": { |
|||
"version": "1.1.1", |
|||
"resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz", |
|||
"integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=" |
|||
}, |
|||
"body-parser": { |
|||
"version": "1.19.0", |
|||
"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz", |
|||
"integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==", |
|||
"requires": { |
|||
"bytes": "3.1.0", |
|||
"content-type": "~1.0.4", |
|||
"debug": "2.6.9", |
|||
"depd": "~1.1.2", |
|||
"http-errors": "1.7.2", |
|||
"iconv-lite": "0.4.24", |
|||
"on-finished": "~2.3.0", |
|||
"qs": "6.7.0", |
|||
"raw-body": "2.4.0", |
|||
"type-is": "~1.6.17" |
|||
} |
|||
}, |
|||
"bytes": { |
|||
"version": "3.1.0", |
|||
"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", |
|||
"integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==" |
|||
}, |
|||
"content-disposition": { |
|||
"version": "0.5.3", |
|||
"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", |
|||
"integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==", |
|||
"requires": { |
|||
"safe-buffer": "5.1.2" |
|||
} |
|||
}, |
|||
"content-type": { |
|||
"version": "1.0.4", |
|||
"resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz", |
|||
"integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==" |
|||
}, |
|||
"cookie": { |
|||
"version": "0.4.0", |
|||
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz", |
|||
"integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==" |
|||
}, |
|||
"cookie-signature": { |
|||
"version": "1.0.6", |
|||
"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz", |
|||
"integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=" |
|||
}, |
|||
"debug": { |
|||
"version": "2.6.9", |
|||
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", |
|||
"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", |
|||
"requires": { |
|||
"ms": "2.0.0" |
|||
} |
|||
}, |
|||
"depd": { |
|||
"version": "1.1.2", |
|||
"resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", |
|||
"integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" |
|||
}, |
|||
"destroy": { |
|||
"version": "1.0.4", |
|||
"resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz", |
|||
"integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=" |
|||
}, |
|||
"ee-first": { |
|||
"version": "1.1.1", |
|||
"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", |
|||
"integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" |
|||
}, |
|||
"encodeurl": { |
|||
"version": "1.0.2", |
|||
"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", |
|||
"integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=" |
|||
}, |
|||
"escape-html": { |
|||
"version": "1.0.3", |
|||
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", |
|||
"integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=" |
|||
}, |
|||
"etag": { |
|||
"version": "1.8.1", |
|||
"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", |
|||
"integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=" |
|||
}, |
|||
"express": { |
|||
"version": "4.17.1", |
|||
"resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz", |
|||
"integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==", |
|||
"requires": { |
|||
"accepts": "~1.3.7", |
|||
"array-flatten": "1.1.1", |
|||
"body-parser": "1.19.0", |
|||
"content-disposition": "0.5.3", |
|||
"content-type": "~1.0.4", |
|||
"cookie": "0.4.0", |
|||
"cookie-signature": "1.0.6", |
|||
"debug": "2.6.9", |
|||
"depd": "~1.1.2", |
|||
"encodeurl": "~1.0.2", |
|||
"escape-html": "~1.0.3", |
|||
"etag": "~1.8.1", |
|||
"finalhandler": "~1.1.2", |
|||
"fresh": "0.5.2", |
|||
"merge-descriptors": "1.0.1", |
|||
"methods": "~1.1.2", |
|||
"on-finished": "~2.3.0", |
|||
"parseurl": "~1.3.3", |
|||
"path-to-regexp": "0.1.7", |
|||
"proxy-addr": "~2.0.5", |
|||
"qs": "6.7.0", |
|||
"range-parser": "~1.2.1", |
|||
"safe-buffer": "5.1.2", |
|||
"send": "0.17.1", |
|||
"serve-static": "1.14.1", |
|||
"setprototypeof": "1.1.1", |
|||
"statuses": "~1.5.0", |
|||
"type-is": "~1.6.18", |
|||
"utils-merge": "1.0.1", |
|||
"vary": "~1.1.2" |
|||
} |
|||
}, |
|||
"finalhandler": { |
|||
"version": "1.1.2", |
|||
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz", |
|||
"integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==", |
|||
"requires": { |
|||
"debug": "2.6.9", |
|||
"encodeurl": "~1.0.2", |
|||
"escape-html": "~1.0.3", |
|||
"on-finished": "~2.3.0", |
|||
"parseurl": "~1.3.3", |
|||
"statuses": "~1.5.0", |
|||
"unpipe": "~1.0.0" |
|||
} |
|||
}, |
|||
"forwarded": { |
|||
"version": "0.1.2", |
|||
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz", |
|||
"integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=" |
|||
}, |
|||
"fresh": { |
|||
"version": "0.5.2", |
|||
"resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", |
|||
"integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=" |
|||
}, |
|||
"http-errors": { |
|||
"version": "1.7.2", |
|||
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", |
|||
"integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", |
|||
"requires": { |
|||
"depd": "~1.1.2", |
|||
"inherits": "2.0.3", |
|||
"setprototypeof": "1.1.1", |
|||
"statuses": ">= 1.5.0 < 2", |
|||
"toidentifier": "1.0.0" |
|||
} |
|||
}, |
|||
"iconv-lite": { |
|||
"version": "0.4.24", |
|||
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", |
|||
"integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", |
|||
"requires": { |
|||
"safer-buffer": ">= 2.1.2 < 3" |
|||
} |
|||
}, |
|||
"inherits": { |
|||
"version": "2.0.3", |
|||
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", |
|||
"integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" |
|||
}, |
|||
"ipaddr.js": { |
|||
"version": "1.9.1", |
|||
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", |
|||
"integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==" |
|||
}, |
|||
"media-typer": { |
|||
"version": "0.3.0", |
|||
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz", |
|||
"integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=" |
|||
}, |
|||
"merge-descriptors": { |
|||
"version": "1.0.1", |
|||
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz", |
|||
"integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=" |
|||
}, |
|||
"methods": { |
|||
"version": "1.1.2", |
|||
"resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz", |
|||
"integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=" |
|||
}, |
|||
"mime": { |
|||
"version": "1.6.0", |
|||
"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", |
|||
"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==" |
|||
}, |
|||
"mime-db": { |
|||
"version": "1.44.0", |
|||
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz", |
|||
"integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==" |
|||
}, |
|||
"mime-types": { |
|||
"version": "2.1.27", |
|||
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz", |
|||
"integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==", |
|||
"requires": { |
|||
"mime-db": "1.44.0" |
|||
} |
|||
}, |
|||
"ms": { |
|||
"version": "2.0.0", |
|||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", |
|||
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" |
|||
}, |
|||
"negotiator": { |
|||
"version": "0.6.2", |
|||
"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz", |
|||
"integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==" |
|||
}, |
|||
"on-finished": { |
|||
"version": "2.3.0", |
|||
"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", |
|||
"integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=", |
|||
"requires": { |
|||
"ee-first": "1.1.1" |
|||
} |
|||
}, |
|||
"parseurl": { |
|||
"version": "1.3.3", |
|||
"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", |
|||
"integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==" |
|||
}, |
|||
"path-to-regexp": { |
|||
"version": "0.1.7", |
|||
"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz", |
|||
"integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=" |
|||
}, |
|||
"proxy-addr": { |
|||
"version": "2.0.6", |
|||
"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz", |
|||
"integrity": "sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==", |
|||
"requires": { |
|||
"forwarded": "~0.1.2", |
|||
"ipaddr.js": "1.9.1" |
|||
} |
|||
}, |
|||
"qs": { |
|||
"version": "6.7.0", |
|||
"resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", |
|||
"integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==" |
|||
}, |
|||
"range-parser": { |
|||
"version": "1.2.1", |
|||
"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", |
|||
"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==" |
|||
}, |
|||
"raw-body": { |
|||
"version": "2.4.0", |
|||
"resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz", |
|||
"integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==", |
|||
"requires": { |
|||
"bytes": "3.1.0", |
|||
"http-errors": "1.7.2", |
|||
"iconv-lite": "0.4.24", |
|||
"unpipe": "1.0.0" |
|||
} |
|||
}, |
|||
"safe-buffer": { |
|||
"version": "5.1.2", |
|||
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", |
|||
"integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" |
|||
}, |
|||
"safer-buffer": { |
|||
"version": "2.1.2", |
|||
"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", |
|||
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" |
|||
}, |
|||
"send": { |
|||
"version": "0.17.1", |
|||
"resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz", |
|||
"integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==", |
|||
"requires": { |
|||
"debug": "2.6.9", |
|||
"depd": "~1.1.2", |
|||
"destroy": "~1.0.4", |
|||
"encodeurl": "~1.0.2", |
|||
"escape-html": "~1.0.3", |
|||
"etag": "~1.8.1", |
|||
"fresh": "0.5.2", |
|||
"http-errors": "~1.7.2", |
|||
"mime": "1.6.0", |
|||
"ms": "2.1.1", |
|||
"on-finished": "~2.3.0", |
|||
"range-parser": "~1.2.1", |
|||
"statuses": "~1.5.0" |
|||
}, |
|||
"dependencies": { |
|||
"ms": { |
|||
"version": "2.1.1", |
|||
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", |
|||
"integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==" |
|||
} |
|||
} |
|||
}, |
|||
"serve-static": { |
|||
"version": "1.14.1", |
|||
"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz", |
|||
"integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==", |
|||
"requires": { |
|||
"encodeurl": "~1.0.2", |
|||
"escape-html": "~1.0.3", |
|||
"parseurl": "~1.3.3", |
|||
"send": "0.17.1" |
|||
} |
|||
}, |
|||
"setprototypeof": { |
|||
"version": "1.1.1", |
|||
"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", |
|||
"integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==" |
|||
}, |
|||
"statuses": { |
|||
"version": "1.5.0", |
|||
"resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", |
|||
"integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=" |
|||
}, |
|||
"toidentifier": { |
|||
"version": "1.0.0", |
|||
"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", |
|||
"integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==" |
|||
}, |
|||
"type-is": { |
|||
"version": "1.6.18", |
|||
"resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", |
|||
"integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==", |
|||
"requires": { |
|||
"media-typer": "0.3.0", |
|||
"mime-types": "~2.1.24" |
|||
} |
|||
}, |
|||
"unpipe": { |
|||
"version": "1.0.0", |
|||
"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", |
|||
"integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=" |
|||
}, |
|||
"utils-merge": { |
|||
"version": "1.0.1", |
|||
"resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz", |
|||
"integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=" |
|||
}, |
|||
"vary": { |
|||
"version": "1.1.2", |
|||
"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", |
|||
"integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=" |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,20 @@ |
|||
{ |
|||
"name": "siameses_server", |
|||
"version": "1.0.0", |
|||
"description": "Siameses backend", |
|||
"main": "src/server.js", |
|||
"scripts": { |
|||
"test": "echo \"Error: no test specified\" && exit 1", |
|||
"start": "node src/server" |
|||
}, |
|||
"repository": { |
|||
"type": "git", |
|||
"url": "https://git.galm.io/galmio/siameses-v2" |
|||
}, |
|||
"author": "galmio", |
|||
"license": "AGPL-3.0", |
|||
"dependencies": { |
|||
"express": "^4.17.1" |
|||
}, |
|||
"devDependencies": {} |
|||
} |
|||
@ -0,0 +1,20 @@ |
|||
const path = require('path') |
|||
const express = require('express') |
|||
|
|||
// Constants
|
|||
const PORT = process.env.PORT || 4000 |
|||
const HOST = process.env.HOST || '0.0.0.0' |
|||
const CLIENT_BUILD_PATH = path.join(__dirname, '../../client/dist') |
|||
|
|||
// Initiallize Express
|
|||
const app = express() |
|||
|
|||
// Static files middleware
|
|||
app.use(express.static(CLIENT_BUILD_PATH)) |
|||
|
|||
app.get('*', (req, res) => { |
|||
res.sendFile(path.join(CLIENT_BUILD_PATH, 'index.html')) |
|||
}) |
|||
app.listen(PORT, HOST, () => |
|||
console.log(`App running in http://${HOST}:${PORT}`) |
|||
) |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue