Auto commit: 2026-02-10T09:24:38.608Z

.replit

@@ -0,0 +1,2 @@
+language = "bash"
+run = "npm run start:full-app"

Procfile

@@ -0,0 +1 @@
+web: cd backend && npm run start:prod

backend/.eslintignore

@@ -0,0 +1,4 @@
+# Ignore generated and runtime files
+node_modules/
+tmp/
+logs/

backend/.eslintrc.cjs

@@ -0,0 +1,15 @@
+module.exports = {
+  env: {
+    node: true,
+    es2021: true
+  },
+  extends: [
+    'eslint:recommended'
+  ],
+  plugins: [
+    'import'
+  ],
+  rules: {
+    'import/no-unresolved': 'error'
+  }
+};

backend/.prettierrc

@@ -0,0 +1,11 @@
+{
+  "singleQuote": true,
+  "tabWidth": 2,
+  "printWidth": 80,
+  "trailingComma": "all",
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": true,
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always"
+}

backend/Dockerfile

@@ -0,0 +1,23 @@
+FROM node:20.15.1-alpine
+
+RUN apk update && apk add bash
+# Create app directory
+WORKDIR /usr/src/app
+
+# Install app dependencies
+# A wildcard is used to ensure both package.json AND package-lock.json are copied
+# where available (npm@5+)
+COPY package*.json ./
+
+RUN yarn install
+# If you are building your code for production
+# RUN npm ci --only=production
+
+
+# Bundle app source
+COPY . .
+
+
+EXPOSE 8080
+
+CMD [ "yarn", "start" ]

backend/README.md

@@ -0,0 +1,56 @@
+
+#Blackness Studio Website - template backend,
+
+#### Run App on local machine:
+
+##### Install local dependencies:
+- `yarn install`
+
+------------
+
+##### Adjust local db:
+###### 1.  Install postgres:
+ - MacOS:
+   - `brew install postgres`
+
+- Ubuntu:
+  - `sudo apt update`
+  - `sudo apt install postgresql postgresql-contrib`
+
+###### 2. Create db and admin user:
+ - Before run and test connection, make sure you have created a database as described in the above configuration. You can use the `psql` command to create a user and database.
+   - `psql postgres --u postgres`
+
+- Next, type this command for creating a new user with password then give access for creating the database.
+  - `postgres-# CREATE ROLE admin WITH LOGIN PASSWORD 'admin_pass';`
+  - `postgres-# ALTER ROLE admin CREATEDB;`
+
+- Quit `psql` then log in again using the new user that previously created.
+  - `postgres-# \q`
+  - `psql postgres -U admin`
+
+- Type this command to creating a new database.
+  - `postgres=> CREATE DATABASE db_blackness_studio_website;`
+
+- Then give that new user privileges to the new database then quit the `psql`.
+  - `postgres=> GRANT ALL PRIVILEGES ON DATABASE db_blackness_studio_website TO admin;`
+  - `postgres=> \q`
+ 
+------------
+
+#### Api Documentation (Swagger)
+
+http://localhost:8080/api-docs (local host)
+
+http://host_name/api-docs
+
+------------
+
+ ##### Setup database tables or update after schema change
+ - `yarn db:migrate`
+
+ ##### Seed the initial data (admin accounts, relevant for the first setup):
+ - `yarn db:seed`
+ 
+ ##### Start build:
+ - `yarn start`

backend/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "blacknessstudiowebsite",
+  "description": "Blackness Studio Website - template backend",
+  "scripts": {
+    "start": "npm run db:migrate && npm run db:seed && npm run watch",
+    "start:prod": "npm run db:migrate && node src/index.js",
+    "lint": "eslint . --ext .js",
+    "db:migrate": "sequelize-cli db:migrate",
+    "db:seed": "sequelize-cli db:seed:all",
+    "db:drop": "sequelize-cli db:drop",
+    "db:create": "sequelize-cli db:create",
+    "watch": "node watcher.js"
+  },
+  "dependencies": {
+    "@google-cloud/storage": "^5.18.2",
+    "axios": "^1.6.7",
+    "bcrypt": "5.1.1",
+    "chokidar": "^4.0.3",
+    "cors": "2.8.5",
+    "csv-parser": "^3.0.0",
+    "express": "4.18.2",
+    "formidable": "1.2.2",
+    "helmet": "4.1.1",
+    "json2csv": "^5.0.7",
+    "jsonwebtoken": "8.5.1",
+    "lodash": "4.17.21",
+    "moment": "2.30.1",
+    "multer": "^1.4.4",
+    "mysql2": "2.2.5",
+    "nodemailer": "6.9.9",
+    "passport": "^0.7.0",
+    "passport-google-oauth2": "^0.2.0",
+    "passport-jwt": "^4.0.1",
+    "passport-microsoft": "^0.1.0",
+    "pg": "8.4.1",
+    "pg-hstore": "2.3.4",
+    "sequelize": "6.35.2",
+    "sequelize-json-schema": "^2.1.1",
+    "sqlite": "4.0.15",
+    "swagger-jsdoc": "^6.2.8",
+    "swagger-ui-express": "^5.0.0",
+    "tedious": "^18.2.4"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "private": true,
+  "devDependencies": {
+    "cross-env": "7.0.3",
+    "eslint": "^8.23.1",
+    "eslint-plugin-import": "^2.29.1",
+    "mocha": "8.1.3",
+    "node-mocks-http": "1.9.0",
+    "nodemon": "2.0.5",
+    "sequelize-cli": "6.6.2"
+  }
+}

