-import cookieParser = require("cookie-parser");\r
-import * as serialize from "serialize-javascript";\r
-import * as express from "express";\r
-import { StaticRouter } from "inferno-router";\r
-import { renderToString } from "inferno-server";\r
-import path = require("path");\r
-import App from "../client/components/App/App";\r
-const server = express();\r
-const port = 1234;\r
-\r
-server.use(express.json());\r
-server.use(express.urlencoded({ extended: false }));\r
-server.use("/static", express.static(path.resolve("./dist/client")));\r
-\r
-server.use(cookieParser());\r
-\r
-server.get("/*", (req, res) => {\r
- const context = {} as any;\r
- const isoData = {\r
- name: "fishing sux",\r
- }\r
-\r
- const wrapper = (\r
- <StaticRouter location={req.url} context={context}>\r
- <App name={isoData.name} />\r
- </StaticRouter>\r
- );\r
- if (context.url) {\r
- return res.redirect(context.url);\r
- }\r
-\r
- res.send(`\r
- <!doctype html>\r
- <html>\r
- <head>\r
- <title>My Universal App</title>\r
- <script>window.isoData = ${serialize(isoData)}</script> \r
- </head>\r
- <body>\r
- <div id='root'>${renderToString(wrapper)}</div>\r
- <script src='./static/bundle.js'></script>\r
- </body>\r
- </html>\r
-`);\r
-});\r
-let Server = server.listen(port, () => {\r
- console.log(`http://localhost:${port}`);\r
-});\r
-\r
-/**\r
- * Used to restart server by fuseBox\r
- */\r
-export async function shutdown() {\r
- Server.close();\r
- Server = undefined;\r
-}\r
+// import cookieParser = require('cookie-parser');
+import serialize from 'serialize-javascript';
+import express from 'express';
+import { StaticRouter } from 'inferno-router';
+import { renderToString } from 'inferno-server';
+import { matchPath } from 'inferno-router';
+import path from 'path';
+import { App } from '../shared/components/app';
+import { IsoData } from '../shared/interfaces';
+import { routes } from '../shared/routes';
+import IsomorphicCookie from 'isomorphic-cookie';
+import { lemmyHttp, setAuth } from '../shared/utils';
+import { GetSiteForm } from 'lemmy-js-client';
+const server = express();
+const port = 1234;
+
+server.use(express.json());
+server.use(express.urlencoded({ extended: false }));
+server.use('/assets', express.static(path.resolve('./src/assets')));
+server.use('/static', express.static(path.resolve('./dist')));
+
+// server.use(cookieParser());
+
+server.get('/*', async (req, res) => {
+ const activeRoute = routes.find(route => matchPath(req.url, route)) || {};
+ const context = {} as any;
+ let auth: string = IsomorphicCookie.load('jwt', req);
+
+ let getSiteForm: GetSiteForm = {};
+ setAuth(getSiteForm, auth);
+
+ let promises: Promise<any>[] = [];
+
+ let siteData = lemmyHttp.getSite(getSiteForm);
+ promises.push(siteData);
+ if (activeRoute.fetchInitialData) {
+ promises.push(...activeRoute.fetchInitialData(auth, req.path));
+ }
+
+ let resolver = await Promise.all(promises);
+
+ let isoData: IsoData = {
+ path: req.path,
+ site: resolver[0],
+ routeData: resolver.slice(1, resolver.length),
+ };
+
+ console.log(activeRoute.path);
+
+ const wrapper = (
+ <StaticRouter location={req.url} context={isoData}>
+ <App site={isoData.site} />
+ </StaticRouter>
+ );
+ if (context.url) {
+ return res.redirect(context.url);
+ }
+
+ res.send(`
+ <!DOCTYPE html>
+ <html lang="en">
+ <head>
+ <script>window.isoData = ${serialize(isoData)}</script>
+
+ <!-- Required meta tags -->
+ <meta name="Description" content="Lemmy">
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <!-- Icons -->
+ <link rel="shortcut icon" type="image/svg+xml" href="/assets/favicon.svg" />
+ <!-- <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" /> -->
+
+ <!-- Styles -->
+ <link rel="stylesheet" type="text/css" href="/static/styles/styles.css" />
+ </head>
+
+ <body>
+ <div id='root'>${renderToString(wrapper)}</div>
+ <script src='/static/js/client.js'></script>
+ </body>
+ </html>
+`);
+});
+let Server = server.listen(port, () => {
+ console.log(`http://localhost:${port}`);
+});
+
+/**
+ * Used to restart server by fuseBox
+ */
+export async function shutdown() {
+ Server.close();
+ Server = undefined;
+}
projects / lemmy-ui.git / blobdiff