create-express-react-mongo 1.0.0

package/templates/default/client/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "create-react-express-mongo",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "axios": "^1.16.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^7.14.2"
+  },
+  "devDependencies": {
+    "@types/node": "^25.9.1",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8"
+  }
+}

package/templates/default/client/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" className="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

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

@@ -0,0 +1,4 @@
+#root {
+  margin: 0 auto;
+  text-align: center;
+}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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/App.tsx

@@ -0,0 +1,28 @@
+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 <div>Loading initial content...</div>;
+  }
+
+  if (error) {
+    return <div>Unable to load initial content.</div>;
+  }
+
+  return (
+    <BrowserRouter>
+      <div className="App">
+        <Routes>
+          <Route path="/" element={<LandingPage initialContentData={initialContent}/>} />
+        </Routes>
+      </div>
+    </BrowserRouter>
+  );
+}
+
+export default App

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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/components/index.tsx

@@ -0,0 +1,12 @@
+function LandingPage (props: Readonly<{ initialContentData: any; }>) {
+    const { initialContentData } = props;
+
+    return (
+        <>
+            <h1>{initialContentData.title}</h1>
+            <p>{initialContentData.description}</p>
+        </>
+    )
+}
+
+export default LandingPage;

package/templates/default/client/src/index.css

@@ -0,0 +1,19 @@
+:root {
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+html {
+  scroll-behavior: smooth;
+}

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

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

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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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/main.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+)

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

@@ -0,0 +1,6 @@
+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

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

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+{"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/src/services/initialContent.ts

@@ -0,0 +1,30 @@
+import { useEffect, useState } from "react";
+import axios from "axios";
+
+export function GetInitialContent() {
+  const [initialContent, setInitialContent] = useState<Record<string, any>>({});
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<unknown>(null);
+  const backendUrl =
+      (import.meta as any).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 };
+}

package/templates/default/client/src/vite-env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="vite/client" />
+
+declare module '*.css';

package/templates/default/client/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "types": ["node"]
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/default/client/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

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

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

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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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/client/vite.config.ts

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

package/templates/default/server/README.md

@@ -0,0 +1 @@
+# react-express-mongo server