backend/src/config.js

@@ -0,0 +1,79 @@
+
+
+
+const os = require('os');
+
+const config = {
+  gcloud: {
+    bucket: "fldemo-files",
+    hash: "afeefb9d49f5b7977577876b99532ac7"
+  },
+  bcrypt: {
+    saltRounds: 12
+  },
+  admin_pass: "02f73895",
+  user_pass: "5acefd8fd4d0",
+  admin_email: "admin@flatlogic.com",
+  providers: {
+    LOCAL: 'local',
+    GOOGLE: 'google',
+    MICROSOFT: 'microsoft'
+  },
+  secret_key: process.env.SECRET_KEY || '02f73895-cabe-4aa2-94ec-5acefd8fd4d0',
+  remote: '',
+  port: process.env.NODE_ENV === "production" ? "" : "8080",
+  hostUI: process.env.NODE_ENV === "production" ? "" : "http://localhost",
+  portUI: process.env.NODE_ENV === "production" ? "" : "3000",
+
+  portUIProd: process.env.NODE_ENV === "production" ? "" : ":3000",
+
+  swaggerUI: process.env.NODE_ENV === "production" ? "" : "http://localhost",
+  swaggerPort: process.env.NODE_ENV === "production" ? "" : ":8080",
+  google: {
+    clientId: process.env.GOOGLE_CLIENT_ID || '',
+    clientSecret: process.env.GOOGLE_CLIENT_SECRET || '',
+  },
+  microsoft: {
+      clientId: process.env.MS_CLIENT_ID || '',
+      clientSecret: process.env.MS_CLIENT_SECRET || '',
+  },
+  uploadDir: os.tmpdir(),
+  email: {
+    from: 'Blackness Studio Website <app@flatlogic.app>',
+    host: 'email-smtp.us-east-1.amazonaws.com',
+    port: 587,
+    auth: {
+      user: process.env.EMAIL_USER || '',
+      pass: process.env.EMAIL_PASS,
+    },
+    tls: {
+      rejectUnauthorized: false
+    }
+  },
+  roles: {
+
+    admin: 'Administrator',
+
+
+  
+  user: 'Analytics Viewer',
+
+  },
+
+  project_uuid: '02f73895-cabe-4aa2-94ec-5acefd8fd4d0',
+  flHost: process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'dev_stage' ? 'https://flatlogic.com/projects' : 'http://localhost:3000/projects',
+
+
+  gpt_key: process.env.GPT_KEY || '',
+};
+
+config.pexelsKey = process.env.PEXELS_KEY || '';
+
+config.pexelsQuery = 'Abstract gold light trails';
+config.host = process.env.NODE_ENV === "production" ? config.remote : "http://localhost";
+config.apiUrl = `${config.host}${config.port ? `:${config.port}` : ``}/api`;
+config.swaggerUrl = `${config.swaggerUI}${config.swaggerPort}`;
+config.uiUrl = `${config.hostUI}${config.portUI ? `:${config.portUI}` : ``}/#`;
+config.backUrl = `${config.hostUI}${config.portUI ? `:${config.portUI}` : ``}`;
+
+module.exports = config;

backend/src/helpers.js

@@ -0,0 +1,23 @@
+const jwt = require('jsonwebtoken');
+const config = require('./config');
+
+module.exports = class Helpers {
+  static wrapAsync(fn) {
+    return function (req, res, next) {
+      fn(req, res, next).catch(next);
+    };
+  }
+
+  static commonErrorHandler(error, req, res, next) {
+    if ([400, 403, 404].includes(error.code)) {
+      return res.status(error.code).send(error.message);
+    }
+
+    console.error(error);
+    return res.status(500).send(error.message);
+  }
+
+  static jwtSign(data) {
+    return jwt.sign(data, config.secret_key, {expiresIn: '6h'});
+  };
+};

