create-express-react-mongo 1.0.1 → 1.0.3

package/README.md

@@ -1,10 +1,16 @@
-# react-express-mongo
+# express-react-mongo
 
 
-| Package  | Purpose                 |
-| -------- | ----------------------- |
-| fs-extra | Copy files easily       |
-| chalk    | Colored terminal output |
-| ora      | Spinner                 |
-| prompts  | CLI questions           |
-| execa    | Run shell commands      |
+## To use this run the following command:
+
+```
+ npm create express-react-mongo@1.0.3
+```
+- Go to client folder:
+    - npm install
+    - create .env file with VITE_BACKEND_URL -> default is already given inside the code (you can search the name in the code)
+    - npm run dev
+- Go to server folder:
+    - npm install
+    - create .env file with PORT, DB_URL and SESSION_SECRET -> default is already given inside the code (you can search the name in the code)
+    - npm run start

package/bin/index.ts

@@ -10,7 +10,7 @@ import { fileURLToPath } from "node:url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-console.log("CLI CREATED!!")
+console.log("CLI CREATION STARTED!!")
 
 async function main() {
   console.log(
@@ -50,7 +50,8 @@ async function main() {
 Next steps:
 
   cd ${projectName}
-  npm run dev
+  cd client -> npm install -> npm run dev
+  cd server -> npm install -> npm run start
   `);
 }
 

package/dist/index.js

@@ -7,7 +7,7 @@ import { execa } from "execa";
 import { fileURLToPath } from "node:url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
-console.log("CLI CREATED!!");
+console.log("CLI CREATION STARTED!!");
 async function main() {
     console.log(chalk.green("\n Creating Express-React-Mongo app\n"));
     const response = await prompts({
@@ -32,7 +32,8 @@ async function main() {
 Next steps:
 
   cd ${projectName}
-  npm run dev
+  cd client -> npm install -> npm run dev
+  cd server -> npm install -> npm run start
   `);
 }
 main().catch((err) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-express-react-mongo",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "bin": {
     "create-express-react-mongo": "./dist/index.js"

package/templates/default/client/package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "client",
+  "name": "create-react-express-mongo",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "client",
+      "name": "create-react-express-mongo",
       "version": "1.0.0",
       "dependencies": {
         "@emotion/react": "^11.14.0",

package/templates/default/server/package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "react-express-mongo",
+  "name": "create-react-express-mongo",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "react-express-mongo",
+      "name": "create-react-express-mongo",
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {

package/templates/default/client/src/App.d.ts

@@ -1,4 +0,0 @@
-import './App.css';
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;
-//# sourceMappingURL=App.d.ts.map

package/templates/default/client/src/App.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["App.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAA;AAKlB,iBAAS,GAAG,4CAoBX;AAED,eAAe,GAAG,CAAA"}

package/templates/default/client/src/App.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './App.css';
-import LandingPage from './components';
-import { BrowserRouter, Routes, Route } from 'react-router-dom';
-import { GetInitialContent } from './services/initialContent';
-function App() {
-    const { loading, error, initialContent } = GetInitialContent();
-    if (loading) {
-        return _jsx("div", { children: "Loading initial content..." });
-    }
-    if (error) {
-        return _jsx("div", { children: "Unable to load initial content." });
-    }
-    return (_jsx(BrowserRouter, { children: _jsx("div", { className: "App", children: _jsx(Routes, { children: _jsx(Route, { path: "/", element: _jsx(LandingPage, { initialContentData: initialContent }) }) }) }) }));
-}
-export default App;
-//# sourceMappingURL=App.js.map

package/templates/default/client/src/App.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["App.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,CAAA;AAClB,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,SAAS,GAAG;IACV,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE/D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,uDAAqC,CAAC;IAC/C,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,4DAA0C,CAAC;IACpD,CAAC;IAED,OAAO,CACL,KAAC,aAAa,cACZ,cAAK,SAAS,EAAC,KAAK,YAClB,KAAC,MAAM,cACL,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAC,WAAW,IAAC,kBAAkB,EAAE,cAAc,GAAG,GAAI,GACxE,GACL,GACQ,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAA"}

package/templates/default/client/src/components/index.d.ts

@@ -1,5 +0,0 @@
-declare function LandingPage(props: Readonly<{
-    initialContentData: any;
-}>): import("react/jsx-runtime").JSX.Element;
-export default LandingPage;
-//# sourceMappingURL=index.d.ts.map

package/templates/default/client/src/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,iBAAS,WAAW,CAAE,KAAK,EAAE,QAAQ,CAAC;IAAE,kBAAkB,EAAE,GAAG,CAAC;CAAE,CAAC,2CASlE;AAED,eAAe,WAAW,CAAC"}

package/templates/default/client/src/components/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-function LandingPage(props) {
-    const { initialContentData } = props;
-    return (_jsxs(_Fragment, { children: [_jsx("h1", { children: initialContentData.title }), _jsx("p", { children: initialContentData.description })] }));
-}
-export default LandingPage;
-//# sourceMappingURL=index.js.map

package/templates/default/client/src/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA,SAAS,WAAW,CAAE,KAA6C;IAC/D,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACH,8BACI,uBAAK,kBAAkB,CAAC,KAAK,GAAM,EACnC,sBAAI,kBAAkB,CAAC,WAAW,GAAK,IACxC,CACN,CAAA;AACL,CAAC;AAED,eAAe,WAAW,CAAC"}

package/templates/default/client/src/main.d.ts

@@ -1,2 +0,0 @@
-import './index.css';
-//# sourceMappingURL=main.d.ts.map

package/templates/default/client/src/main.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAA"}

package/templates/default/client/src/main.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App';
-import './index.css';
-ReactDOM.createRoot(document.getElementById('root')).render(_jsx(React.StrictMode, { children: _jsx(App, {}) }));
-//# sourceMappingURL=main.js.map

package/templates/default/client/src/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AACvC,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,aAAa,CAAA;AAEpB,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAE,CAAC,CAAC,MAAM,CAC1D,KAAC,KAAK,CAAC,UAAU,cACf,KAAC,GAAG,KAAG,GACU,CACpB,CAAA"}

package/templates/default/client/src/services/initialContent.d.ts

@@ -1,6 +0,0 @@
-export declare function GetInitialContent(): {
-    initialContent: Record<string, any>;
-    loading: boolean;
-    error: unknown;
-};
-//# sourceMappingURL=initialContent.d.ts.map

package/templates/default/client/src/services/initialContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"initialContent.d.ts","sourceRoot":"","sources":["initialContent.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB;;;;EA0BhC"}

package/templates/default/client/src/services/initialContent.js

@@ -1,30 +0,0 @@
-import { useEffect, useState } from "react";
-import axios from "axios";
-export function GetInitialContent() {
-    const [initialContent, setInitialContent] = useState({});
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const backendUrl = import.meta.env.VITE_BACKEND_URL || "http://localhost:3000";
-    let isApiProccessed = false;
-    useEffect(() => {
-        const fetchInitialContent = async () => {
-            try {
-                const response = await axios.get(`${backendUrl}/initial-content`);
-                setInitialContent(response.data);
-            }
-            catch (fetchError) {
-                setError(fetchError);
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        // isApiProccessed is checking if Api ran one time it will not run it again. So, you can use this if your Api called two times on load
-        if (!isApiProccessed) {
-            isApiProccessed = true;
-            fetchInitialContent();
-        }
-    }, []);
-    return { initialContent, loading, error };
-}
-//# sourceMappingURL=initialContent.js.map

package/templates/default/client/src/services/initialContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"initialContent.js","sourceRoot":"","sources":["initialContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GACX,MAAM,CAAC,IAAY,CAAC,GAAG,CAAC,gBAAgB,IAAI,uBAAuB,CAAC;IACzE,IAAI,eAAe,GAAG,KAAK,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;YACrC,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAC9B,GAAG,UAAU,kBAAkB,CAChC,CAAC;gBACF,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnC,CAAC;YAAC,OAAO,UAAU,EAAE,CAAC;gBACpB,QAAQ,CAAC,UAAU,CAAC,CAAC;YACvB,CAAC;oBAAS,CAAC;gBACT,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,CAAC;QACF,sIAAsI;QACtI,IAAG,CAAC,eAAe,EAAE,CAAC;YAAA,eAAe,GAAG,IAAI,CAAC;YAAC,mBAAmB,EAAE,CAAC;QAAA,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC5C,CAAC"}

package/templates/default/client/vite.config.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;
-//# sourceMappingURL=vite.config.d.ts.map

package/templates/default/client/vite.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["vite.config.ts"],"names":[],"mappings":";AAIA,wBAEE"}

package/templates/default/client/vite.config.js

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-// https://vitejs.dev/config/
-export default defineConfig({
-    plugins: [react()],
-});
-//# sourceMappingURL=vite.config.js.map

package/templates/default/client/vite.config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["vite.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AACnC,OAAO,KAAK,MAAM,sBAAsB,CAAA;AAExC,6BAA6B;AAC7B,eAAe,YAAY,CAAC;IAC1B,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC;CACnB,CAAC,CAAA"}

package/templates/default/server/src/index.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.ts.map

package/templates/default/server/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":""}

package/templates/default/server/src/index.js

@@ -1,56 +0,0 @@
-import express from "express";
-const app = express();
-import dotenv from "dotenv";
-import MongoStore from "connect-mongo";
-import expressSession from "express-session";
-import mongoose from "mongoose";
-dotenv.config();
-app.disable('x-powered-by'); // This will remove the X-Powered-By header, which can help to prevent attackers from identifying the server software being used.
-const port = process.env.PORT || 3000;
-const dbUrl = process.env.DB_URL || "mongodb://localhost:27017/react-express-mongo";
-const sessionSecret = process.env.SESSION_SECRET || "";
-async function startServer() {
-    try {
-        await mongoose.connect(dbUrl);
-        console.log("Mongo connection established..");
-    }
-    catch (err) {
-        console.error(err);
-        console.log("Error in establishing Mongo connection");
-    }
-}
-;
-await startServer();
-const store = MongoStore.create({
-    mongoUrl: dbUrl,
-    ttl: 24 * 60 * 60
-});
-const session = expressSession({
-    secret: sessionSecret,
-    store,
-    resave: false,
-    saveUninitialized: false,
-});
-store.on('error', (error) => {
-    console.error('Session store error:', error);
-});
-app.use(session);
-app.use(express.json()); // Middleware to parse json
-app.use(express.urlencoded());
-app.use((req, res, next) => {
-    const origin = req.headers.origin || 'http://localhost:5173';
-    const allowedOrigins = ['http://localhost:5173', 'http://localhost:3000'];
-    if (allowedOrigins.includes(origin)) {
-        res.setHeader('Access-Control-Allow-Origin', origin);
-        res.setHeader('Access-Control-Allow-Credentials', 'true');
-    }
-    // You can set security headers according to your app
-    next();
-});
-app.get('/initial-content', (req, res) => {
-    res.status(200).send({ title: "Your Express React Mongo App", description: "Congratulations!!! The setup is done. Now you can change or update files according to your need." });
-});
-app.listen(port, () => {
-    console.log(`The connection is running on port 3000`);
-});
-//# sourceMappingURL=index.js.map

package/templates/default/server/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}