backend/src/index.js

@@ -0,0 +1,92 @@
+const express = require('express');
+const cors = require('cors');
+const app = express();
+const path = require('path');
+const fs = require('fs');
+const bodyParser = require('body-parser');
+const config = require('./config');
+const swaggerUI = require('swagger-ui-express');
+const swaggerJsDoc = require('swagger-jsdoc');
+
+const fileRoutes = require('./routes/file');
+const pexelsRoutes = require('./routes/pexels');
+
+
+
+const getBaseUrl = (url) => {
+  if (!url) return '';
+  return url.endsWith('/api') ? url.slice(0, -4) : url;
+};
+
+const options = {
+  definition: {
+    openapi: "3.0.0",
+      info: {
+        version: "1.0.0",
+        title: "Blackness Studio Website",
+        description: "Blackness Studio Website Online REST API for Testing and Prototyping application. You can perform all major operations with your entities - create, delete and etc.",
+      },
+    servers: [
+      {
+        url: getBaseUrl(process.env.NEXT_PUBLIC_BACK_API) || config.swaggerUrl,
+        description: "Development server",
+      }
+    ],
+    components: {
+      securitySchemes: {
+        bearerAuth: {
+          type: 'http',
+          scheme: 'bearer',
+          bearerFormat: 'JWT',
+        }
+      },
+      responses: {
+        UnauthorizedError: {
+          description: "Access token is missing or invalid"
+        }
+      }
+    },
+    security: [{
+      bearerAuth: []
+    }]
+  },
+  apis: ["./src/routes/*.js"],
+};
+
+const specs = swaggerJsDoc(options);
+app.use('/api-docs', function (req, res, next) {
+    swaggerUI.host = getBaseUrl(process.env.NEXT_PUBLIC_BACK_API) || req.get('host');
+    next()
+  }, swaggerUI.serve, swaggerUI.setup(specs))
+
+app.use(cors({origin: true}));
+
+app.use(bodyParser.json());
+
+app.use('/api/file', fileRoutes);
+app.use('/api/pexels', pexelsRoutes);
+app.enable('trust proxy');
+
+const publicDir = path.join(
+  __dirname,
+  '../public',
+);
+
+if (fs.existsSync(publicDir)) {
+  app.use('/', express.static(publicDir));
+
+  app.get('*', function(request, response) {
+    response.sendFile(
+      path.resolve(publicDir, 'index.html'),
+    );
+  });
+}
+
+const PORT = process.env.PORT || (process.env.NODE_ENV === 'dev_stage' ? 3000 : 8080);
+
+app.listen(PORT, () => {
+  console.log(`Listening on port ${PORT}`);
+});
+
+
+module.exports = app;

frontend/src/stores/mainSlice.ts

@@ -1,36 +0,0 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit'
-import { UserPayloadObject } from '../interfaces'
-
-interface MainState {
-  userName: string
-  userEmail: null | string
-  userAvatar: null | string
-  isFieldFocusRegistered: boolean
-}
-
-const initialState: MainState = {
-  /* User */
-  userName: '',
-  userEmail: null,
-  userAvatar: null,
-
-  /* Field focus with ctrl+k (to register only once) */
-  isFieldFocusRegistered: false,
-}
-
-export const mainSlice = createSlice({
-  name: 'main',
-  initialState,
-  reducers: {
-    setUser: (state, action: PayloadAction<UserPayloadObject>) => {
-      state.userName = action.payload.name
-      state.userEmail = action.payload.email
-      state.userAvatar = action.payload.avatar
-    },
-  },
-})
-
-// Action creators are generated for each case reducer function
-export const { setUser } = mainSlice.actions
-
-export default mainSlice.reducer

frontend/src/stores/store.ts

@@ -1,11 +1,9 @@
 import { configureStore } from '@reduxjs/toolkit';
 import styleReducer from './styleSlice';
-import mainReducer from './mainSlice';
 
 export const store = configureStore({
   reducer: {
     style: styleReducer,
-    main: mainReducer,
   },
 })
 

package.json

@@ -2,7 +2,9 @@
   "name": "app",
   "version": "0.0.1",
   "scripts": {
-    "build:production": "cd ./frontend && yarn install && yarn run build",
+    "install:all": "npm install && cd frontend && npm install && cd ../backend && npm install",
-    "start:production": "cd ./frontend && npm run start"
+    "build:production": "npm run install:all && cd frontend && npm run build && rm -rf ../backend/public && cp -r build ../backend/public",
+    "start:production": "cd backend && npm run start:prod",
+    "start:full-app": "cd backend && npm install && npm run db:migrate && npm run db:seed && node src/index.js & cd ../frontend && npm install && npm start"
   }
 }